From b9066880b0ea7270e3df8ccf65c296ed019cbb32 Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Fri, 2 Jan 2026 09:17:32 -0600
Subject: [PATCH 1/6] Se arreglo la actualizacion de clientes y proveedores,
 ademas de integrarlo en una misma ruta URL

---
 .../a76/clients_and_providers/routes.py       |  21 +-
 .../api/dashboard/a76/clients-providers.ts    |  21 +-
 .../data-table-actions.svelte                 | 173 ++++---
 .../clients_and_providers/+page.svelte        |   2 +-
 .../edit/[[id]]/+page.svelte                  | 363 +++++++++++++++
 .../clients_and_providers/new/+page.svelte    | 438 ------------------
 6 files changed, 482 insertions(+), 536 deletions(-)
 create mode 100644 frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte
 delete mode 100644 frontend/src/routes/dashboard/clients_and_providers/new/+page.svelte

diff --git a/backend/api/v1/modules/a76/clients_and_providers/routes.py b/backend/api/v1/modules/a76/clients_and_providers/routes.py
index 970b71ad..e1db85d7 100644
--- a/backend/api/v1/modules/a76/clients_and_providers/routes.py
+++ b/backend/api/v1/modules/a76/clients_and_providers/routes.py
@@ -61,7 +61,6 @@ async def get_clients_and_providers(
         "page_size": limit,
     }
 
-
 @router.get("/{client_id}/basic", response_model=ClientProviderBasicDTO)
 async def get_clients_and_providers_basic_info(
     client_id: int,
@@ -111,6 +110,26 @@ async def update_client_provider(
 
     return client
 
+@router.get("/{client_id}", response_model=ClientProviderResponseDTO)
+async def get_client_provider_detail(
+    client_id: int,
+    company_id: int = Query(..., description="Company ID"),
+    db: Session = Depends(get_core_db),
+    current_user: dict = Depends(get_current_user),
+):
+    """
+    Obtener un cliente/proveedor completo por ID.
+    Esta es la ruta que tu formulario necesita para cargar los datos.
+    """
+    tenant_id = validate_access_to_resource(db, company_id, current_user)
+
+    # Usamos el servicio para buscar por ID
+    client = ClientProviderService.get_by_id(db, client_id, tenant_id, company_id)
+    
+    if not client:
+        raise HTTPException(status_code=404, detail="Client/Provider not found")
+
+    return client
 
 @router.delete("/{client_id}", response_model=bool)
 async def delete_client_provider(
diff --git a/frontend/src/lib/api/dashboard/a76/clients-providers.ts b/frontend/src/lib/api/dashboard/a76/clients-providers.ts
index 26d31d69..292e9844 100644
--- a/frontend/src/lib/api/dashboard/a76/clients-providers.ts
+++ b/frontend/src/lib/api/dashboard/a76/clients-providers.ts
@@ -5,14 +5,17 @@
 import { api } from '$lib/api';
 
 export interface ClientProviderAddress {
-	id?: number;
-	street?: string | null;
-	neighborhood?: string | null;
-	city?: string | null;
-	state?: string | null;
-	country?: string | null;
-	zip_code?: string | null;
-	client_id?: number;
+    id?: number;
+    streets?: string | null; 
+    neighborhood?: string | null;
+    city?: string | null;
+    state?: string | null;
+    country?: string | null;
+    zip_code?: string | null;
+    client_id?: number;
+    interior_number?: string | null;
+    exterior_number?: string | null;
+    municipality?: string | null;
 }
 
 export interface ClientProviderPrograms {
@@ -25,7 +28,7 @@ export interface ClientProviderPrograms {
 export interface ClientProvider {
 	id: number;
 	rfc: string;
-	name: string;
+	name: string;	
 	curp?: string | null;
 	residence_country?: string | null;
 	domicile_fiscal?: string | null;
diff --git a/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte b/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte
index 888b9488..980c6749 100644
--- a/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte
+++ b/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte
@@ -1,103 +1,102 @@
 <script lang="ts">
-	import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
-	import { Button } from "$lib/components/ui/button/index.js";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
-	import type { ClientProvider } from "./columns.js";
-	import CreateEditDialog from "./create-edit-dialog.svelte";
-	import DetailsDialog from "./details-dialog.svelte";
-	import DeleteDialog from "./delete-dialog.svelte";
-	import { clientsProvidersApi } from "$lib/api/dashboard/a76/clients-providers";
-	import { companyStore } from "$lib/stores/company.svelte";
+    import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
+    import { Button } from "$lib/components/ui/button/index.js";
+    import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
+    import type { ClientProvider } from "./columns.js";
+    // import CreateEditDialog from "./create-edit-dialog.svelte"; // <-- Ya no lo necesitas aquí
+    import DetailsDialog from "./details-dialog.svelte";
+    import DeleteDialog from "./delete-dialog.svelte";
+    import { clientsProvidersApi } from "$lib/api/dashboard/a76/clients-providers";
+    import { companyStore } from "$lib/stores/company.svelte";
+    import { goto } from "$app/navigation"; // <-- Importación importante
 
-	let { 
-		item,
-		onSuccess
-	}: { 
-		item: ClientProvider;
-		onSuccess?: () => void;
-	} = $props();
+    let { 
+        item,
+        onSuccess
+    }: { 
+        item: ClientProvider;
+        onSuccess?: () => void;
+    } = $props();
 
-	let showDetailsDialog = $state(false);
-	let showEditDialog = $state(false);
-	let showDeleteDialog = $state(false);
-	let isToggling = $state(false);
+    let showDetailsDialog = $state(false);
+    // let showEditDialog = $state(false); // <-- Eliminado
+    let showDeleteDialog = $state(false);
+    let isToggling = $state(false);
 
-	function handleCopyId() {
-		navigator.clipboard.writeText(item.id.toString());
-	}
+    function handleCopyId() {
+        navigator.clipboard.writeText(item.id.toString());
+    }
 
-	function handleCopyRfc() {
-		navigator.clipboard.writeText(item.rfc);
-	}
+    function handleCopyRfc() {
+        navigator.clipboard.writeText(item.rfc);
+    }
 
-	function handleViewDetails() {
-		showDetailsDialog = true;
-	}
+    function handleViewDetails() {
+        showDetailsDialog = true;
+    }
 
-	function handleEdit() {
-		showEditDialog = true;
-	}
+    // function handleEdit() { showEditDialog = true; } // <-- Eliminado
 
-	function handleDelete() {
-		showDeleteDialog = true;
-	}
+    function handleDelete() {
+        showDeleteDialog = true;
+    }
 
-	async function handleToggleStatus() {
-		if (isToggling || !companyStore.activeCompany) return;
+    async function handleToggleStatus() {
+        if (isToggling || !companyStore.activeCompany) return;
 
-		isToggling = true;
-		try {
-			const response = await clientsProvidersApi.toggleStatus(item.id, companyStore.activeCompany.id);
-			
-			if (response.error) {
-				console.error('Error toggling status:', response.error);
-				alert(`Error: ${response.error}`);
-			} else {
-				// Llamar al callback de éxito para recargar datos
-				if (onSuccess) {
-					onSuccess();
-				}
-			}
-		} catch (error) {
-			console.error('Error toggling status:', error);
-			alert('Error cambiando el estado');
-		} finally {
-			isToggling = false;
-		}
-	}
+        isToggling = true;
+        try {
+            const response = await clientsProvidersApi.toggleStatus(item.id, companyStore.activeCompany.id);
+            
+            if (response.error) {
+                console.error('Error toggling status:', response.error);
+                alert(`Error: ${response.error}`);
+            } else {
+                if (onSuccess) {
+                    onSuccess();
+                }
+            }
+        } catch (error) {
+            console.error('Error toggling status:', error);
+            alert('Error cambiando el estado');
+        } finally {
+            isToggling = false;
+        }
+    }
 </script>
 
 <DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
-				<span class="sr-only">Abrir menú</span>
-				<EllipsisIcon class="size-4" />
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Group>
-			<DropdownMenu.Label>Acciones</DropdownMenu.Label>
-			<DropdownMenu.Item onclick={handleCopyId}>
-				Copiar ID
-			</DropdownMenu.Item>
-			<DropdownMenu.Item onclick={handleCopyRfc}>
-				Copiar RFC
-			</DropdownMenu.Item>
-		</DropdownMenu.Group>
-		<DropdownMenu.Separator />
-		<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleEdit}>Editar</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleToggleStatus} disabled={isToggling}>
-			{isToggling ? 'Cambiando...' : item.is_active === true ? 'Desactivar' : 'Activar'}
-		</DropdownMenu.Item>
-		<DropdownMenu.Separator />
-		<DropdownMenu.Item class="text-destructive" onclick={handleDelete}>Eliminar</DropdownMenu.Item>
-	</DropdownMenu.Content>
+    <DropdownMenu.Trigger>
+        {#snippet child({ props })}
+            <Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
+                <span class="sr-only">Abrir menú</span>
+                <EllipsisIcon class="size-4" />
+            </Button>
+        {/snippet}
+    </DropdownMenu.Trigger>
+    <DropdownMenu.Content align="end">
+        <DropdownMenu.Group>
+            <DropdownMenu.Label>Acciones</DropdownMenu.Label>
+            <DropdownMenu.Item onclick={handleCopyId}>
+                Copiar ID
+            </DropdownMenu.Item>
+            <DropdownMenu.Item onclick={handleCopyRfc}>
+                Copiar RFC
+            </DropdownMenu.Item>
+        </DropdownMenu.Group>
+        <DropdownMenu.Separator />
+        <DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
+        
+        <DropdownMenu.Item onclick={() => goto(`/dashboard/clients_and_providers/edit/${item.id}`)}>
+            Editar
+        </DropdownMenu.Item>
+        <DropdownMenu.Item onclick={handleToggleStatus} disabled={isToggling}>
+            {isToggling ? 'Cambiando...' : item.is_active === true ? 'Desactivar' : 'Activar'}
+        </DropdownMenu.Item>
+        <DropdownMenu.Separator />
+        <DropdownMenu.Item class="text-destructive" onclick={handleDelete}>Eliminar</DropdownMenu.Item>
+    </DropdownMenu.Content>
 </DropdownMenu.Root>
 
-<!-- Dialogs -->
 <DetailsDialog bind:open={showDetailsDialog} {item} />
-<CreateEditDialog bind:open={showEditDialog} bind:item {onSuccess} />
-<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />
+<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />
\ No newline at end of file
diff --git a/frontend/src/routes/dashboard/clients_and_providers/+page.svelte b/frontend/src/routes/dashboard/clients_and_providers/+page.svelte
index ca02a3f0..7d438230 100644
--- a/frontend/src/routes/dashboard/clients_and_providers/+page.svelte
+++ b/frontend/src/routes/dashboard/clients_and_providers/+page.svelte
@@ -195,7 +195,7 @@
 				Gestiona el catálogo de clientes y proveedores de tu empresa
 			</p>
 		</div>
-		<Button href="/dashboard/clients_and_providers/new">
+		<Button href="/dashboard/clients_and_providers/edit">
 			<Plus class="mr-2" size={16} />
 			Nuevo Cliente/Proveedor
 		</Button>
diff --git a/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte b/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte
new file mode 100644
index 00000000..bb94079f
--- /dev/null
+++ b/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte
@@ -0,0 +1,363 @@
+<script lang="ts">
+    import { onMount } from 'svelte';
+    import { browser } from '$app/environment';
+    import { page } from '$app/stores'; 
+    import { goto } from "$app/navigation";
+    
+    // UI Components
+    import { Button } from "$lib/components/ui/button";
+    import { Input } from "$lib/components/ui/input";
+    import { Label } from "$lib/components/ui/label";
+    import * as Card from "$lib/components/ui/card";
+    import * as Select from "$lib/components/ui/select";
+    import { LoaderCircle, ArrowLeft, Save } from 'lucide-svelte';
+
+    // API & Stores
+    import { clientsProvidersApi } from "$lib/api/dashboard/a76/clients-providers";
+    import { companyStore } from "$lib/stores/company.svelte";
+
+    // 1. DETECCIÓN DE MODO (CREAR vs EDITAR)
+    let id = $derived($page.params.id); 
+    let isEditing = $derived(!!id); 
+    let title = $derived(isEditing ? "Editar Cliente/Proveedor" : "Nuevo Cliente/Proveedor");
+
+    // Mapa para corregir la visualización del Select
+    const typeLabels: Record<string, string> = {
+        client: "Cliente",
+        provider: "Proveedor",
+        both: "Ambos"
+    };
+
+    // Sincronización de Cookies (Token)
+    onMount(() => {
+        if (browser) {
+            const getCookie = (name: string) => document.cookie.split(`; ${name}=`).pop()?.split(';').shift() || null;
+            const cT = getCookie('access_token');
+            const lT = localStorage.getItem('access_token');
+            if (cT && cT !== lT) localStorage.setItem('access_token', cT);
+        }
+    });
+
+    // Estado inicial del formulario
+    function getEmptyForm() {
+        return {
+            rfc: "", name: "", curp: "", residence_country: "",
+            domicile_fiscal: "", foreign_tax_id: "",
+            client_or_provider: "client", is_active: true,
+            // Dirección
+            street: "", neighborhood: "", city: "", state: "",
+            country: "", zip_code: "", 
+            // Programas
+            program_code: "", authorization_date: ""
+        };
+    }
+
+    let formData = $state(getEmptyForm());
+    let loading = $state(false);
+    let error = $state<string | null>(null);
+
+    // --- UTILIDADES DE FECHA ---
+    const intDateToString = (dateInt?: number | null) => {
+        if (!dateInt) return "";
+        const s = dateInt.toString();
+        if (s.length !== 8) return "";
+        return `${s.substring(0, 4)}-${s.substring(4, 6)}-${s.substring(6, 8)}`;
+    };
+
+    const stringDateToInt = (dateStr?: string) => {
+        if (!dateStr) return null;
+        return parseInt(dateStr.replace(/-/g, '')) || null;
+    };
+
+    // Efecto de carga automática
+    $effect(() => {
+        if (id && companyStore.activeCompany?.id) {
+            loadClientById(Number(id)); 
+        } else {
+            // Si salimos de editar a crear, limpiamos
+            if (!id) {
+                formData = getEmptyForm();
+                error = null;
+            }
+        }
+    });
+
+    async function loadClientById(clientId: number) {
+        if (!companyStore.activeCompany?.id) return;
+    
+        loading = true;
+        error = null;
+    
+        try {
+            // Usamos el nuevo endpoint GET /{id} que agregaste al backend
+            const response = await clientsProvidersApi.get(clientId, companyStore.activeCompany.id);
+            const item = (response as any).data || response; 
+
+            if (item) {
+                const addr = item.address || {};
+                const prog = item.programs || {};
+
+                formData = {
+                    rfc: item.rfc || "",
+                    name: item.name || "",
+                    curp: item.curp || "",
+                    residence_country: item.residence_country || "",
+                    domicile_fiscal: item.domicile_fiscal || "",
+                    foreign_tax_id: item.foreign_tax_id || "",
+                    client_or_provider: item.client_or_provider || "client",
+                    is_active: item.is_active ?? true,
+                    
+                    // Mapeo de dirección
+                    street: addr.streets || addr.street || "", 
+                    neighborhood: addr.neighborhood || "",
+                    city: addr.city || "",
+                    state: addr.state || "",
+                    country: addr.country || "",
+                    zip_code: addr.postal_code || addr.zip_code || "", 
+                    
+                    // Mapeo de programas
+                    program_code: prog.program_number || prog.program_code || "",
+                    authorization_date: intDateToString(prog.secon_auth_date)
+                };
+            }
+        } catch (e: any) {
+            console.error("Error al cargar:", e);
+            error = "No se pudieron cargar los detalles del cliente. Error: " + (e.message || "Desconocido");
+        } finally {
+            loading = false;
+        }
+    }
+
+    async function handleSubmit(e: Event) {
+        e.preventDefault();
+        
+        if (!companyStore.activeCompany) { error = "No hay compañía seleccionada"; return; }
+        if (!formData.rfc.trim()) { error = "El RFC es obligatorio"; return; }
+        if (!formData.name.trim()) { error = "El nombre es obligatorio"; return; }
+
+        loading = true;
+        error = null;
+
+        try {
+            // Payloads para backend
+            const addressPayload: any = {
+                street: formData.street || null,   
+                streets: formData.street || null, 
+                postal_code: formData.zip_code || null,
+                zip_code: formData.zip_code || null,    
+                neighborhood: formData.neighborhood || null,
+                city: formData.city || null,
+                state: formData.state || null,
+                country: formData.country || formData.residence_country || null, 
+            };
+
+            const programsPayload: any = {
+                program_code: formData.program_code || null,
+                program_number: formData.program_code || null, 
+                secon_auth_date: stringDateToInt(formData.authorization_date),
+            };
+
+            const basePayload = {
+                rfc: formData.rfc,
+                name: formData.name,
+                curp: formData.curp || null,
+                residence_country: formData.residence_country || null,
+                domicile_fiscal: formData.domicile_fiscal || null,
+                foreign_tax_id: formData.foreign_tax_id || null,
+                client_or_provider: formData.client_or_provider,
+                is_active: formData.is_active,
+                address: addressPayload,
+                programs: programsPayload
+            };
+
+            const companyId = companyStore.activeCompany.id;
+            let response;
+
+            if (isEditing) {
+                response = await clientsProvidersApi.update(Number(id), companyId, basePayload as any);
+            } else {
+                response = await clientsProvidersApi.create(companyId, basePayload as any);
+            }
+
+            if (response.error) {
+                if (response.status === 401) {
+                    error = 'Sesión expirada.';
+                    window.location.reload();
+                } else {
+                    error = response.error || "Error al procesar la solicitud";
+                }
+                return;
+            }
+            goto('/dashboard/clients_and_providers');
+
+        } catch (e: any) {
+            console.error("Error:", e);
+            error = e.message || "Error desconocido";
+        } finally {
+            loading = false;
+        }
+    }
+</script>
+
+<div class="space-y-6 pb-24"> 
+    <div class="flex items-center gap-4">
+        <Button variant="ghost" size="icon" onclick={() => goto('/dashboard/clients_and_providers')}>
+            <ArrowLeft class="h-4 w-4" />
+        </Button>
+        <div>
+            <h1 class="text-3xl font-bold tracking-tight">{title}</h1>
+            <p class="text-muted-foreground">
+                {isEditing ? "Modifica los datos del registro existente." : "Completa los datos para el nuevo registro."}
+            </p>
+        </div>
+    </div>
+
+    <Card.Root>
+        <Card.Header>
+            <Card.Title>Información General</Card.Title>
+            <Card.Description>Los campos marcados con * son obligatorios</Card.Description>
+        </Card.Header>
+        <Card.Content>
+            {#if loading && isEditing && !formData.name}
+                <div class="flex justify-center py-10">
+                    <LoaderCircle class="h-8 w-8 animate-spin text-primary" />
+                </div>
+            {:else}
+                <form id="cp-form" onsubmit={handleSubmit} class="space-y-6">
+                    {#if error}
+                        <div class="rounded-lg border border-destructive bg-destructive/10 p-3 text-sm text-destructive font-medium flex items-center gap-2">
+                            <span>🚨</span> {error}
+                        </div>
+                    {/if}
+
+                    <div class="space-y-4">
+                        <h3 class="text-sm font-semibold border-b pb-2">Información Básica</h3>
+                        
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div class="space-y-2">
+                                <Label for="rfc">RFC *</Label>
+                                <Input id="rfc" bind:value={formData.rfc} placeholder="Ej: XAXX010101000" maxlength={13} required disabled={loading} />
+                            </div>
+
+                            <div class="space-y-2">
+                                <Label for="client_or_provider">Tipo *</Label>
+                                <Select.Root type="single" bind:value={formData.client_or_provider}>
+                                    <Select.Trigger id="client_or_provider">
+                                        {typeLabels[formData.client_or_provider] || "Selecciona un tipo"}
+                                    </Select.Trigger>
+                                    <Select.Content>
+                                        <Select.Item value="client" label="Cliente">Cliente</Select.Item>
+                                        <Select.Item value="provider" label="Proveedor">Proveedor</Select.Item>
+                                        <Select.Item value="both" label="Ambos">Ambos</Select.Item>
+                                    </Select.Content>
+                                </Select.Root>
+                            </div>
+                        </div>
+
+                        <div class="space-y-2">
+                            <Label for="name">Nombre / Razón Social *</Label>
+                            <Input id="name" bind:value={formData.name} placeholder="Nombre completo" maxlength={256} required disabled={loading} />
+                        </div>
+
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div class="space-y-2">
+                                <Label for="curp">CURP</Label>
+                                <Input id="curp" bind:value={formData.curp} placeholder="Opcional" maxlength={18} disabled={loading} />
+                            </div>
+                            <div class="space-y-2">
+                                <Label for="residence_country">País de Residencia</Label>
+                                <Input id="residence_country" bind:value={formData.residence_country} placeholder="Ej: MEX" maxlength={64} disabled={loading} />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="space-y-4">
+                        <h3 class="text-sm font-semibold border-b pb-2">Datos Fiscales</h3>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div class="space-y-2">
+                                <Label for="domicile_fiscal">Domicilio Fiscal</Label>
+                                <Input id="domicile_fiscal" bind:value={formData.domicile_fiscal} placeholder="Domicilio completo" maxlength={256} disabled={loading} />
+                            </div>
+                            <div class="space-y-2">
+                                <Label for="foreign_tax_id">ID Fiscal Extranjero</Label>
+                                <Input id="foreign_tax_id" bind:value={formData.foreign_tax_id} placeholder="Tax ID" maxlength={64} disabled={loading} />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="space-y-4">
+                        <h3 class="text-sm font-semibold border-b pb-2">Dirección Física</h3>
+                        
+                        <div class="space-y-2">
+                            <Label for="street">Calle y Número</Label>
+                            <Input id="street" bind:value={formData.street} placeholder="Calle..." maxlength={256} disabled={loading} />
+                        </div>
+
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div class="space-y-2">
+                                <Label for="neighborhood">Colonia</Label>
+                                <Input id="neighborhood" bind:value={formData.neighborhood} placeholder="Colonia..." maxlength={128} disabled={loading} />
+                            </div>
+                            <div class="space-y-2">
+                                <Label for="zip_code">Código Postal</Label>
+                                <Input id="zip_code" bind:value={formData.zip_code} placeholder="CP" maxlength={10} disabled={loading} />
+                            </div>
+                        </div>
+
+                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                            <div class="space-y-2">
+                                <Label for="city">Ciudad</Label>
+                                <Input id="city" bind:value={formData.city} placeholder="Ciudad" maxlength={128} disabled={loading} />
+                            </div>
+                            <div class="space-y-2">
+                                <Label for="state">Estado</Label>
+                                <Input id="state" bind:value={formData.state} placeholder="Estado" maxlength={128} disabled={loading} />
+                            </div>
+                            <div class="space-y-2">
+                                <Label for="country">País</Label>
+                                <Input id="country" bind:value={formData.country} placeholder="MEX" maxlength={64} disabled={loading} />
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="space-y-4">
+                        <h3 class="text-sm font-semibold border-b pb-2">Programas de Fomento</h3>
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <div class="space-y-2">
+                                <Label for="program_code">Nº Programa (IMMEX)</Label>
+                                <Input id="program_code" bind:value={formData.program_code} placeholder="Ej: 1234-56" maxlength={32} disabled={loading} />
+                            </div>
+                            <div class="space-y-2">
+                                <Label for="authorization_date">Fecha Autorización</Label>
+                                <Input id="authorization_date" type="date" bind:value={formData.authorization_date} disabled={loading} />
+                            </div>
+                        </div>
+                    </div>
+
+                </form>
+            {/if}
+        </Card.Content>
+    </Card.Root>
+</div>
+
+<div class="fixed bottom-0 right-0 left-0 md:left-64 p-4 border-t bg-background/95 backdrop-blur z-50 flex justify-end gap-4 shadow-lg">
+    <Button type="button" variant="outline" onclick={() => goto('/dashboard/clients_and_providers')} disabled={loading}>
+        Cancelar
+    </Button>
+    
+    {#if !isEditing}
+        <Button type="button" variant="ghost" onclick={() => formData = getEmptyForm()} disabled={loading}>
+            Limpiar
+        </Button>
+    {/if}
+
+    <Button type="submit" form="cp-form" disabled={loading}>
+        {#if loading}
+            <LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
+            Guardando...
+        {:else}
+            <Save class="mr-2 h-4 w-4" />
+            {isEditing ? "Guardar Cambios" : "Crear Registro"}
+        {/if}
+    </Button>
+</div>
\ No newline at end of file
diff --git a/frontend/src/routes/dashboard/clients_and_providers/new/+page.svelte b/frontend/src/routes/dashboard/clients_and_providers/new/+page.svelte
deleted file mode 100644
index 2888f15a..00000000
--- a/frontend/src/routes/dashboard/clients_and_providers/new/+page.svelte
+++ /dev/null
@@ -1,438 +0,0 @@
-<script lang="ts">
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import { Button } from "$lib/components/ui/button";
-	import { Input } from "$lib/components/ui/input";
-	import { Label } from "$lib/components/ui/label";
-	import * as Card from "$lib/components/ui/card";
-	import * as Select from "$lib/components/ui/select";
-	import { clientsProvidersApi, type CreateClientProviderData } from "$lib/api/dashboard/a76/clients-providers";
-	import { companyStore } from "$lib/stores/company.svelte";
-	import { goto } from "$app/navigation";
-	import { ArrowLeft } from "lucide-svelte";
-
-	// Sincronizar token de cookies a localStorage al montar el componente
-	onMount(() => {
-		if (browser) {
-			const getCookie = (name: string): string | null => {
-				const value = `; ${document.cookie}`;
-				const parts = value.split(`; ${name}=`);
-				if (parts.length === 2) return parts.pop()?.split(';').shift() || null;
-				return null;
-			};
-
-			const cookieToken = getCookie('access_token');
-			const localToken = localStorage.getItem('access_token');
-
-			if (cookieToken && cookieToken !== localToken) {
-				localStorage.setItem('access_token', cookieToken);
-			}
-
-			const cookieRefreshToken = getCookie('refresh_token');
-			const localRefreshToken = localStorage.getItem('refresh_token');
-
-			if (cookieRefreshToken && cookieRefreshToken !== localRefreshToken) {
-				localStorage.setItem('refresh_token', cookieRefreshToken);
-			}
-		}
-	});
-
-	let formData = $state({
-		rfc: "",
-		name: "",
-		curp: "",
-		residence_country: "",
-		domicile_fiscal: "",
-		foreign_tax_id: "",
-		client_or_provider: "client",
-		is_active: true,
-		// Address fields
-		street: "",
-		neighborhood: "",
-		city: "",
-		state: "",
-		country: "",
-		zip_code: "",
-		// Programs fields
-		program_code: "",
-		authorization_date: ""
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	// Formulario inicializado vacío para nuevo registro
-
-	async function handleSubmit(e: Event) {
-		e.preventDefault();
-		
-		if (!companyStore.activeCompany) {
-			error = "No hay compañía seleccionada";
-			return;
-		}
-
-		// Validaciones básicas
-		if (!formData.rfc.trim()) {
-			error = "El RFC es obligatorio";
-			return;
-		}
-
-		if (!formData.name.trim()) {
-			error = "El nombre es obligatorio";
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		// Verificar que tenemos token de acceso
-		const token = localStorage.getItem('access_token');
-		if (!token) {
-			error = "No hay token de acceso. Recargando página...";
-			setTimeout(() => {
-				window.location.reload();
-			}, 1500);
-			loading = false;
-			return;
-		}
-
-		try {
-			const payload: CreateClientProviderData = {
-				rfc: formData.rfc,
-				name: formData.name,
-				curp: formData.curp || null,
-				residence_country: formData.residence_country || null,
-				domicile_fiscal: formData.domicile_fiscal || null,
-				foreign_tax_id: formData.foreign_tax_id || null,
-				client_or_provider: formData.client_or_provider as "client" | "provider" | "both" | null,
-				is_active: formData.is_active,					
-				address: {
-					street: formData.street || null,
-					neighborhood: formData.neighborhood || null,
-					city: formData.city || null,
-					state: formData.state || null,
-					country: formData.country || null,
-					zip_code: formData.zip_code || null,                    
-				},
-				programs: {
-					program_code: formData.program_code || null,
-					authorization_date: formData.authorization_date || null,                        
-				}
-			};
-
-			const response = await clientsProvidersApi.create(companyStore.activeCompany.id, payload);
-
-			if (response.error) {
-				console.error('🔧 Error del API:', response);
-				if (response.status === 401) {
-					error = 'Sesión expirada. Recargando página...';
-					setTimeout(() => {
-						window.location.reload();
-					}, 1500);
-				} else if (response.status === 403) {
-					error = 'No tienes permisos para crear clientes/proveedores';
-				} else if (response.status === 500) {
-					error = 'Error interno del servidor. Intenta nuevamente.';
-				} else if (response.status === 0 || !response.status) {
-					error = 'Error de conexión. Verifica tu internet y que el servidor esté corriendo.';
-				} else {
-					error = response.error || 'Error desconocido al guardar';
-				}
-				return;
-			}
-
-			// Éxito - redirigir a la lista
-			goto('/dashboard/clients_and_providers');
-		} catch (e) {
-			console.error("🔧 Error en catch:", e);
-			if (e instanceof TypeError && e.message.includes('fetch')) {
-				error = "Error de conexión: No se puede conectar con el servidor";
-			} else {
-				error = e instanceof Error ? e.message : "Error al guardar";
-			}
-		} finally {
-			loading = false;
-		}
-	}
-
-	function resetForm() {
-		formData = {
-			rfc: "",
-			name: "",
-			curp: "",
-			residence_country: "",
-			domicile_fiscal: "",
-			foreign_tax_id: "",
-			client_or_provider: "client",
-			is_active: true,
-			street: "",
-			neighborhood: "",
-			city: "",
-			state: "",
-			country: "",
-			zip_code: "",
-			program_code: "",
-			authorization_date: ""
-	}
-}
-</script>
-
-<div class="space-y-6">
-	<!-- Header -->
-	<div class="flex items-center gap-4">
-		<Button variant="ghost" size="icon" onclick={() => goto('/dashboard/clients_and_providers')}>
-			<ArrowLeft class="h-4 w-4" />
-		</Button>
-		<div>
-			<h1 class="text-3xl font-bold tracking-tight">Nuevo Cliente/Proveedor</h1>
-			<p class="text-muted-foreground">
-				Completa los datos para crear un nuevo cliente o proveedor
-			</p>
-		</div>
-	</div>
-
-	<!-- Formulario -->
-	<Card.Root>
-		<Card.Header>
-			<Card.Title>Información del Cliente/Proveedor</Card.Title>
-			<Card.Description>
-				Todos los campos marcados con * son obligatorios
-			</Card.Description>
-		</Card.Header>
-		<Card.Content>
-			<form id="client-provider-form" onsubmit={handleSubmit} class="space-y-6">
-				{#if error}
-					<div class="rounded-lg border border-destructive bg-destructive/10 p-3 text-sm text-destructive">
-						{error}
-					</div>
-				{/if}
-
-			<!-- Información básica -->
-			<div class="space-y-4">
-				<h3 class="text-sm font-semibold">Información Básica</h3>
-				
-				<div class="grid grid-cols-2 gap-4">
-					<div class="space-y-2">
-						<Label for="rfc">RFC *</Label>
-						<Input
-							id="rfc"
-							bind:value={formData.rfc}
-							placeholder="Ej: XAXX010101000"
-							maxlength={13}
-							required
-							disabled={loading}
-						/>
-					</div>
-
-					<div class="space-y-2">
-						<Label for="client_or_provider">Tipo *</Label>
-						<Select.Root value={formData.client_or_provider} onValueChange={(value) => (formData.client_or_provider = value || "client")}>
-							<Select.Trigger>
-								<Select.Value />
-							</Select.Trigger>
-							<Select.Content>
-								<Select.Item value="client">Cliente</Select.Item>
-								<Select.Item value="provider">Proveedor</Select.Item>
-								<Select.Item value="both">Ambos</Select.Item>
-							</Select.Content>
-						</Select.Root>
-					</div>
-				</div>
-
-				<div class="space-y-2">
-					<Label for="name">Nombre / Razón Social *</Label>
-					<Input
-						id="name"
-						bind:value={formData.name}
-						placeholder="Nombre completo o razón social"
-						maxlength={256}
-						required
-						disabled={loading}
-					/>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div class="space-y-2">
-						<Label for="curp">CURP</Label>
-						<Input
-							id="curp"
-							bind:value={formData.curp}
-							placeholder="Ej: XAXX010101HDFXXX00"
-							maxlength={18}
-							disabled={loading}
-						/>
-					</div>
-
-					<div class="space-y-2">
-						<Label for="residence_country">País de Residencia</Label>
-						<Input
-							id="residence_country"
-							bind:value={formData.residence_country}
-							placeholder="Ej: México"
-							maxlength={64}
-							disabled={loading}
-						/>
-					</div>
-				</div>
-			</div>
-
-			<!-- Información fiscal -->
-			<div class="space-y-4">
-				<h3 class="text-sm font-semibold">Información Fiscal</h3>
-				
-				<div class="space-y-2">
-					<Label for="domicile_fiscal">Domicilio Fiscal</Label>
-					<Input
-						id="domicile_fiscal"
-						bind:value={formData.domicile_fiscal}
-						placeholder="Domicilio fiscal completo"
-						maxlength={256}
-						disabled={loading}
-					/>
-				</div>
-
-				<div class="space-y-2">
-					<Label for="foreign_tax_id">ID Fiscal Extranjero</Label>
-					<Input
-						id="foreign_tax_id"
-						bind:value={formData.foreign_tax_id}
-						placeholder="Para contribuyentes extranjeros"
-						maxlength={64}
-						disabled={loading}
-					/>
-				</div>
-			</div>
-
-			<!-- Dirección -->
-			<div class="space-y-4">
-				<h3 class="text-sm font-semibold">Dirección</h3>
-				
-				<div class="space-y-2">
-					<Label for="street">Calle</Label>
-					<Input
-						id="street"
-						bind:value={formData.street}
-						placeholder="Calle y número"
-						maxlength={256}
-						disabled={loading}
-					/>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div class="space-y-2">
-						<Label for="neighborhood">Colonia</Label>
-						<Input
-							id="neighborhood"
-							bind:value={formData.neighborhood}
-							placeholder="Colonia o barrio"
-							maxlength={128}
-							disabled={loading}
-						/>
-					</div>
-
-					<div class="space-y-2">
-						<Label for="zip_code">Código Postal</Label>
-						<Input
-							id="zip_code"
-							bind:value={formData.zip_code}
-							placeholder="Ej: 12345"
-							maxlength={10}
-							disabled={loading}
-						/>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div class="space-y-2">
-						<Label for="city">Ciudad</Label>
-						<Input
-							id="city"
-							bind:value={formData.city}
-							placeholder="Ciudad"
-							maxlength={128}
-							disabled={loading}
-						/>
-					</div>
-
-					<div class="space-y-2">
-						<Label for="state">Estado</Label>
-						<Input
-							id="state"
-							bind:value={formData.state}
-							placeholder="Estado o provincia"
-							maxlength={128}
-							disabled={loading}
-						/>
-					</div>
-				</div>
-
-				<div class="space-y-2">
-					<Label for="country">País</Label>
-					<Input
-						id="country"
-						bind:value={formData.country}
-						placeholder="País"
-						maxlength={64}
-						disabled={loading}
-					/>
-				</div>
-			</div>
-
-			<!-- Programas -->
-			<div class="space-y-4">
-				<h3 class="text-sm font-semibold">Programas</h3>
-				
-				<div class="grid grid-cols-2 gap-4">
-					<div class="space-y-2">
-						<Label for="program_code">Código de Programa</Label>
-						<Input
-							id="program_code"
-							bind:value={formData.program_code}
-							placeholder="Código del programa"
-							maxlength={32}
-							disabled={loading}
-						/>
-					</div>
-
-					<div class="space-y-2">
-						<Label for="authorization_date">Fecha de Autorización</Label>
-						<Input
-							id="authorization_date"
-							type="date"
-							bind:value={formData.authorization_date}
-							disabled={loading}
-						/>
-					</div>
-				</div>
-			</div>
-			</form>
-		</Card.Content>
-	</Card.Root>
-</div>
-
-<!-- Botones fijos en la parte inferior -->
-<div class="fixed bottom-0 right-0 left-0 md:left-64 p-4 border-t bg-background/95 backdrop-blur z-50 flex justify-end gap-4 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)]">
-	<Button type="button" variant="outline" onclick={() => goto('/dashboard/clients_and_providers')} disabled={loading}>
-		Cancelar
-	</Button>
-	<Button type="button" variant="outline" onclick={resetForm} disabled={loading}>
-		Limpiar
-	</Button>
-	<Button 
-		type="submit" 
-		form="client-provider-form"
-		disabled={loading}
-	>
-		{#if loading}
-			<div class="flex items-center gap-2">
-				<div class="h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground border-t-transparent"></div>
-				Guardando...
-			</div>
-		{:else}
-			Crear Cliente/Proveedor
-		{/if}
-	</Button>
-</div>
-
-<!-- Espaciado para evitar que los botones fijos oculten contenido -->
-<div class="h-20"></div>

From d5d35aa23d72b956713862a284f52633fd846eec Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Fri, 2 Jan 2026 09:31:22 -0600
Subject: [PATCH 2/6] s

---
 .../clients_and_providers/data-table-actions.svelte         | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte b/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte
index 980c6749..03550b05 100644
--- a/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte
+++ b/frontend/src/lib/components/dashboard/clients_and_providers/data-table-actions.svelte
@@ -3,12 +3,11 @@
     import { Button } from "$lib/components/ui/button/index.js";
     import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
     import type { ClientProvider } from "./columns.js";
-    // import CreateEditDialog from "./create-edit-dialog.svelte"; // <-- Ya no lo necesitas aquí
     import DetailsDialog from "./details-dialog.svelte";
     import DeleteDialog from "./delete-dialog.svelte";
     import { clientsProvidersApi } from "$lib/api/dashboard/a76/clients-providers";
     import { companyStore } from "$lib/stores/company.svelte";
-    import { goto } from "$app/navigation"; // <-- Importación importante
+    import { goto } from "$app/navigation"; 
 
     let { 
         item,
@@ -19,7 +18,6 @@
     } = $props();
 
     let showDetailsDialog = $state(false);
-    // let showEditDialog = $state(false); // <-- Eliminado
     let showDeleteDialog = $state(false);
     let isToggling = $state(false);
 
@@ -35,8 +33,6 @@
         showDetailsDialog = true;
     }
 
-    // function handleEdit() { showEditDialog = true; } // <-- Eliminado
-
     function handleDelete() {
         showDeleteDialog = true;
     }

From f935bfb8acbef5df06cc9b3655d6f796239df0ad Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Fri, 2 Jan 2026 11:05:50 -0600
Subject: [PATCH 3/6] Se eliminaron archivos inecesarios y se puso nombre a la
 tabla de acciones en catalogos generales

---
 .../dashboard/customs_brokers/columns.ts      |   1 +
 .../general_catalogs/doda/columns.ts          |   1 +
 .../electronic_notices/columns.ts             |   2 +
 .../general_catalogs/equivalencies/columns.ts |   2 +
 .../general_catalogs/identifiers/columns.ts   |   2 +
 .../general_catalogs/inpc/columns.ts          |   1 +
 .../general_catalogs/prevalidators/columns.ts |   2 +
 .../unit_conversions/columns.ts               |   2 +
 .../units_of_measure/american/columns.ts      |   1 +
 .../units_of_measure/customs/columns.ts       |   1 +
 .../units_of_measure/oma/columns.ts           |   1 +
 .../dashboard/identifiers/columns.ts          |   1 +
 .../lib/components/dashboard/seal/columns.ts  |  41 ++++---
 .../dashboard/units_of_measure/ace/columns.ts |  27 -----
 .../ace/create-edit-dialog.svelte             | 110 -----------------
 .../ace/data-table-actions.svelte             |  79 ------------
 .../units_of_measure/ace/data-table.svelte    | 106 ----------------
 .../units_of_measure/american/columns.ts      |  27 -----
 .../american/create-edit-dialog.svelte        | 110 -----------------
 .../american/data-table-actions.svelte        |  79 ------------
 .../units_of_measure/customs/columns.ts       |  32 -----
 .../customs/create-edit-dialog.svelte         | 113 ------------------
 .../customs/data-table-actions.svelte         |  79 ------------
 .../customs/data-table.svelte                 | 106 ----------------
 .../units_of_measure/general/columns.ts       |  32 -----
 .../general/create-edit-dialog.svelte         | 113 ------------------
 .../general/data-table-actions.svelte         |  79 ------------
 .../general/data-table.svelte                 | 106 ----------------
 .../dashboard/units_of_measure/oma/columns.ts |  27 -----
 .../oma/create-edit-dialog.svelte             | 110 -----------------
 .../oma/data-table-actions.svelte             |  79 ------------
 31 files changed, 37 insertions(+), 1435 deletions(-)
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/ace/columns.ts
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/ace/create-edit-dialog.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/ace/data-table-actions.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/ace/data-table.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/american/columns.ts
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/american/create-edit-dialog.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/american/data-table-actions.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/customs/columns.ts
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/customs/create-edit-dialog.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/customs/data-table-actions.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/customs/data-table.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/general/columns.ts
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/general/create-edit-dialog.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/general/data-table-actions.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/general/data-table.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/oma/columns.ts
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/oma/create-edit-dialog.svelte
 delete mode 100644 frontend/src/lib/components/dashboard/units_of_measure/oma/data-table-actions.svelte

diff --git a/frontend/src/lib/components/dashboard/customs_brokers/columns.ts b/frontend/src/lib/components/dashboard/customs_brokers/columns.ts
index 993c6763..4f099fd3 100644
--- a/frontend/src/lib/components/dashboard/customs_brokers/columns.ts
+++ b/frontend/src/lib/components/dashboard/customs_brokers/columns.ts
@@ -118,6 +118,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CustomsBroker>[
 		},
 		{
 			id: "actions",
+			header: "Acciones",
 			cell: ({ row }) => {
 				return renderComponent(DataTableActions, { 
 					broker: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/doda/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/doda/columns.ts
index e9751ef3..946aed85 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/doda/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/doda/columns.ts
@@ -32,6 +32,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Doda>[] {
         },
         {
             id: 'actions',
+            Headers: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/electronic_notices/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/electronic_notices/columns.ts
index 3a07231a..3ebec0cb 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/electronic_notices/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/electronic_notices/columns.ts
@@ -2,6 +2,7 @@ import type { ColumnDef } from '@tanstack/table-core';
 import type { ElectronicNotice } from '$lib/api/dashboard/a76/general_catalogs/electronic-notices';
 import { renderComponent } from '$lib/components/ui/data-table';
 import DataTableActions from './data-table-actions.svelte';
+import { Head } from '$lib/components/ui/table';
 
 export function createColumns(onSuccess?: () => void): ColumnDef<ElectronicNotice>[] {
     return [
@@ -32,6 +33,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<ElectronicNotic
         },
         {
             id: 'actions',
+            Headers: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/equivalencies/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/equivalencies/columns.ts
index 704f2210..f4a92c75 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/equivalencies/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/equivalencies/columns.ts
@@ -2,6 +2,7 @@ import type { ColumnDef } from '@tanstack/table-core';
 import type { Equivalency } from '$lib/api/dashboard/a76/general_catalogs/equivalencies';
 import { renderComponent } from '$lib/components/ui/data-table';
 import DataTableActions from './data-table-actions.svelte';
+import { Header } from '$lib/components/ui/alert-dialog';
 
 export function createColumns(onSuccess?: () => void): ColumnDef<Equivalency>[] {
     return [
@@ -22,6 +23,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Equivalency>[]
         },
         {
             id: 'actions',
+            Header: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/identifiers/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/identifiers/columns.ts
index 8247aeb7..6aa1997c 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/identifiers/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/identifiers/columns.ts
@@ -2,6 +2,7 @@ import type { ColumnDef } from '@tanstack/table-core';
 import type { Identifier } from '$lib/api/dashboard/a76/general_catalogs/identifiers';
 import { renderComponent } from '$lib/components/ui/data-table';
 import DataTableActions from './data-table-actions.svelte';
+import { Header } from '$lib/components/ui/alert-dialog';
 
 export function createColumns(onSuccess?: () => void): ColumnDef<Identifier>[] {
     return [
@@ -27,6 +28,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Identifier>[] {
         },
         {
             id: 'actions',
+            Header: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/inpc/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/inpc/columns.ts
index 34d58e58..c6828b12 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/inpc/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/inpc/columns.ts
@@ -22,6 +22,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<INPC>[] {
         },
         {
             id: 'actions',
+            header: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/prevalidators/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/prevalidators/columns.ts
index 1c8b2ab5..404a0752 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/prevalidators/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/prevalidators/columns.ts
@@ -2,6 +2,7 @@ import type { ColumnDef } from '@tanstack/table-core';
 import type { Prevalidator } from '$lib/api/dashboard/a76/general_catalogs/prevalidators';
 import { renderComponent } from '$lib/components/ui/data-table';
 import DataTableActions from './data-table-actions.svelte';
+import { Header } from '$lib/components/ui/alert-dialog';
 
 export function createColumns(onSuccess?: () => void): ColumnDef<Prevalidator>[] {
     return [
@@ -27,6 +28,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Prevalidator>[]
         },
         {
             id: 'actions',
+            Header: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/unit_conversions/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/unit_conversions/columns.ts
index a251e9fa..34d970a0 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/unit_conversions/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/unit_conversions/columns.ts
@@ -2,6 +2,7 @@ import type { ColumnDef } from '@tanstack/table-core';
 import type { UnitConversion } from '$lib/api/dashboard/a76/general_catalogs/unit-conversions';
 import { renderComponent } from '$lib/components/ui/data-table';
 import DataTableActions from './data-table-actions.svelte';
+import { Header } from '$lib/components/ui/alert-dialog';
 
 export function createColumns(onSuccess?: () => void): ColumnDef<UnitConversion>[] {
 	return [
@@ -19,6 +20,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<UnitConversion>
 		},
 		{
 			id: 'actions',
+			header: 'Acciones',
 			cell: ({ row }) =>
 				renderComponent(DataTableActions, {
 					conversion: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/american/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/american/columns.ts
index d9f1124e..f9d51db1 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/american/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/american/columns.ts
@@ -15,6 +15,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<UnitOfMeasureAm
         },
         {
             id: "actions",
+            header: "Acciones",
             cell: ({ row }) =>
                 renderComponent(DataTableActions, {
                     unit: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/customs/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/customs/columns.ts
index 5fcde59a..6f5d2136 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/customs/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/customs/columns.ts
@@ -19,6 +19,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<UnitOfMeasureCu
         },
         {
             id: "actions",
+            header: "Acciones",
             cell: ({ row }) =>
                 renderComponent(DataTableActions, {
                     unit: row.original,
diff --git a/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/oma/columns.ts b/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/oma/columns.ts
index b3f5c0b8..a24ccbea 100644
--- a/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/oma/columns.ts
+++ b/frontend/src/lib/components/dashboard/general_catalogs/units_of_measure/oma/columns.ts
@@ -15,6 +15,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<UnitOfMeasureOM
         },
         {
             id: "actions",
+            header: "Acciones",
             cell: ({ row }) =>
                 renderComponent(DataTableActions, {
                     unit: row.original,
diff --git a/frontend/src/lib/components/dashboard/identifiers/columns.ts b/frontend/src/lib/components/dashboard/identifiers/columns.ts
index d1feb995..c1b371ed 100644
--- a/frontend/src/lib/components/dashboard/identifiers/columns.ts
+++ b/frontend/src/lib/components/dashboard/identifiers/columns.ts
@@ -26,6 +26,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Identifier>[] {
         },
         {
             id: 'actions',
+            header: 'Acciones',
             cell: ({ row }) => {
                 return renderComponent(DataTableActions, {
                     item: row.original,
diff --git a/frontend/src/lib/components/dashboard/seal/columns.ts b/frontend/src/lib/components/dashboard/seal/columns.ts
index dbe33b26..bf68d94e 100644
--- a/frontend/src/lib/components/dashboard/seal/columns.ts
+++ b/frontend/src/lib/components/dashboard/seal/columns.ts
@@ -1,27 +1,26 @@
-/**
- * Column definitions for Seal table
- */
 import type { ColumnDef } from '@tanstack/table-core';
 import type { Seal } from '$lib/api/dashboard/a76/general_catalogs/seal';
 import { renderComponent } from '$lib/components/ui/data-table';
 import DataTableActions from './data-table-actions.svelte';
 
 export function createColumns(onSuccess?: () => void): ColumnDef<Seal>[] {
-	return [
-		{
-			accessorKey: 'seal',
-			header: 'Sello',
-			cell: ({ row }) => row.original.seal
-		},
-		{
-			id: 'actions',
-			header: 'Acciones',
-			cell: ({ row }) => {
-				return renderComponent(DataTableActions, {
-					item: row.original,
-					onSuccess
-				});
-			}
-		}
-	];
-}
+    return [
+    
+        {
+            accessorKey: 'seal',
+            header: 'Sello',
+            cell: ({ row }) => row.original.seal,
+        },
+        {
+            id: 'actions',
+            header: 'Acciones',
+            meta: {
+                class: 'w-[100px] text-right' 
+            },
+            cell: ({ row }) => renderComponent(DataTableActions, {
+                item: row.original,
+                onSuccess
+            })
+        }
+    ];
+}
\ No newline at end of file
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/ace/columns.ts b/frontend/src/lib/components/dashboard/units_of_measure/ace/columns.ts
deleted file mode 100644
index d88fb3a2..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/ace/columns.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { UnitOfMeasureACE } from '$lib/api/dashboard/a76/general_catalogs/units-of-measure';
-import type { ColumnDef } from '@tanstack/table-core';
-import { renderComponent } from '$lib/components/ui/data-table';
-import DataTableActions from './data-table-actions.svelte';
-
-export function createColumns(onSuccess?: () => void): ColumnDef<UnitOfMeasureACE>[] {
-    return [
-        {
-            accessorKey: 'code',
-            header: 'Código',
-        },
-        {
-            accessorKey: 'description',
-            header: 'Descripción',
-            cell: ({ row }) => row.original.description || '-'
-        },
-        {
-            id: 'actions',
-            cell: ({ row }) => {
-                return renderComponent(DataTableActions, {
-                    item: row.original,
-                    onSuccess
-                });
-            }
-        }
-    ];
-}
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/ace/create-edit-dialog.svelte b/frontend/src/lib/components/dashboard/units_of_measure/ace/create-edit-dialog.svelte
deleted file mode 100644
index f0bd92f2..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/ace/create-edit-dialog.svelte
+++ /dev/null
@@ -1,110 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as Dialog from "$lib/components/ui/dialog";
-	import { Input } from "$lib/components/ui/input";
-	import { Label } from "$lib/components/ui/label";
-	import { createUnitOfMeasureACE, updateUnitOfMeasureACE, type UnitOfMeasureACE } from "$lib/api/dashboard/a76/general_catalogs/units-of-measure";
-
-	let {
-		open = $bindable(false),
-		mode = 'create',
-		item = null,
-		onSuccess
-	}: {
-		open: boolean;
-		mode?: 'create' | 'edit';
-		item?: UnitOfMeasureACE | null;
-		onSuccess?: () => void;
-	} = $props();
-
-	const isEdit = $derived(mode === 'edit');
-	const title = $derived(isEdit ? "Editar Unidad ACE" : "Nueva Unidad ACE");
-
-	let formData = $state({
-		code: '',
-		description: ''
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	$effect(() => {
-		if (open) {
-			if (isEdit && item) {
-				formData = {
-					code: item.code,
-					description: item.description || ''
-				};
-			} else {
-				formData = {
-					code: '',
-					description: ''
-				};
-			}
-			error = null;
-		}
-	});
-
-	async function handleSubmit() {
-		loading = true;
-		error = null;
-
-		try {
-			let response;
-			if (isEdit && item) {
-				response = await updateUnitOfMeasureACE(item.id, {
-					code: formData.code,
-					description: formData.description || null
-				});
-			} else {
-				response = await createUnitOfMeasureACE({
-					code: formData.code,
-					description: formData.description || null
-				});
-			}
-
-			if (response.error) {
-				error = response.error;
-				return;
-			}
-
-			open = false;
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<Dialog.Root bind:open>
-	<Dialog.Content class="sm:max-w-[425px]">
-		<Dialog.Header>
-			<Dialog.Title>{title}</Dialog.Title>
-		</Dialog.Header>
-		
-		<div class="grid gap-4 py-4">
-			{#if error}
-				<div class="text-red-500 text-sm mb-2">{error}</div>
-			{/if}
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="code" class="text-right">Código</Label>
-				<Input id="code" bind:value={formData.code} class="col-span-3" disabled={loading} />
-			</div>
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="description" class="text-right">Descripción</Label>
-				<Input id="description" bind:value={formData.description} class="col-span-3" disabled={loading} />
-			</div>
-		</div>
-
-		<Dialog.Footer>
-			<Button type="submit" onclick={handleSubmit} disabled={loading}>
-				{loading ? 'Guardando...' : 'Guardar'}
-			</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
-</Dialog.Root>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/ace/data-table-actions.svelte b/frontend/src/lib/components/dashboard/units_of_measure/ace/data-table-actions.svelte
deleted file mode 100644
index 49e2eb59..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/ace/data-table-actions.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-	import { deleteUnitOfMeasureACE, type UnitOfMeasureACE } from "$lib/api/dashboard/a76/general_catalogs/units-of-measure";
-	import { EllipsisVertical, Pencil, LoaderCircle, Trash2 } from 'lucide-svelte';
-	import CreateEditDialog from "./create-edit-dialog.svelte";
-
-	let {
-		item,
-		onSuccess
-	}: {
-		item: UnitOfMeasureACE;
-		onSuccess?: () => void;
-	} = $props();
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let dialogOpen = $state(false);
-
-	async function handleDelete() {
-		if (!confirm(`¿Estás seguro de eliminar la unidad "${item.code}"?`)) {
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			const response = await deleteUnitOfMeasureACE(item.id);
-
-			if (response.error) {
-                error = response.error;
-                alert(`Error al eliminar: ${response.error}`);
-				return;
-			}
-
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-            alert('Error de conexión al eliminar');
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button {...props} variant="ghost" size="icon" class="h-8 w-8 p-0">
-				<span class="sr-only">Abrir menú</span>
-				<EllipsisVertical class="h-4 w-4" />
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Label>Acciones</DropdownMenu.Label>
-		<DropdownMenu.Item onclick={() => dialogOpen = true}>
-			<Pencil class="mr-2 h-4 w-4" />
-			Editar
-		</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleDelete} class="text-red-600">
-			{#if loading}
-				<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-			{:else}
-				<Trash2 class="mr-2 h-4 w-4" />
-			{/if}
-			Eliminar
-		</DropdownMenu.Item>
-	</DropdownMenu.Content>
-</DropdownMenu.Root>
-
-<CreateEditDialog 
-	bind:open={dialogOpen} 
-	mode="edit" 
-	{item} 
-	{onSuccess} 
-/>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/ace/data-table.svelte b/frontend/src/lib/components/dashboard/units_of_measure/ace/data-table.svelte
deleted file mode 100644
index ea8886c5..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/ace/data-table.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts" generics="TData, TValue">
-	import {
-		type ColumnDef,
-		getCoreRowModel,
-	} from "@tanstack/table-core";
-	import { createSvelteTable, FlexRender } from "$lib/components/ui/data-table/index.js";
-	import * as Table from "$lib/components/ui/table/index.js";
-    import { Button } from "$lib/components/ui/button";
-    import { goto } from "$app/navigation";
-    import { page } from "$app/stores";
-
-	type DataTableProps<TData, TValue> = {
-		columns: ColumnDef<TData, TValue>[];
-		data: TData[];
-        pageCount: number;
-        totalItems: number;
-	};
-
-	let {
-		data,
-		columns,
-        pageCount,
-        totalItems
-	}: DataTableProps<TData, TValue> = $props();
-
-	const table = createSvelteTable({
-		get data() {
-			return data;
-		},
-		columns,
-		getCoreRowModel: getCoreRowModel(),
-        manualPagination: true,
-        pageCount: pageCount,
-	});
-
-    function handlePageChange(newPage: number) {
-        const url = new URL($page.url);
-        url.searchParams.set('page', newPage.toString());
-        goto(url);
-    }
-</script>
-
-<div class="rounded-md border">
-	<Table.Root>
-		<Table.Header>
-			{#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
-				<Table.Row>
-					{#each headerGroup.headers as header (header.id)}
-						<Table.Head>
-							{#if !header.isPlaceholder}
-								<FlexRender
-									content={header.column.columnDef.header}
-									context={header.getContext()}
-								/>
-							{/if}
-						</Table.Head>
-					{/each}
-				</Table.Row>
-			{/each}
-		</Table.Header>
-		<Table.Body>
-			{#each table.getRowModel().rows as row (row.id)}
-				<Table.Row data-state={row.getIsSelected() && "selected"}>
-					{#each row.getVisibleCells() as cell (cell.id)}
-						<Table.Cell>
-							<FlexRender
-								content={cell.column.columnDef.cell}
-								context={cell.getContext()}
-							/>
-						</Table.Cell>
-					{/each}
-				</Table.Row>
-			{:else}
-				<Table.Row>
-					<Table.Cell colspan={columns.length} class="h-24 text-center">
-						No hay resultados.
-					</Table.Cell>
-				</Table.Row>
-			{/each}
-		</Table.Body>
-	</Table.Root>
-</div>
-
-<div class="flex items-center justify-end space-x-2 py-4">
-    <div class="flex-1 text-sm text-muted-foreground">
-        Total: {totalItems}
-    </div>
-    <div class="space-x-2">
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => handlePageChange(Number($page.url.searchParams.get('page') || 1) - 1)}
-            disabled={Number($page.url.searchParams.get('page') || 1) <= 1}
-        >
-            Anterior
-        </Button>
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => handlePageChange(Number($page.url.searchParams.get('page') || 1) + 1)}
-            disabled={Number($page.url.searchParams.get('page') || 1) >= pageCount}
-        >
-            Siguiente
-        </Button>
-    </div>
-</div>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/american/columns.ts b/frontend/src/lib/components/dashboard/units_of_measure/american/columns.ts
deleted file mode 100644
index e3a4bff7..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/american/columns.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { UnitOfMeasureAmerican } from '$lib/api/dashboard/a76/general_catalogs/units-of-measure';
-import type { ColumnDef } from '@tanstack/table-core';
-import { renderComponent } from '$lib/components/ui/data-table';
-import DataTableActions from './data-table-actions.svelte';
-
-export function createColumns(onSuccess?: () => void): ColumnDef<UnitOfMeasureAmerican>[] {
-    return [
-        {
-            accessorKey: 'code',
-            header: 'Código',
-        },
-        {
-            accessorKey: 'description',
-            header: 'Descripción',
-            cell: ({ row }) => row.original.description || '-'
-        },
-        {
-            id: 'actions',
-            cell: ({ row }) => {
-                return renderComponent(DataTableActions, {
-                    item: row.original,
-                    onSuccess
-                });
-            }
-        }
-    ];
-}
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/american/create-edit-dialog.svelte b/frontend/src/lib/components/dashboard/units_of_measure/american/create-edit-dialog.svelte
deleted file mode 100644
index 8ef1d6fb..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/american/create-edit-dialog.svelte
+++ /dev/null
@@ -1,110 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as Dialog from "$lib/components/ui/dialog";
-	import { Input } from "$lib/components/ui/input";
-	import { Label } from "$lib/components/ui/label";
-	import { createUnitOfMeasureAmerican, updateUnitOfMeasureAmerican, type UnitOfMeasureAmerican } from "$lib/api/dashboard/a76/general_catalogs/units-of-measure";
-
-	let {
-		open = $bindable(false),
-		mode = 'create',
-		item = null,
-		onSuccess
-	}: {
-		open: boolean;
-		mode?: 'create' | 'edit';
-		item?: UnitOfMeasureAmerican | null;
-		onSuccess?: () => void;
-	} = $props();
-
-	const isEdit = $derived(mode === 'edit');
-	const title = $derived(isEdit ? "Editar Unidad Americana" : "Nueva Unidad Americana");
-
-	let formData = $state({
-		code: '',
-		description: ''
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	$effect(() => {
-		if (open) {
-			if (isEdit && item) {
-				formData = {
-					code: item.code,
-					description: item.description || ''
-				};
-			} else {
-				formData = {
-					code: '',
-					description: ''
-				};
-			}
-			error = null;
-		}
-	});
-
-	async function handleSubmit() {
-		loading = true;
-		error = null;
-
-		try {
-			let response;
-			if (isEdit && item) {
-				response = await updateUnitOfMeasureAmerican(item.id, {
-					code: formData.code,
-					description: formData.description || null
-				});
-			} else {
-				response = await createUnitOfMeasureAmerican({
-					code: formData.code,
-					description: formData.description || null
-				});
-			}
-
-			if (response.error) {
-				error = response.error;
-				return;
-			}
-
-			open = false;
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<Dialog.Root bind:open>
-	<Dialog.Content class="sm:max-w-[425px]">
-		<Dialog.Header>
-			<Dialog.Title>{title}</Dialog.Title>
-		</Dialog.Header>
-		
-		<div class="grid gap-4 py-4">
-			{#if error}
-				<div class="text-red-500 text-sm mb-2">{error}</div>
-			{/if}
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="code" class="text-right">Código</Label>
-				<Input id="code" bind:value={formData.code} class="col-span-3" disabled={loading} />
-			</div>
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="description" class="text-right">Descripción</Label>
-				<Input id="description" bind:value={formData.description} class="col-span-3" disabled={loading} />
-			</div>
-		</div>
-
-		<Dialog.Footer>
-			<Button type="submit" onclick={handleSubmit} disabled={loading}>
-				{loading ? 'Guardando...' : 'Guardar'}
-			</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
-</Dialog.Root>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/american/data-table-actions.svelte b/frontend/src/lib/components/dashboard/units_of_measure/american/data-table-actions.svelte
deleted file mode 100644
index 74912f4e..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/american/data-table-actions.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-	import { deleteUnitOfMeasureAmerican, type UnitOfMeasureAmerican } from "$lib/api/dashboard/a76/general_catalogs/units-of-measure";
-	import { EllipsisVertical, Pencil, LoaderCircle, Trash2 } from 'lucide-svelte';
-	import CreateEditDialog from "./create-edit-dialog.svelte";
-
-	let {
-		item,
-		onSuccess
-	}: {
-		item: UnitOfMeasureAmerican;
-		onSuccess?: () => void;
-	} = $props();
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let dialogOpen = $state(false);
-
-	async function handleDelete() {
-		if (!confirm(`¿Estás seguro de eliminar la unidad "${item.code}"?`)) {
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			const response = await deleteUnitOfMeasureAmerican(item.id);
-
-			if (response.error) {
-                error = response.error;
-                alert(`Error al eliminar: ${response.error}`);
-				return;
-			}
-
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-            alert('Error de conexión al eliminar');
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button {...props} variant="ghost" size="icon" class="h-8 w-8 p-0">
-				<span class="sr-only">Abrir menú</span>
-				<EllipsisVertical class="h-4 w-4" />
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Label>Acciones</DropdownMenu.Label>
-		<DropdownMenu.Item onclick={() => dialogOpen = true}>
-			<Pencil class="mr-2 h-4 w-4" />
-			Editar
-		</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleDelete} class="text-red-600">
-			{#if loading}
-				<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-			{:else}
-				<Trash2 class="mr-2 h-4 w-4" />
-			{/if}
-			Eliminar
-		</DropdownMenu.Item>
-	</DropdownMenu.Content>
-</DropdownMenu.Root>
-
-<CreateEditDialog 
-	bind:open={dialogOpen} 
-	mode="edit" 
-	{item} 
-	{onSuccess} 
-/>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/customs/columns.ts b/frontend/src/lib/components/dashboard/units_of_measure/customs/columns.ts
deleted file mode 100644
index db580d6b..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/customs/columns.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { ColumnDef } from '@tanstack/table-core';
-import { renderComponent } from '$lib/components/ui/data-table';
-import DataTableActions from './data-table-actions.svelte';
-
-export interface UMCustomsMex {
-    id: number;
-    code: string;
-    description: string | null;
-}
-
-export function createColumns(onSuccess?: () => void): ColumnDef<UMCustomsMex>[] {
-    return [
-        {
-            accessorKey: 'code',
-            header: 'Código',
-        },
-        {
-            accessorKey: 'description',
-            header: 'Descripción',
-            cell: ({ row }) => row.original.description || '-'
-        },
-        {
-            id: 'actions',
-            cell: ({ row }) => {
-                return renderComponent(DataTableActions, {
-                    item: row.original,
-                    onSuccess
-                });
-            }
-        }
-    ];
-}
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/customs/create-edit-dialog.svelte b/frontend/src/lib/components/dashboard/units_of_measure/customs/create-edit-dialog.svelte
deleted file mode 100644
index 46319d69..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/customs/create-edit-dialog.svelte
+++ /dev/null
@@ -1,113 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as Dialog from "$lib/components/ui/dialog";
-	import { Input } from "$lib/components/ui/input";
-	import { Label } from "$lib/components/ui/label";
-	import { createUMCustomsMex, updateUMCustomsMex, type UMCustomsMex } from "$lib/api/dashboard/a76/general_catalogs/um-customs-mex";
-
-	let {
-		open = $bindable(false),
-		mode = 'create',
-		item = null,
-		onSuccess
-	}: {
-		open: boolean;
-		mode?: 'create' | 'edit';
-		item?: UMCustomsMex | null;
-		onSuccess?: () => void;
-	} = $props();
-
-	const isEdit = $derived(mode === 'edit');
-	const title = $derived(isEdit ? "Editar Unidad Customs MEX" : "Nueva Unidad Customs MEX");
-
-	let formData = $state({
-		code: '',
-		description: ''
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	$effect(() => {
-		if (open) {
-			if (isEdit && item) {
-				formData = {
-					code: item.code,
-					description: item.description || ''
-				};
-			} else {
-				formData = {
-					code: '',
-					description: ''
-				};
-			}
-			error = null;
-		}
-	});
-
-	async function handleSubmit() {
-		loading = true;
-		error = null;
-
-		try {
-			let response;
-			if (isEdit && item) {
-				response = await updateUMCustomsMex(item.id, {
-					code: formData.code,
-					description: formData.description || null
-				});
-			} else {
-				response = await createUMCustomsMex({
-					code: formData.code,
-					description: formData.description || null
-				});
-			}
-
-			if (response.error) {
-				error = response.error;
-				return;
-			}
-
-			open = false;
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<Dialog.Root bind:open>
-	<Dialog.Content class="sm:max-w-[425px]">
-		<Dialog.Header>
-			<Dialog.Title>{title}</Dialog.Title>
-		</Dialog.Header>
-		
-		<div class="grid gap-4 py-4">
-			{#if error}
-				<div class="text-red-500 text-sm mb-2">{error}</div>
-			{/if}
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="code" class="text-right">Código</Label>
-				<Input id="code" bind:value={formData.code} class="col-span-3" disabled={loading} />
-			</div>
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="description" class="text-right">Descripción</Label>
-				<Input id="description" bind:value={formData.description} class="col-span-3" disabled={loading} />
-			</div>
-		</div>
-
-		<div class="flex justify-end gap-2">
-			<Button variant="outline" onclick={() => open = false} disabled={loading}>
-				Cancelar
-			</Button>
-			<Button onclick={handleSubmit} disabled={loading}>
-				{loading ? 'Guardando...' : 'Guardar'}
-			</Button>
-		</div>
-	</Dialog.Content>
-</Dialog.Root>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/customs/data-table-actions.svelte b/frontend/src/lib/components/dashboard/units_of_measure/customs/data-table-actions.svelte
deleted file mode 100644
index 0e845518..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/customs/data-table-actions.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-	import { deleteUMCustomsMex, type UMCustomsMex } from "$lib/api/dashboard/a76/general_catalogs/um-customs-mex";
-	import { EllipsisVertical, Pencil, LoaderCircle, Trash2 } from 'lucide-svelte';
-	import CreateEditDialog from "./create-edit-dialog.svelte";
-
-	let {
-		item,
-		onSuccess
-	}: {
-		item: UMCustomsMex;
-		onSuccess?: () => void;
-	} = $props();
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let dialogOpen = $state(false);
-
-	async function handleDelete() {
-		if (!confirm(`¿Estás seguro de eliminar la unidad "${item.code}"?`)) {
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			const response = await deleteUMCustomsMex(item.id);
-
-			if (response.error) {
-                error = response.error;
-                alert(`Error al eliminar: ${response.error}`);
-				return;
-			}
-
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-            alert('Error de conexión al eliminar');
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button {...props} variant="ghost" size="icon" class="h-8 w-8 p-0">
-				<span class="sr-only">Abrir menú</span>
-				<EllipsisVertical class="h-4 w-4" />
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Label>Acciones</DropdownMenu.Label>
-		<DropdownMenu.Item onclick={() => dialogOpen = true}>
-			<Pencil class="mr-2 h-4 w-4" />
-			Editar
-		</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleDelete} class="text-red-600">
-			{#if loading}
-				<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-			{:else}
-				<Trash2 class="mr-2 h-4 w-4" />
-			{/if}
-			Eliminar
-		</DropdownMenu.Item>
-	</DropdownMenu.Content>
-</DropdownMenu.Root>
-
-<CreateEditDialog 
-	bind:open={dialogOpen} 
-	mode="edit" 
-	{item} 
-	{onSuccess} 
-/>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/customs/data-table.svelte b/frontend/src/lib/components/dashboard/units_of_measure/customs/data-table.svelte
deleted file mode 100644
index ea8886c5..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/customs/data-table.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts" generics="TData, TValue">
-	import {
-		type ColumnDef,
-		getCoreRowModel,
-	} from "@tanstack/table-core";
-	import { createSvelteTable, FlexRender } from "$lib/components/ui/data-table/index.js";
-	import * as Table from "$lib/components/ui/table/index.js";
-    import { Button } from "$lib/components/ui/button";
-    import { goto } from "$app/navigation";
-    import { page } from "$app/stores";
-
-	type DataTableProps<TData, TValue> = {
-		columns: ColumnDef<TData, TValue>[];
-		data: TData[];
-        pageCount: number;
-        totalItems: number;
-	};
-
-	let {
-		data,
-		columns,
-        pageCount,
-        totalItems
-	}: DataTableProps<TData, TValue> = $props();
-
-	const table = createSvelteTable({
-		get data() {
-			return data;
-		},
-		columns,
-		getCoreRowModel: getCoreRowModel(),
-        manualPagination: true,
-        pageCount: pageCount,
-	});
-
-    function handlePageChange(newPage: number) {
-        const url = new URL($page.url);
-        url.searchParams.set('page', newPage.toString());
-        goto(url);
-    }
-</script>
-
-<div class="rounded-md border">
-	<Table.Root>
-		<Table.Header>
-			{#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
-				<Table.Row>
-					{#each headerGroup.headers as header (header.id)}
-						<Table.Head>
-							{#if !header.isPlaceholder}
-								<FlexRender
-									content={header.column.columnDef.header}
-									context={header.getContext()}
-								/>
-							{/if}
-						</Table.Head>
-					{/each}
-				</Table.Row>
-			{/each}
-		</Table.Header>
-		<Table.Body>
-			{#each table.getRowModel().rows as row (row.id)}
-				<Table.Row data-state={row.getIsSelected() && "selected"}>
-					{#each row.getVisibleCells() as cell (cell.id)}
-						<Table.Cell>
-							<FlexRender
-								content={cell.column.columnDef.cell}
-								context={cell.getContext()}
-							/>
-						</Table.Cell>
-					{/each}
-				</Table.Row>
-			{:else}
-				<Table.Row>
-					<Table.Cell colspan={columns.length} class="h-24 text-center">
-						No hay resultados.
-					</Table.Cell>
-				</Table.Row>
-			{/each}
-		</Table.Body>
-	</Table.Root>
-</div>
-
-<div class="flex items-center justify-end space-x-2 py-4">
-    <div class="flex-1 text-sm text-muted-foreground">
-        Total: {totalItems}
-    </div>
-    <div class="space-x-2">
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => handlePageChange(Number($page.url.searchParams.get('page') || 1) - 1)}
-            disabled={Number($page.url.searchParams.get('page') || 1) <= 1}
-        >
-            Anterior
-        </Button>
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => handlePageChange(Number($page.url.searchParams.get('page') || 1) + 1)}
-            disabled={Number($page.url.searchParams.get('page') || 1) >= pageCount}
-        >
-            Siguiente
-        </Button>
-    </div>
-</div>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/general/columns.ts b/frontend/src/lib/components/dashboard/units_of_measure/general/columns.ts
deleted file mode 100644
index 710cb488..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/general/columns.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { ColumnDef } from '@tanstack/table-core';
-import { renderComponent } from '$lib/components/ui/data-table';
-import DataTableActions from './data-table-actions.svelte';
-
-export interface UnitMeasure {
-    id: number;
-    code: string;
-    description: string | null;
-}
-
-export function createColumns(onSuccess?: () => void): ColumnDef<UnitMeasure>[] {
-    return [
-        {
-            accessorKey: 'code',
-            header: 'Código',
-        },
-        {
-            accessorKey: 'description',
-            header: 'Descripción',
-            cell: ({ row }) => row.original.description || '-'
-        },
-        {
-            id: 'actions',
-            cell: ({ row }) => {
-                return renderComponent(DataTableActions, {
-                    item: row.original,
-                    onSuccess
-                });
-            }
-        }
-    ];
-}
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/general/create-edit-dialog.svelte b/frontend/src/lib/components/dashboard/units_of_measure/general/create-edit-dialog.svelte
deleted file mode 100644
index ffbb4054..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/general/create-edit-dialog.svelte
+++ /dev/null
@@ -1,113 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as Dialog from "$lib/components/ui/dialog";
-	import { Input } from "$lib/components/ui/input";
-	import { Label } from "$lib/components/ui/label";
-	import { createUnitMeasure, updateUnitMeasure, type UnitMeasure } from "$lib/api/dashboard/a76/general_catalogs/unit-measures";
-
-	let {
-		open = $bindable(false),
-		mode = 'create',
-		item = null,
-		onSuccess
-	}: {
-		open: boolean;
-		mode?: 'create' | 'edit';
-		item?: UnitMeasure | null;
-		onSuccess?: () => void;
-	} = $props();
-
-	const isEdit = $derived(mode === 'edit');
-	const title = $derived(isEdit ? "Editar Unidad de Medida" : "Nueva Unidad de Medida");
-
-	let formData = $state({
-		code: '',
-		description: ''
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	$effect(() => {
-		if (open) {
-			if (isEdit && item) {
-				formData = {
-					code: item.code,
-					description: item.description || ''
-				};
-			} else {
-				formData = {
-					code: '',
-					description: ''
-				};
-			}
-			error = null;
-		}
-	});
-
-	async function handleSubmit() {
-		loading = true;
-		error = null;
-
-		try {
-			let response;
-			if (isEdit && item) {
-				response = await updateUnitMeasure(item.id, {
-					code: formData.code,
-					description: formData.description || null
-				});
-			} else {
-				response = await createUnitMeasure({
-					code: formData.code,
-					description: formData.description || null
-				});
-			}
-
-			if (response.error) {
-				error = response.error;
-				return;
-			}
-
-			open = false;
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<Dialog.Root bind:open>
-	<Dialog.Content class="sm:max-w-[425px]">
-		<Dialog.Header>
-			<Dialog.Title>{title}</Dialog.Title>
-		</Dialog.Header>
-		
-		<div class="grid gap-4 py-4">
-			{#if error}
-				<div class="text-red-500 text-sm mb-2">{error}</div>
-			{/if}
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="code" class="text-right">Código</Label>
-				<Input id="code" bind:value={formData.code} class="col-span-3" disabled={loading} />
-			</div>
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="description" class="text-right">Descripción</Label>
-				<Input id="description" bind:value={formData.description} class="col-span-3" disabled={loading} />
-			</div>
-		</div>
-
-		<div class="flex justify-end gap-2">
-			<Button variant="outline" onclick={() => open = false} disabled={loading}>
-				Cancelar
-			</Button>
-			<Button onclick={handleSubmit} disabled={loading}>
-				{loading ? 'Guardando...' : 'Guardar'}
-			</Button>
-		</div>
-	</Dialog.Content>
-</Dialog.Root>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/general/data-table-actions.svelte b/frontend/src/lib/components/dashboard/units_of_measure/general/data-table-actions.svelte
deleted file mode 100644
index 66641d66..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/general/data-table-actions.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-	import { deleteUnitMeasure, type UnitMeasure } from "$lib/api/dashboard/a76/general_catalogs/unit-measures";
-	import { EllipsisVertical, Pencil, LoaderCircle, Trash2 } from 'lucide-svelte';
-	import CreateEditDialog from "./create-edit-dialog.svelte";
-
-	let {
-		item,
-		onSuccess
-	}: {
-		item: UnitMeasure;
-		onSuccess?: () => void;
-	} = $props();
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let dialogOpen = $state(false);
-
-	async function handleDelete() {
-		if (!confirm(`¿Estás seguro de eliminar la unidad "${item.code}"?`)) {
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			const response = await deleteUnitMeasure(item.id);
-
-			if (response.error) {
-                error = response.error;
-                alert(`Error al eliminar: ${response.error}`);
-				return;
-			}
-
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-            alert('Error de conexión al eliminar');
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button {...props} variant="ghost" size="icon" class="h-8 w-8 p-0">
-				<span class="sr-only">Abrir menú</span>
-				<EllipsisVertical class="h-4 w-4" />
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Label>Acciones</DropdownMenu.Label>
-		<DropdownMenu.Item onclick={() => dialogOpen = true}>
-			<Pencil class="mr-2 h-4 w-4" />
-			Editar
-		</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleDelete} class="text-red-600">
-			{#if loading}
-				<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-			{:else}
-				<Trash2 class="mr-2 h-4 w-4" />
-			{/if}
-			Eliminar
-		</DropdownMenu.Item>
-	</DropdownMenu.Content>
-</DropdownMenu.Root>
-
-<CreateEditDialog 
-	bind:open={dialogOpen} 
-	mode="edit" 
-	{item} 
-	{onSuccess} 
-/>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/general/data-table.svelte b/frontend/src/lib/components/dashboard/units_of_measure/general/data-table.svelte
deleted file mode 100644
index ea8886c5..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/general/data-table.svelte
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts" generics="TData, TValue">
-	import {
-		type ColumnDef,
-		getCoreRowModel,
-	} from "@tanstack/table-core";
-	import { createSvelteTable, FlexRender } from "$lib/components/ui/data-table/index.js";
-	import * as Table from "$lib/components/ui/table/index.js";
-    import { Button } from "$lib/components/ui/button";
-    import { goto } from "$app/navigation";
-    import { page } from "$app/stores";
-
-	type DataTableProps<TData, TValue> = {
-		columns: ColumnDef<TData, TValue>[];
-		data: TData[];
-        pageCount: number;
-        totalItems: number;
-	};
-
-	let {
-		data,
-		columns,
-        pageCount,
-        totalItems
-	}: DataTableProps<TData, TValue> = $props();
-
-	const table = createSvelteTable({
-		get data() {
-			return data;
-		},
-		columns,
-		getCoreRowModel: getCoreRowModel(),
-        manualPagination: true,
-        pageCount: pageCount,
-	});
-
-    function handlePageChange(newPage: number) {
-        const url = new URL($page.url);
-        url.searchParams.set('page', newPage.toString());
-        goto(url);
-    }
-</script>
-
-<div class="rounded-md border">
-	<Table.Root>
-		<Table.Header>
-			{#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
-				<Table.Row>
-					{#each headerGroup.headers as header (header.id)}
-						<Table.Head>
-							{#if !header.isPlaceholder}
-								<FlexRender
-									content={header.column.columnDef.header}
-									context={header.getContext()}
-								/>
-							{/if}
-						</Table.Head>
-					{/each}
-				</Table.Row>
-			{/each}
-		</Table.Header>
-		<Table.Body>
-			{#each table.getRowModel().rows as row (row.id)}
-				<Table.Row data-state={row.getIsSelected() && "selected"}>
-					{#each row.getVisibleCells() as cell (cell.id)}
-						<Table.Cell>
-							<FlexRender
-								content={cell.column.columnDef.cell}
-								context={cell.getContext()}
-							/>
-						</Table.Cell>
-					{/each}
-				</Table.Row>
-			{:else}
-				<Table.Row>
-					<Table.Cell colspan={columns.length} class="h-24 text-center">
-						No hay resultados.
-					</Table.Cell>
-				</Table.Row>
-			{/each}
-		</Table.Body>
-	</Table.Root>
-</div>
-
-<div class="flex items-center justify-end space-x-2 py-4">
-    <div class="flex-1 text-sm text-muted-foreground">
-        Total: {totalItems}
-    </div>
-    <div class="space-x-2">
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => handlePageChange(Number($page.url.searchParams.get('page') || 1) - 1)}
-            disabled={Number($page.url.searchParams.get('page') || 1) <= 1}
-        >
-            Anterior
-        </Button>
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => handlePageChange(Number($page.url.searchParams.get('page') || 1) + 1)}
-            disabled={Number($page.url.searchParams.get('page') || 1) >= pageCount}
-        >
-            Siguiente
-        </Button>
-    </div>
-</div>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/oma/columns.ts b/frontend/src/lib/components/dashboard/units_of_measure/oma/columns.ts
deleted file mode 100644
index 4b28f780..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/oma/columns.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { UnitOfMeasureOMA } from '$lib/api/dashboard/a76/general_catalogs/units-of-measure';
-import type { ColumnDef } from '@tanstack/table-core';
-import { renderComponent } from '$lib/components/ui/data-table';
-import DataTableActions from './data-table-actions.svelte';
-
-export function createColumns(onSuccess?: () => void): ColumnDef<UnitOfMeasureOMA>[] {
-    return [
-        {
-            accessorKey: 'code',
-            header: 'Código',
-        },
-        {
-            accessorKey: 'description',
-            header: 'Descripción',
-            cell: ({ row }) => row.original.description || '-'
-        },
-        {
-            id: 'actions',
-            cell: ({ row }) => {
-                return renderComponent(DataTableActions, {
-                    item: row.original,
-                    onSuccess
-                });
-            }
-        }
-    ];
-}
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/oma/create-edit-dialog.svelte b/frontend/src/lib/components/dashboard/units_of_measure/oma/create-edit-dialog.svelte
deleted file mode 100644
index 2917b9fa..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/oma/create-edit-dialog.svelte
+++ /dev/null
@@ -1,110 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as Dialog from "$lib/components/ui/dialog";
-	import { Input } from "$lib/components/ui/input";
-	import { Label } from "$lib/components/ui/label";
-	import { createUnitOfMeasureOMA, updateUnitOfMeasureOMA, type UnitOfMeasureOMA } from "$lib/api/dashboard/a76/general_catalogs/units-of-measure";
-
-	let {
-		open = $bindable(false),
-		mode = 'create',
-		item = null,
-		onSuccess
-	}: {
-		open: boolean;
-		mode?: 'create' | 'edit';
-		item?: UnitOfMeasureOMA | null;
-		onSuccess?: () => void;
-	} = $props();
-
-	const isEdit = $derived(mode === 'edit');
-	const title = $derived(isEdit ? "Editar Unidad OMA" : "Nueva Unidad OMA");
-
-	let formData = $state({
-		code: '',
-		description: ''
-	});
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-
-	$effect(() => {
-		if (open) {
-			if (isEdit && item) {
-				formData = {
-					code: item.code,
-					description: item.description || ''
-				};
-			} else {
-				formData = {
-					code: '',
-					description: ''
-				};
-			}
-			error = null;
-		}
-	});
-
-	async function handleSubmit() {
-		loading = true;
-		error = null;
-
-		try {
-			let response;
-			if (isEdit && item) {
-				response = await updateUnitOfMeasureOMA(item.id, {
-					code: formData.code,
-					description: formData.description || null
-				});
-			} else {
-				response = await createUnitOfMeasureOMA({
-					code: formData.code,
-					description: formData.description || null
-				});
-			}
-
-			if (response.error) {
-				error = response.error;
-				return;
-			}
-
-			open = false;
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<Dialog.Root bind:open>
-	<Dialog.Content class="sm:max-w-[425px]">
-		<Dialog.Header>
-			<Dialog.Title>{title}</Dialog.Title>
-		</Dialog.Header>
-		
-		<div class="grid gap-4 py-4">
-			{#if error}
-				<div class="text-red-500 text-sm mb-2">{error}</div>
-			{/if}
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="code" class="text-right">Código</Label>
-				<Input id="code" bind:value={formData.code} class="col-span-3" disabled={loading} />
-			</div>
-			
-			<div class="grid grid-cols-4 items-center gap-4">
-				<Label for="description" class="text-right">Descripción</Label>
-				<Input id="description" bind:value={formData.description} class="col-span-3" disabled={loading} />
-			</div>
-		</div>
-
-		<Dialog.Footer>
-			<Button type="submit" onclick={handleSubmit} disabled={loading}>
-				{loading ? 'Guardando...' : 'Guardar'}
-			</Button>
-		</Dialog.Footer>
-	</Dialog.Content>
-</Dialog.Root>
diff --git a/frontend/src/lib/components/dashboard/units_of_measure/oma/data-table-actions.svelte b/frontend/src/lib/components/dashboard/units_of_measure/oma/data-table-actions.svelte
deleted file mode 100644
index 7627fe6d..00000000
--- a/frontend/src/lib/components/dashboard/units_of_measure/oma/data-table-actions.svelte
+++ /dev/null
@@ -1,79 +0,0 @@
-<script lang="ts">
-	import { Button } from "$lib/components/ui/button";
-	import * as DropdownMenu from "$lib/components/ui/dropdown-menu";
-	import { deleteUnitOfMeasureOMA, type UnitOfMeasureOMA } from "$lib/api/dashboard/a76/general_catalogs/units-of-measure";
-	import { EllipsisVertical, Pencil, LoaderCircle, Trash2 } from 'lucide-svelte';
-	import CreateEditDialog from "./create-edit-dialog.svelte";
-
-	let {
-		item,
-		onSuccess
-	}: {
-		item: UnitOfMeasureOMA;
-		onSuccess?: () => void;
-	} = $props();
-
-	let loading = $state(false);
-	let error = $state<string | null>(null);
-	let dialogOpen = $state(false);
-
-	async function handleDelete() {
-		if (!confirm(`¿Estás seguro de eliminar la unidad "${item.code}"?`)) {
-			return;
-		}
-
-		loading = true;
-		error = null;
-
-		try {
-			const response = await deleteUnitOfMeasureOMA(item.id);
-
-			if (response.error) {
-                error = response.error;
-                alert(`Error al eliminar: ${response.error}`);
-				return;
-			}
-
-			if (onSuccess) onSuccess();
-		} catch (e) {
-			error = 'Error de conexión';
-			console.error(e);
-            alert('Error de conexión al eliminar');
-		} finally {
-			loading = false;
-		}
-	}
-</script>
-
-<DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		{#snippet child({ props })}
-			<Button {...props} variant="ghost" size="icon" class="h-8 w-8 p-0">
-				<span class="sr-only">Abrir menú</span>
-				<EllipsisVertical class="h-4 w-4" />
-			</Button>
-		{/snippet}
-	</DropdownMenu.Trigger>
-	<DropdownMenu.Content align="end">
-		<DropdownMenu.Label>Acciones</DropdownMenu.Label>
-		<DropdownMenu.Item onclick={() => dialogOpen = true}>
-			<Pencil class="mr-2 h-4 w-4" />
-			Editar
-		</DropdownMenu.Item>
-		<DropdownMenu.Item onclick={handleDelete} class="text-red-600">
-			{#if loading}
-				<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-			{:else}
-				<Trash2 class="mr-2 h-4 w-4" />
-			{/if}
-			Eliminar
-		</DropdownMenu.Item>
-	</DropdownMenu.Content>
-</DropdownMenu.Root>
-
-<CreateEditDialog 
-	bind:open={dialogOpen} 
-	mode="edit" 
-	{item} 
-	{onSuccess} 
-/>

From d0603348e97432aff8416b972e8e8ad797ed9428 Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Fri, 2 Jan 2026 12:03:07 -0600
Subject: [PATCH 4/6] Se elimino un componene inecesario

---
 .../src/routes/dashboard/clients_and_providers/+page.svelte   | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend/src/routes/dashboard/clients_and_providers/+page.svelte b/frontend/src/routes/dashboard/clients_and_providers/+page.svelte
index 7d438230..a2401c3e 100644
--- a/frontend/src/routes/dashboard/clients_and_providers/+page.svelte
+++ b/frontend/src/routes/dashboard/clients_and_providers/+page.svelte
@@ -3,7 +3,6 @@
 	import { clientsProvidersApi, type ClientProvider } from '$lib/api/dashboard/a76/clients-providers';
 	import DataTable from '$lib/components/dashboard/clients_and_providers/data-table.svelte';
 	import { createColumns } from '$lib/components/dashboard/clients_and_providers/columns.js';
-	import CreateEditDialog from '$lib/components/dashboard/clients_and_providers/create-edit-dialog.svelte';
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
 	import * as Select from '$lib/components/ui/select';
@@ -254,6 +253,3 @@
 		</Card.Content>
 	</Card.Root>
 </div>
-
-<!-- Diálogo de crear/editar -->
-<CreateEditDialog bind:open={showCreateDialog} onSuccess={handleSuccess} />

From ec8f6606ad094feef62a52ee63c6b039d919ee79 Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Tue, 6 Jan 2026 12:04:04 -0600
Subject: [PATCH 5/6] Se corrigio y expandio los datos de clientes y
 proveedores

---
 .../modules/a76/clients_and_providers/dto.py  |  10 +-
 .../api/dashboard/a76/clients-providers.ts    | 220 ++----
 .../clients_and_providers/columns.ts          | 202 +++---
 .../edit/[[id]]/+page.svelte                  | 638 ++++++++++--------
 4 files changed, 535 insertions(+), 535 deletions(-)

diff --git a/backend/api/v1/modules/a76/clients_and_providers/dto.py b/backend/api/v1/modules/a76/clients_and_providers/dto.py
index f77df843..624c99f1 100644
--- a/backend/api/v1/modules/a76/clients_and_providers/dto.py
+++ b/backend/api/v1/modules/a76/clients_and_providers/dto.py
@@ -116,9 +116,7 @@ class ClientProviderCreateDTO(BaseModel):
     )
     position: Optional[str] = Field(None, max_length=30, description="Position")
     incoterm: Optional[str] = Field(None, max_length=19, description="Incoterm")
-    is_national_provider: Optional[str] = Field(
-        None, max_length=2, description="Is national provider"
-    )
+    is_national_provider: Optional[bool] = None
     is_active: Optional[bool] = Field(None, description="Enabled/Disabled status")
 
     # Nested DTOs
@@ -159,9 +157,7 @@ class ClientProviderUpdateDTO(BaseModel):
     )
     position: Optional[str] = Field(None, max_length=30, description="Position")
     incoterm: Optional[str] = Field(None, max_length=19, description="Incoterm")
-    is_national_provider: Optional[str] = Field(
-        None, max_length=2, description="Is national provider"
-    )
+    is_national_provider: Optional[bool] = None
     is_active: Optional[bool] = Field(None, description="Enabled/Disabled status")
 
     # Nested DTOs
@@ -193,7 +189,7 @@ class ClientProviderResponseDTO(BaseModel):
     responsible: Optional[str] = None
     position: Optional[str] = None
     incoterm: Optional[str] = None
-    is_national_provider: Optional[str] = None
+    is_national_provider: Optional[bool] = None
     is_active: Optional[bool] = None
     tenant_id: int
     company_id: int
diff --git a/frontend/src/lib/api/dashboard/a76/clients-providers.ts b/frontend/src/lib/api/dashboard/a76/clients-providers.ts
index 292e9844..af66c1c5 100644
--- a/frontend/src/lib/api/dashboard/a76/clients-providers.ts
+++ b/frontend/src/lib/api/dashboard/a76/clients-providers.ts
@@ -1,173 +1,97 @@
-/**
- * API Client para Clientes y Proveedores
- * Gestiona las operaciones CRUD para clientes y proveedores
- */
 import { api } from '$lib/api';
 
+// --- Interfaces para Tablas Hijas ---
+
 export interface ClientProviderAddress {
     id?: number;
-    streets?: string | null; 
+    streets?: string | null;
+    exterior_number?: string | null;
+    interior_number?: string | null;
     neighborhood?: string | null;
+    municipality?: string | null;
     city?: string | null;
     state?: string | null;
     country?: string | null;
-    zip_code?: string | null;
-    client_id?: number;
-    interior_number?: string | null;
-    exterior_number?: string | null;
-    municipality?: string | null;
+    postal_code?: string | null;
+    email?: string | null;
+    phone?: string | null;
+    contact?: string | null;
 }
 
 export interface ClientProviderPrograms {
-	id?: number;
-	program_code?: string | null;
-	authorization_date?: string | null;
-	client_id?: number;
+    id?: number;
+    program?: string | null;
+    program_number?: string | null;
+    secon_auth_date?: number | null; // YYYYMMDD
+    prosec?: number | null;
+    manufacturer_id?: string | null;
+    tax_id?: string | null;
+    ctpat_svi?: string | null;
+    is_certified_company?: string | null;
 }
 
+// --- Interfaz Principal ---
+
 export interface ClientProvider {
-	id: number;
-	rfc: string;
-	name: string;	
-	curp?: string | null;
-	residence_country?: string | null;
-	domicile_fiscal?: string | null;
-	foreign_tax_id?: string | null;
-	client_or_provider?: string | null;
-	is_active?: boolean;
-	tenant_id: number;
-	address?: ClientProviderAddress | null;
-	programs?: ClientProviderPrograms | null;
-}
-
-export interface ClientProviderBasic {
-	id: number;
-	rfc: string;
-	name: string;
-	curp?: string | null;
-	residence_country?: string | null;
-	domicile_fiscal?: string | null;
-	foreign_tax_id?: string | null;
-	client_or_provider?: string | null;
-	is_active?: boolean;
-	tenant_id: number;
+    id: number;
+    rfc: string;
+    name: string;
+    short_name?: string | null;
+    curp?: string | null;
+    client_or_provider: 'client' | 'provider' | 'both';
+    
+    // Campos planos de la tabla principal
+    type_nat_foreign?: string | null;
+    responsible?: string | null;
+    position?: string | null;
+    
+    // Booleanos (Coincidiendo con la BD)
+    is_national_provider?: boolean | null; 
+    is_active?: boolean;
+    
+    // Relaciones Anidadas
+    address?: ClientProviderAddress | null;
+    programs?: ClientProviderPrograms | null;
 }
 
 export interface ClientProviderListResponse {
-	items: ClientProvider[];
-	total: number;
-	page: number;
-	page_size: number;
+    items: ClientProvider[];
+    total: number;
+    page: number;
+    page_size: number;
 }
 
-export interface CreateClientProviderData {
-	rfc: string;
-	name: string;
-	curp?: string | null;
-	residence_country?: string | null;
-	domicile_fiscal?: string | null;
-	foreign_tax_id?: string | null;
-	client_or_provider?: string | null;
-	is_active?: boolean;
-	address?: Omit<ClientProviderAddress, 'id' | 'client_id'> | null;
-	programs?: Omit<ClientProviderPrograms, 'id' | 'client_id'> | null;
+// DTOs de Envío (excluyendo IDs automáticos)
+export interface CreateClientProviderData extends Omit<ClientProvider, 'id' | 'address' | 'programs'> {
+    address?: ClientProviderAddress | null;
+    programs?: ClientProviderPrograms | null;
 }
 
-export interface UpdateClientProviderData {
-	rfc?: string;
-	name?: string;
-	curp?: string | null;
-	residence_country?: string | null;
-	domicile_fiscal?: string | null;
-	foreign_tax_id?: string | null;
-	client_or_provider?: string | null;
-	is_active?: boolean;
-	address?: Partial<ClientProviderAddress> | null;
-	programs?: Partial<ClientProviderPrograms> | null;
-}
+export interface UpdateClientProviderData extends Partial<CreateClientProviderData> {}
 
-/**
- * API para Clientes y Proveedores
- */
 export const clientsProvidersApi = {
-	/**
-	 * Lista todos los clientes y proveedores con paginación
-	 * @param companyId - ID de la compañía
-	 * @param page - Número de página (por defecto 1)
-	 * @param pageSize - Tamaño de página (por defecto 50)
-	 * @param filters - Filtros opcionales
-	 */
-	list: (companyId: number, page = 1, pageSize = 50, filters?: Record<string, any>) => {
-		const params = new URLSearchParams({
-			company_id: companyId.toString(),
-			page: page.toString(),
-			page_size: pageSize.toString()
-		});
+    list: (companyId: number, page = 1, pageSize = 50, filters?: Record<string, any>) => {
+        const params = new URLSearchParams({
+            company_id: companyId.toString(),
+            page: page.toString(),
+            page_size: pageSize.toString()
+        });
+        if (filters) {
+            Object.entries(filters).forEach(([key, value]) => {
+                if (value) params.append(key, value.toString());
+            });
+        }
+        return api.get<ClientProviderListResponse>(`/v1/a76/clients-providers?${params.toString()}`);
+    },
+    get: (id: number, companyId: number) =>
+        api.get<ClientProvider>(`/v1/a76/clients-providers/${id}?company_id=${companyId}`),
+    
+    create: (companyId: number, data: any) =>
+        api.post<ClientProvider>(`/v1/a76/clients-providers?company_id=${companyId}`, data),
 
-		if (filters) {
-			Object.entries(filters).forEach(([key, value]) => {
-				if (value !== undefined && value !== null && value !== '') {
-					params.append(key, value.toString());
-				}
-			});
-		}
+    update: (id: number, companyId: number, data: any) =>
+        api.patch<ClientProvider>(`/v1/a76/clients-providers/${id}?company_id=${companyId}`, data),
 
-		return api.get<ClientProviderListResponse>(
-			`/v1/a76/clients-providers?${params.toString()}`
-		);
-	},
-
-	/**
-	 * Obtiene un cliente/proveedor por ID
-	 * @param id - ID del cliente/proveedor
-	 * @param companyId - ID de la compañía
-	 */
-	get: (id: number, companyId: number) =>
-		api.get<ClientProvider>(`/v1/a76/clients-providers/${id}?company_id=${companyId}`),
-
-	/**
-	 * Obtiene información básica de un cliente/proveedor
-	 * @param id - ID del cliente/proveedor
-	 * @param companyId - ID de la compañía
-	 */
-	getBasic: (id: number, companyId: number) =>
-		api.get<ClientProviderBasic>(
-			`/v1/a76/clients-providers/${id}/basic?company_id=${companyId}`
-		),
-
-	/**
-	 * Crea un nuevo cliente/proveedor
-	 * @param companyId - ID de la compañía
-	 * @param data - Datos del cliente/proveedor a crear
-	 */
-	create: (companyId: number, data: CreateClientProviderData) =>
-		api.post<ClientProvider>(`/v1/a76/clients-providers?company_id=${companyId}`, data),
-
-	/**
-	 * Actualiza un cliente/proveedor existente
-	 * @param id - ID del cliente/proveedor a actualizar
-	 * @param companyId - ID de la compañía
-	 * @param data - Datos a actualizar
-	 */
-	update: (id: number, companyId: number, data: UpdateClientProviderData) =>
-		api.patch<ClientProvider>(`/v1/a76/clients-providers/${id}?company_id=${companyId}`, data),
-
-	/**
-	 * Alterna el estado activo/inactivo de un cliente/proveedor
-	 * @param id - ID del cliente/proveedor
-	 * @param companyId - ID de la compañía
-	 */
-	toggleStatus: (id: number, companyId: number) =>
-		api.put<ClientProvider>(
-			`/v1/a76/clients-providers/${id}/toggle-status?company_id=${companyId}`,
-			{}
-		),
-
-	/**
-	 * Elimina un cliente/proveedor
-	 * @param id - ID del cliente/proveedor a eliminar
-	 * @param companyId - ID de la compañía
-	 */
-	delete: (id: number, companyId: number) =>
-		api.delete(`/v1/a76/clients-providers/${id}?company_id=${companyId}`)
-};
+    delete: (id: number, companyId: number) =>
+        api.delete(`/v1/a76/clients-providers/${id}?company_id=${companyId}`)
+};
\ No newline at end of file
diff --git a/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts b/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
index ef8ea700..abc3af01 100644
--- a/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
+++ b/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
@@ -1,111 +1,101 @@
-import type { ColumnDef } from "@tanstack/table-core";
 import { renderComponent, renderSnippet } from "$lib/components/ui/data-table/index.js";
 import { createRawSnippet } from "svelte";
 import DataTableActions from "./data-table-actions.svelte";
-import type { ClientProvider } from "$lib/api/dashboard/a76/clients-providers";
 
-export type { ClientProvider };
+export function createColumns(onSuccess) {
+    return [
+        {
+            accessorKey: "id",
+            header: "ID",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<span class="font-medium">${val}</span>` };
+                });
+                return renderSnippet(snippet, { val: row.original.id });
+            }
+        },
+        {
+            accessorKey: "rfc",
+            header: "RFC",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<code class="bg-muted px-1 py-0.5 rounded font-mono text-sm">${val}</code>` };
+                });
+                return renderSnippet(snippet, { val: row.original.rfc });
+            }
+        },
+        {
+            accessorKey: "name",
+            header: "Nombre",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<div class="max-w-[250px] truncate font-medium" title="${val}">${val}</div>` };
+                });
+                return renderSnippet(snippet, { val: row.original.name });
+            }
+        },
+        {
+            id: "country",
+            header: "País",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    return { render: () => `<div>${val || '-'}</div>` };
+                });
+                // Busca en address.country, si no existe pone null
+                const country = row.original.address?.country;
+                return renderSnippet(snippet, { val: country });
+            }
+        },
+        {
+            accessorKey: "client_or_provider",
+            header: "Tipo",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    const map = { client: 'Cliente', provider: 'Proveedor', both: 'Ambos' };
+                    const colors = { 
+                        client: 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300', 
+                        provider: 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300', 
+                        both: 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300' 
+                    };
+                    return { 
+                        render: () => `<span class="px-2 py-0.5 rounded-full text-xs font-medium ${colors[val] || 'bg-gray-100'}">${map[val] || val}</span>` 
+                    };
+                });
+                return renderSnippet(snippet, { val: row.original.client_or_provider });
+            }
+        },
+        // --- CORRECCIÓN AQUÍ ---
+        {
+            accessorKey: "is_active",
+            header: "Estado",
+            cell: ({ row }) => {
+                const snippet = createRawSnippet((getData) => {
+                    const { val } = getData();
+                    
+                    // CORRECCIÓN: Usamos !!val para convertir cualquier valor positivo (true, 1) a true.
+                    // Si val es null, undefined, false o 0, será false.
+                    const isActive = !!val; 
 
-export function createColumns(onSuccess?: () => void): ColumnDef<ClientProvider>[] {
-	return [
-		{
-			accessorKey: "id",
-			header: "ID",
-			cell: ({ row }) => {
-				const idSnippet = createRawSnippet<[{ id: number }]>((getId) => {
-					const { id } = getId();
-					return {
-						render: () =>
-							`<span class="font-medium">${id}</span>`
-					};
-				});
-				return renderSnippet(idSnippet, { id: row.original.id });
-			}
-		},
-		{
-			accessorKey: "rfc",
-			header: "RFC",
-			cell: ({ row }) => {
-				const rfcSnippet = createRawSnippet<[{ rfc: string }]>((getRfc) => {
-					const { rfc } = getRfc();
-					return {
-						render: () =>
-							`<code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">${rfc}</code>`
-					};
-				});
-				return renderSnippet(rfcSnippet, { rfc: row.original.rfc });
-			}
-		},
-		{
-			accessorKey: "name",
-			header: "Nombre",
-			cell: ({ row }) => {
-				const nameSnippet = createRawSnippet<[{ name: string }]>((getName) => {
-					const { name } = getName();
-					return {
-						render: () => `<div class="max-w-[300px] truncate font-medium">${name}</div>`
-					};
-				});
-				return renderSnippet(nameSnippet, { name: row.original.name });
-			}
-		},
-		{
-			accessorKey: "client_or_provider",
-			header: "Tipo",
-			cell: ({ row }) => {
-				const typeSnippet = createRawSnippet<[{ type: string | null | undefined }]>((getType) => {
-					const { type } = getType();
-					const displayType = type === 'client' ? 'Cliente' : type === 'provider' ? 'Proveedor' : type === 'both' ? 'Ambos' : 'N/A';
-					const colorClass = type === 'client' ? 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300'
-						: type === 'provider' ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300'
-							: type === 'both' ? 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300'
-								: 'bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-300';
-					return {
-						render: () => `<span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${colorClass}">${displayType}</span>`
-					};
-				});
-				return renderSnippet(typeSnippet, { type: row.original.client_or_provider });
-			}
-		},
-		{
-			accessorKey: "residence_country",
-			header: "País",
-			cell: ({ row }) => {
-				const countrySnippet = createRawSnippet<[{ country: string | null | undefined }]>((getCountry) => {
-					const { country } = getCountry();
-					return {
-						render: () => `<div class="max-w-[120px] truncate">${country || '-'}</div>`
-					};
-				});
-				return renderSnippet(countrySnippet, { country: row.original.residence_country });
-			}
-		},
-		{
-			accessorKey: "is_active",
-			header: "Estado",
-			cell: ({ row }) => {
-				const statusSnippet = createRawSnippet<[{ status: number | undefined }]>((getStatus) => {
-					const { status } = getStatus();
-					const isEnabled = status === 1;
-					const statusText = isEnabled ? 'Activo' : 'Inactivo';
-					const colorClass = isEnabled
-						? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300'
-						: 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300';
-					return {
-						render: () => `<span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${colorClass}">${statusText}</span>`
-					};
-				});
-				return renderSnippet(statusSnippet, { status: row.original.is_active });
-			}
-		},
-		{
-			id: "actions",
-			cell: ({ row }) => {
-				return renderComponent(DataTableActions, { item: row.original, onSuccess });
-			}
-		}
-	];
-}
-
-// Mantener compatibilidad hacia atrás
-export const columns = createColumns();
+                    const text = isActive ? 'Activo' : 'Inactivo';
+                    const color = isActive 
+                        ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300' 
+                        : 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300';
+                    
+                    return { 
+                        render: () => `<span class="px-2 py-0.5 rounded-full text-xs font-medium ${color}">${text}</span>` 
+                    };
+                });
+                return renderSnippet(snippet, { val: row.original.is_active });
+            }
+        },
+        {
+            id: "actions",
+            cell: ({ row }) => renderComponent(DataTableActions, { item: row.original, onSuccess })
+        }
+    ];
+}
\ No newline at end of file
diff --git a/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte b/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte
index bb94079f..d2953bb1 100644
--- a/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte
+++ b/frontend/src/routes/dashboard/clients_and_providers/edit/[[id]]/+page.svelte
@@ -1,363 +1,453 @@
 <script lang="ts">
     import { onMount } from 'svelte';
-    import { browser } from '$app/environment';
     import { page } from '$app/stores'; 
     import { goto } from "$app/navigation";
     
-    // UI Components
+    // Componentes UI
     import { Button } from "$lib/components/ui/button";
     import { Input } from "$lib/components/ui/input";
     import { Label } from "$lib/components/ui/label";
     import * as Card from "$lib/components/ui/card";
     import * as Select from "$lib/components/ui/select";
-    import { LoaderCircle, ArrowLeft, Save } from 'lucide-svelte';
+    import * as Tabs from "$lib/components/ui/tabs";
+    import { Switch } from "$lib/components/ui/switch";
+    import { LoaderCircle, ArrowLeft, Save, Building2, MapPin, FileText, Settings } from 'lucide-svelte';
 
     // API & Stores
     import { clientsProvidersApi } from "$lib/api/dashboard/a76/clients-providers";
     import { companyStore } from "$lib/stores/company.svelte";
 
-    // 1. DETECCIÓN DE MODO (CREAR vs EDITAR)
+    // --- CONFIGURACIÓN ---
     let id = $derived($page.params.id); 
     let isEditing = $derived(!!id); 
-    let title = $derived(isEditing ? "Editar Cliente/Proveedor" : "Nuevo Cliente/Proveedor");
+    let title = $derived(isEditing ? "Editar Socio Comercial" : "Nuevo Socio Comercial");
 
-    // Mapa para corregir la visualización del Select
     const typeLabels: Record<string, string> = {
         client: "Cliente",
         provider: "Proveedor",
         both: "Ambos"
     };
 
-    // Sincronización de Cookies (Token)
-    onMount(() => {
-        if (browser) {
-            const getCookie = (name: string) => document.cookie.split(`; ${name}=`).pop()?.split(';').shift() || null;
-            const cT = getCookie('access_token');
-            const lT = localStorage.getItem('access_token');
-            if (cT && cT !== lT) localStorage.setItem('access_token', cT);
-        }
-    });
+    // --- ESTADO INICIAL (PLANO) ---
+    const getEmptyForm = () => ({
+        rfc: "", 
+        name: "", 
+        short_name: "",
+        curp: "",
+        client_or_provider: "client", 
+        type_nat_foreign: "N",
+        responsible: "", 
+        position: "",
+        is_active: true,
+        is_national_provider: false, 
 
-    // Estado inicial del formulario
-    function getEmptyForm() {
-        return {
-            rfc: "", name: "", curp: "", residence_country: "",
-            domicile_fiscal: "", foreign_tax_id: "",
-            client_or_provider: "client", is_active: true,
-            // Dirección
-            street: "", neighborhood: "", city: "", state: "",
-            country: "", zip_code: "", 
-            // Programas
-            program_code: "", authorization_date: ""
-        };
-    }
+       
+        streets: "", 
+        exterior_number: "",
+        interior_number: "",
+        neighborhood: "", 
+        municipality: "",
+        city: "", 
+        state: "",
+        country: "", 
+        postal_code: "", 
+        email: "",
+        phone: "",
+        contact: "",
+
+        // Tabla Programas (Programs)
+        program: "", 
+        program_number: "",
+        authorization_date_str: "", // String para input date
+        prosec: 0,
+        manufacturer_id: "",
+        tax_id: "",
+        ctpat_svi: "",
+        is_certified_company: "0"
+    });
 
     let formData = $state(getEmptyForm());
     let loading = $state(false);
     let error = $state<string | null>(null);
 
-    // --- UTILIDADES DE FECHA ---
-    const intDateToString = (dateInt?: number | null) => {
-        if (!dateInt) return "";
-        const s = dateInt.toString();
-        if (s.length !== 8) return "";
-        return `${s.substring(0, 4)}-${s.substring(4, 6)}-${s.substring(6, 8)}`;
-    };
+    // --- UTILIDADES ---
+    const intDateToString = (d?: number | null) => d ? `${d.toString().substring(0, 4)}-${d.toString().substring(4, 6)}-${d.toString().substring(6, 8)}` : "";
+    const stringDateToInt = (d?: string) => d ? parseInt(d.replace(/-/g, '')) : null;
+    const clean = (v: any) => (typeof v === 'string' && !v.trim() ? null : v);
 
-    const stringDateToInt = (dateStr?: string) => {
-        if (!dateStr) return null;
-        return parseInt(dateStr.replace(/-/g, '')) || null;
-    };
-
-    // Efecto de carga automática
+    // --- CARGA DE DATOS ---
     $effect(() => {
-        if (id && companyStore.activeCompany?.id) {
-            loadClientById(Number(id)); 
-        } else {
-            // Si salimos de editar a crear, limpiamos
-            if (!id) {
-                formData = getEmptyForm();
-                error = null;
-            }
-        }
+        if (id && companyStore.activeCompany?.id) loadData(Number(id));
+        else if (!id) formData = getEmptyForm();
     });
 
-    async function loadClientById(clientId: number) {
+    async function loadData(clientId: number) {
         if (!companyStore.activeCompany?.id) return;
-    
         loading = true;
-        error = null;
-    
         try {
-            // Usamos el nuevo endpoint GET /{id} que agregaste al backend
-            const response = await clientsProvidersApi.get(clientId, companyStore.activeCompany.id);
-            const item = (response as any).data || response; 
+            const res = await clientsProvidersApi.get(clientId, companyStore.activeCompany.id);
+            const item = (res as any).data || res; 
 
             if (item) {
                 const addr = item.address || {};
                 const prog = item.programs || {};
 
+                // Mapear respuesta anidada -> formulario plano
                 formData = {
                     rfc: item.rfc || "",
                     name: item.name || "",
+                    short_name: item.short_name || "",
                     curp: item.curp || "",
-                    residence_country: item.residence_country || "",
-                    domicile_fiscal: item.domicile_fiscal || "",
-                    foreign_tax_id: item.foreign_tax_id || "",
                     client_or_provider: item.client_or_provider || "client",
-                    is_active: item.is_active ?? true,
-                    
-                    // Mapeo de dirección
-                    street: addr.streets || addr.street || "", 
+                    type_nat_foreign: item.type_nat_foreign || "N",
+                    responsible: item.responsible || "",
+                    position: item.position || "",
+                    is_active: !!item.is_active,
+                    is_national_provider: !!item.is_national_provider,
+
+                    streets: addr.streets || "", 
+                    exterior_number: addr.exterior_number || "",
+                    interior_number: addr.interior_number || "",
                     neighborhood: addr.neighborhood || "",
+                    municipality: addr.municipality || "",
                     city: addr.city || "",
                     state: addr.state || "",
                     country: addr.country || "",
-                    zip_code: addr.postal_code || addr.zip_code || "", 
-                    
-                    // Mapeo de programas
-                    program_code: prog.program_number || prog.program_code || "",
-                    authorization_date: intDateToString(prog.secon_auth_date)
+                    postal_code: addr.postal_code || "", 
+                    email: addr.email || "",
+                    phone: addr.phone || "",
+                    contact: addr.contact || "",
+
+                    program: prog.program || "",
+                    program_number: prog.program_number || "",
+                    authorization_date_str: intDateToString(prog.secon_auth_date),
+                    prosec: prog.prosec || 0,
+                    manufacturer_id: prog.manufacturer_id || "",
+                    tax_id: prog.tax_id || "",
+                    ctpat_svi: prog.ctpat_svi || "",
+                    is_certified_company: prog.is_certified_company || "0"
                 };
             }
         } catch (e: any) {
-            console.error("Error al cargar:", e);
-            error = "No se pudieron cargar los detalles del cliente. Error: " + (e.message || "Desconocido");
+            error = "Error al cargar: " + e.message;
         } finally {
             loading = false;
         }
     }
 
-    async function handleSubmit(e: Event) {
-        e.preventDefault();
-        
-        if (!companyStore.activeCompany) { error = "No hay compañía seleccionada"; return; }
-        if (!formData.rfc.trim()) { error = "El RFC es obligatorio"; return; }
-        if (!formData.name.trim()) { error = "El nombre es obligatorio"; return; }
+    // --- ENVÍO DE DATOS ---
+    async function handleSubmit() {
+        if (!companyStore.activeCompany) { error = "Selecciona una compañía"; return; }
+        if (!formData.rfc.trim() || !formData.name.trim()) { error = "RFC y Nombre obligatorios"; return; }
 
         loading = true;
         error = null;
 
         try {
-            // Payloads para backend
-            const addressPayload: any = {
-                street: formData.street || null,   
-                streets: formData.street || null, 
-                postal_code: formData.zip_code || null,
-                zip_code: formData.zip_code || null,    
-                neighborhood: formData.neighborhood || null,
-                city: formData.city || null,
-                state: formData.state || null,
-                country: formData.country || formData.residence_country || null, 
-            };
-
-            const programsPayload: any = {
-                program_code: formData.program_code || null,
-                program_number: formData.program_code || null, 
-                secon_auth_date: stringDateToInt(formData.authorization_date),
-            };
-
-            const basePayload = {
-                rfc: formData.rfc,
-                name: formData.name,
-                curp: formData.curp || null,
-                residence_country: formData.residence_country || null,
-                domicile_fiscal: formData.domicile_fiscal || null,
-                foreign_tax_id: formData.foreign_tax_id || null,
+            // Reconstruir objeto anidado para el backend
+            const payload = {
+                rfc: clean(formData.rfc),
+                name: clean(formData.name),
+                short_name: clean(formData.short_name),
+                curp: clean(formData.curp),
                 client_or_provider: formData.client_or_provider,
+                type_nat_foreign: clean(formData.type_nat_foreign),
+                responsible: clean(formData.responsible),
+                position: clean(formData.position),
                 is_active: formData.is_active,
-                address: addressPayload,
-                programs: programsPayload
+                is_national_provider: formData.is_national_provider, 
+
+                address: {
+                    streets: clean(formData.streets),
+                    exterior_number: clean(formData.exterior_number),
+                    interior_number: clean(formData.interior_number),
+                    neighborhood: clean(formData.neighborhood),
+                    municipality: clean(formData.municipality),
+                    city: clean(formData.city),
+                    state: clean(formData.state),
+                    country: clean(formData.country),
+                    postal_code: clean(formData.postal_code),
+                    email: clean(formData.email),
+                    phone: clean(formData.phone),
+                    contact: clean(formData.contact)
+                },
+
+                programs: {
+                    program: clean(formData.program),
+                    program_number: clean(formData.program_number),
+                    secon_auth_date: stringDateToInt(formData.authorization_date_str),
+                    prosec: Number(formData.prosec) || null,
+                    manufacturer_id: clean(formData.manufacturer_id),
+                    tax_id: clean(formData.tax_id),
+                    ctpat_svi: clean(formData.ctpat_svi),
+                    is_certified_company: clean(formData.is_certified_company)
+                }
             };
 
             const companyId = companyStore.activeCompany.id;
-            let response;
+            const response = isEditing 
+                ? await clientsProvidersApi.update(Number(id), companyId, payload as any)
+                : await clientsProvidersApi.create(companyId, payload as any);
 
-            if (isEditing) {
-                response = await clientsProvidersApi.update(Number(id), companyId, basePayload as any);
-            } else {
-                response = await clientsProvidersApi.create(companyId, basePayload as any);
-            }
-
-            if (response.error) {
-                if (response.status === 401) {
-                    error = 'Sesión expirada.';
-                    window.location.reload();
-                } else {
-                    error = response.error || "Error al procesar la solicitud";
-                }
-                return;
-            }
+            if (response.error) throw new Error(response.error);
+            
             goto('/dashboard/clients_and_providers');
 
         } catch (e: any) {
-            console.error("Error:", e);
-            error = e.message || "Error desconocido";
+            console.error(e);
+            error = e.message || "Error al guardar";
         } finally {
             loading = false;
         }
     }
 </script>
 
-<div class="space-y-6 pb-24"> 
+<div class="w-full mx-auto max-w-6xl py-6 px-4 space-y-6 pb-48">
     <div class="flex items-center gap-4">
-        <Button variant="ghost" size="icon" onclick={() => goto('/dashboard/clients_and_providers')}>
+        <Button variant="outline" size="icon" href="/dashboard/clients_and_providers">
             <ArrowLeft class="h-4 w-4" />
         </Button>
         <div>
-            <h1 class="text-3xl font-bold tracking-tight">{title}</h1>
-            <p class="text-muted-foreground">
-                {isEditing ? "Modifica los datos del registro existente." : "Completa los datos para el nuevo registro."}
-            </p>
+            <h1 class="text-2xl font-bold tracking-tight">{title}</h1>
+            <p class="text-muted-foreground">Gestión integral del catálogo de socios comerciales.</p>
         </div>
     </div>
 
-    <Card.Root>
-        <Card.Header>
-            <Card.Title>Información General</Card.Title>
-            <Card.Description>Los campos marcados con * son obligatorios</Card.Description>
-        </Card.Header>
-        <Card.Content>
-            {#if loading && isEditing && !formData.name}
-                <div class="flex justify-center py-10">
-                    <LoaderCircle class="h-8 w-8 animate-spin text-primary" />
-                </div>
-            {:else}
-                <form id="cp-form" onsubmit={handleSubmit} class="space-y-6">
-                    {#if error}
-                        <div class="rounded-lg border border-destructive bg-destructive/10 p-3 text-sm text-destructive font-medium flex items-center gap-2">
-                            <span>🚨</span> {error}
-                        </div>
-                    {/if}
-
-                    <div class="space-y-4">
-                        <h3 class="text-sm font-semibold border-b pb-2">Información Básica</h3>
-                        
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            <div class="space-y-2">
-                                <Label for="rfc">RFC *</Label>
-                                <Input id="rfc" bind:value={formData.rfc} placeholder="Ej: XAXX010101000" maxlength={13} required disabled={loading} />
-                            </div>
-
-                            <div class="space-y-2">
-                                <Label for="client_or_provider">Tipo *</Label>
-                                <Select.Root type="single" bind:value={formData.client_or_provider}>
-                                    <Select.Trigger id="client_or_provider">
-                                        {typeLabels[formData.client_or_provider] || "Selecciona un tipo"}
-                                    </Select.Trigger>
-                                    <Select.Content>
-                                        <Select.Item value="client" label="Cliente">Cliente</Select.Item>
-                                        <Select.Item value="provider" label="Proveedor">Proveedor</Select.Item>
-                                        <Select.Item value="both" label="Ambos">Ambos</Select.Item>
-                                    </Select.Content>
-                                </Select.Root>
-                            </div>
-                        </div>
-
-                        <div class="space-y-2">
-                            <Label for="name">Nombre / Razón Social *</Label>
-                            <Input id="name" bind:value={formData.name} placeholder="Nombre completo" maxlength={256} required disabled={loading} />
-                        </div>
-
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            <div class="space-y-2">
-                                <Label for="curp">CURP</Label>
-                                <Input id="curp" bind:value={formData.curp} placeholder="Opcional" maxlength={18} disabled={loading} />
-                            </div>
-                            <div class="space-y-2">
-                                <Label for="residence_country">País de Residencia</Label>
-                                <Input id="residence_country" bind:value={formData.residence_country} placeholder="Ej: MEX" maxlength={64} disabled={loading} />
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="space-y-4">
-                        <h3 class="text-sm font-semibold border-b pb-2">Datos Fiscales</h3>
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            <div class="space-y-2">
-                                <Label for="domicile_fiscal">Domicilio Fiscal</Label>
-                                <Input id="domicile_fiscal" bind:value={formData.domicile_fiscal} placeholder="Domicilio completo" maxlength={256} disabled={loading} />
-                            </div>
-                            <div class="space-y-2">
-                                <Label for="foreign_tax_id">ID Fiscal Extranjero</Label>
-                                <Input id="foreign_tax_id" bind:value={formData.foreign_tax_id} placeholder="Tax ID" maxlength={64} disabled={loading} />
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="space-y-4">
-                        <h3 class="text-sm font-semibold border-b pb-2">Dirección Física</h3>
-                        
-                        <div class="space-y-2">
-                            <Label for="street">Calle y Número</Label>
-                            <Input id="street" bind:value={formData.street} placeholder="Calle..." maxlength={256} disabled={loading} />
-                        </div>
-
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            <div class="space-y-2">
-                                <Label for="neighborhood">Colonia</Label>
-                                <Input id="neighborhood" bind:value={formData.neighborhood} placeholder="Colonia..." maxlength={128} disabled={loading} />
-                            </div>
-                            <div class="space-y-2">
-                                <Label for="zip_code">Código Postal</Label>
-                                <Input id="zip_code" bind:value={formData.zip_code} placeholder="CP" maxlength={10} disabled={loading} />
-                            </div>
-                        </div>
-
-                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                            <div class="space-y-2">
-                                <Label for="city">Ciudad</Label>
-                                <Input id="city" bind:value={formData.city} placeholder="Ciudad" maxlength={128} disabled={loading} />
-                            </div>
-                            <div class="space-y-2">
-                                <Label for="state">Estado</Label>
-                                <Input id="state" bind:value={formData.state} placeholder="Estado" maxlength={128} disabled={loading} />
-                            </div>
-                            <div class="space-y-2">
-                                <Label for="country">País</Label>
-                                <Input id="country" bind:value={formData.country} placeholder="MEX" maxlength={64} disabled={loading} />
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="space-y-4">
-                        <h3 class="text-sm font-semibold border-b pb-2">Programas de Fomento</h3>
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                            <div class="space-y-2">
-                                <Label for="program_code">Nº Programa (IMMEX)</Label>
-                                <Input id="program_code" bind:value={formData.program_code} placeholder="Ej: 1234-56" maxlength={32} disabled={loading} />
-                            </div>
-                            <div class="space-y-2">
-                                <Label for="authorization_date">Fecha Autorización</Label>
-                                <Input id="authorization_date" type="date" bind:value={formData.authorization_date} disabled={loading} />
-                            </div>
-                        </div>
-                    </div>
-
-                </form>
-            {/if}
-        </Card.Content>
-    </Card.Root>
-</div>
-
-<div class="fixed bottom-0 right-0 left-0 md:left-64 p-4 border-t bg-background/95 backdrop-blur z-50 flex justify-end gap-4 shadow-lg">
-    <Button type="button" variant="outline" onclick={() => goto('/dashboard/clients_and_providers')} disabled={loading}>
-        Cancelar
-    </Button>
-    
-    {#if !isEditing}
-        <Button type="button" variant="ghost" onclick={() => formData = getEmptyForm()} disabled={loading}>
-            Limpiar
-        </Button>
+    {#if error}
+        <div class="p-4 rounded-md bg-destructive/10 text-destructive border border-destructive/20 text-sm font-medium">
+            ⚠️ {error}
+        </div>
     {/if}
 
-    <Button type="submit" form="cp-form" disabled={loading}>
-        {#if loading}
-            <LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
-            Guardando...
-        {:else}
-            <Save class="mr-2 h-4 w-4" />
-            {isEditing ? "Guardar Cambios" : "Crear Registro"}
-        {/if}
-    </Button>
+    <form onsubmit={(e) => { e.preventDefault(); handleSubmit(); }} class="space-y-6">
+        <Card.Root>
+            <Card.Content class="p-6">
+                <Tabs.Root value="general" class="w-full">
+                    
+                    <div class="min-h-[400px]">
+                        
+                        <Tabs.Content value="general" class="space-y-4 pt-4">
+                            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                                <div class="grid gap-2">
+                                    <Label for="rfc">RFC <span class="text-destructive">*</span></Label>
+                                    <Input id="rfc" bind:value={formData.rfc} placeholder="XAXX010101000" maxlength={13} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="type">Tipo de Relación <span class="text-destructive">*</span></Label>
+                                    <Select.Root type="single" bind:value={formData.client_or_provider}>
+                                        <Select.Trigger id="type">
+                                            {typeLabels[formData.client_or_provider] || "Selecciona un tipo"}
+                                        </Select.Trigger>
+                                        <Select.Content>
+                                            <Select.Item value="client" label="Cliente">Cliente</Select.Item>
+                                            <Select.Item value="provider" label="Proveedor">Proveedor</Select.Item>
+                                            <Select.Item value="both" label="Ambos">Ambos</Select.Item>
+                                        </Select.Content>
+                                    </Select.Root>
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+                                <div class="md:col-span-3 grid gap-2">
+                                    <Label for="name">Razón Social <span class="text-destructive">*</span></Label>
+                                    <Input id="name" bind:value={formData.name} placeholder="Nombre completo" maxlength={256} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="short_name">Nombre Corto</Label>
+                                    <Input id="short_name" bind:value={formData.short_name} placeholder="Alias" maxlength={10} disabled={loading} />
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                                <div class="grid gap-2">
+                                    <Label for="curp">CURP (Opcional)</Label>
+                                    <Input id="curp" bind:value={formData.curp} maxlength={18} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="type_nat">Tipo Origen</Label>
+                                    <Select.Root type="single" bind:value={formData.type_nat_foreign}>
+                                        <Select.Trigger id="type_nat">
+                                            {formData.type_nat_foreign === 'N' ? 'Nacional' : formData.type_nat_foreign === 'E' ? 'Extranjero' : 'Seleccione'}
+                                        </Select.Trigger>
+                                        <Select.Content>
+                                            <Select.Item value="N" label="Nacional">Nacional</Select.Item>
+                                            <Select.Item value="E" label="Extranjero">Extranjero</Select.Item>
+                                        </Select.Content>
+                                    </Select.Root>
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                                <div class="grid gap-2">
+                                    <Label for="responsible">Responsable</Label>
+                                    <Input id="responsible" bind:value={formData.responsible} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="position">Puesto</Label>
+                                    <Input id="position" bind:value={formData.position} disabled={loading} />
+                                </div>
+                            </div>
+                        </Tabs.Content>
+
+                        <Tabs.Content value="address" class="space-y-4 pt-4">
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                                <div class="grid gap-2">
+                                    <Label for="street">Calle</Label>
+                                    <Input id="street" bind:value={formData.streets} maxlength={100} disabled={loading} />
+                                </div>
+                                <div class="grid grid-cols-2 gap-4">
+                                    <div class="grid gap-2">
+                                        <Label for="ext">No. Exterior</Label>
+                                        <Input id="ext" bind:value={formData.exterior_number} maxlength={20} disabled={loading} />
+                                    </div>
+                                    <div class="grid gap-2">
+                                        <Label for="int">No. Interior</Label>
+                                        <Input id="int" bind:value={formData.interior_number} maxlength={20} disabled={loading} />
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                                <div class="grid gap-2">
+                                    <Label for="col">Colonia</Label>
+                                    <Input id="col" bind:value={formData.neighborhood} maxlength={40} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="cp">C.P.</Label>
+                                    <Input id="cp" bind:value={formData.postal_code} maxlength={15} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="mun">Municipio</Label>
+                                    <Input id="mun" bind:value={formData.municipality} maxlength={150} disabled={loading} />
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                                <div class="grid gap-2">
+                                    <Label for="city">Ciudad</Label>
+                                    <Input id="city" bind:value={formData.city} maxlength={30} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="state">Estado</Label>
+                                    <Input id="state" bind:value={formData.state} maxlength={30} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="country">País (ISO)</Label>
+                                    <Input id="country" bind:value={formData.country} placeholder="MEX" maxlength={3} disabled={loading} />
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-4 border-t">
+                                <div class="grid gap-2">
+                                    <Label for="email">Email de Contacto</Label>
+                                    <Input id="email" type="email" bind:value={formData.email} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="phone">Teléfono</Label>
+                                    <Input id="phone" bind:value={formData.phone} disabled={loading} />
+                                </div>
+                            </div>
+                        </Tabs.Content>
+
+                        <Tabs.Content value="programs" class="space-y-4 pt-4">
+                            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                                <div class="grid gap-2">
+                                    <Label for="program">Programa</Label>
+                                    <Input id="program" bind:value={formData.program} placeholder="IMMEX" maxlength={7} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="program_num">Número de Programa</Label>
+                                    <Input id="program_num" bind:value={formData.program_number} maxlength={40} disabled={loading} />
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
+                                <div class="grid gap-2">
+                                    <Label for="auth_date">Fecha Autorización</Label>
+                                    <Input id="auth_date" type="date" bind:value={formData.authorization_date_str} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="tax_id">Tax ID (Extranjero)</Label>
+                                    <Input id="tax_id" bind:value={formData.tax_id} maxlength={30} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="man_id">Manufacturer ID</Label>
+                                    <Input id="man_id" bind:value={formData.manufacturer_id} maxlength={25} disabled={loading} />
+                                </div>
+                            </div>
+
+                            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+                                <div class="grid gap-2">
+                                    <Label for="ctpat">C-TPAT / SVI</Label>
+                                    <Input id="ctpat" bind:value={formData.ctpat_svi} maxlength={100} disabled={loading} />
+                                </div>
+                                <div class="grid gap-2">
+                                    <Label for="prosec">PROSEC (Sector)</Label>
+                                    <Input id="prosec" type="number" bind:value={formData.prosec} disabled={loading} />
+                                </div>
+                            </div>
+                        </Tabs.Content>
+
+                        <Tabs.Content value="config" class="space-y-4 pt-4">
+                             <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
+                                <div class="flex items-center gap-3 p-4 border rounded-lg bg-card">
+                                    <Switch id="is_active" bind:checked={formData.is_active} disabled={loading} />
+                                    <div class="grid gap-0.5">
+                                        <Label for="is_active">Registro Activo</Label>
+                                        <p class="text-xs text-muted-foreground">Habilitar o deshabilitar este socio comercial</p>
+                                    </div>
+                                </div>
+                                <div class="flex items-center gap-3 p-4 border rounded-lg bg-card">
+                                    <Switch id="is_national" bind:checked={formData.is_national_provider} disabled={loading} />
+                                    <div class="grid gap-0.5">
+                                        <Label for="is_national">Proveedor Nacional</Label>
+                                        <p class="text-xs text-muted-foreground">Marcar si es un proveedor nacional</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </Tabs.Content>
+                    </div>
+
+                    <Tabs.List class="grid grid-cols-4 fixed bottom-24 left-1/2 -translate-x-1/2 w-[95%] max-w-2xl z-40 shadow-2xl bg-background border p-1 rounded-xl">
+                        <Tabs.Trigger value="general" class="flex gap-2 items-center justify-center">
+                            <Building2 class="h-4 w-4 hidden sm:block" /> General
+                        </Tabs.Trigger>
+                        <Tabs.Trigger value="address" class="flex gap-2 items-center justify-center">
+                            <MapPin class="h-4 w-4 hidden sm:block" /> Dirección
+                        </Tabs.Trigger>
+                        <Tabs.Trigger value="programs" class="flex gap-2 items-center justify-center">
+                            <FileText class="h-4 w-4 hidden sm:block" /> Programas
+                        </Tabs.Trigger>
+                        <Tabs.Trigger value="config" class="flex gap-2 items-center justify-center">
+                            <Settings class="h-4 w-4 hidden sm:block" /> Config
+                        </Tabs.Trigger>
+                    </Tabs.List>
+
+                </Tabs.Root>
+            </Card.Content>
+        </Card.Root>
+
+        <div class="fixed bottom-0 right-0 left-0 md:left-64 p-4 border-t bg-background/95 backdrop-blur z-50">
+            <div class="max-w-6xl mx-auto flex justify-end gap-4">
+                <Button type="button" variant="ghost" onclick={() => goto('/dashboard/clients_and_providers')} disabled={loading}>
+                    Cancelar
+                </Button>
+                
+                {#if !isEditing}
+                    <Button type="button" variant="outline" onclick={() => formData = getEmptyForm()} disabled={loading}>
+                        Limpiar
+                    </Button>
+                {/if}
+
+                <Button type="submit" disabled={loading} class="min-w-[140px]">
+                    {#if loading}
+                        <LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
+                    {:else}
+                        <Save class="mr-2 h-4 w-4" />
+                    {/if}
+                    {isEditing ? 'Actualizar' : 'Guardar'}
+                </Button>
+            </div>
+        </div>
+    </form>
 </div>
\ No newline at end of file

From 532b8c23ace12c84dd6e622174bea270f0e6d460 Mon Sep 17 00:00:00 2001
From: Kevin_Ramirez <kramirez@aduanasoft.com.mx>
Date: Tue, 6 Jan 2026 12:08:38 -0600
Subject: [PATCH 6/6] Se coloco nombre de la columna de acciones

---
 .../lib/components/dashboard/clients_and_providers/columns.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts b/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
index abc3af01..a09246ab 100644
--- a/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
+++ b/frontend/src/lib/components/dashboard/clients_and_providers/columns.ts
@@ -77,8 +77,7 @@ export function createColumns(onSuccess) {
                 const snippet = createRawSnippet((getData) => {
                     const { val } = getData();
                     
-                    // CORRECCIÓN: Usamos !!val para convertir cualquier valor positivo (true, 1) a true.
-                    // Si val es null, undefined, false o 0, será false.
+                
                     const isActive = !!val; 
 
                     const text = isActive ? 'Activo' : 'Inactivo';
@@ -95,6 +94,7 @@ export function createColumns(onSuccess) {
         },
         {
             id: "actions",
+			header: "Acciones",
             cell: ({ row }) => renderComponent(DataTableActions, { item: row.original, onSuccess })
         }
     ];