From d8045077a836df6ea5749cb65574c2b3cc8d301d Mon Sep 17 00:00:00 2001
From: hreyes <hreyes@aduanasoft.com.mx>
Date: Fri, 6 Feb 2026 13:14:50 -0600
Subject: [PATCH 1/2] checkpoint/feature-a-medias

---
 .../lib/components/sidebar/nav-main.svelte    | 198 ++++++++++++++----
 .../lib/components/ui/sidebar/sidebar.svelte  |   2 +-
 2 files changed, 162 insertions(+), 38 deletions(-)

diff --git a/frontend/src/lib/components/sidebar/nav-main.svelte b/frontend/src/lib/components/sidebar/nav-main.svelte
index 809ab499..0ecc6740 100644
--- a/frontend/src/lib/components/sidebar/nav-main.svelte
+++ b/frontend/src/lib/components/sidebar/nav-main.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
 	import * as Collapsible from "$lib/components/ui/collapsible/index.js";
 	import * as Sidebar from "$lib/components/ui/sidebar/index.js";
-	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
+	import { useSidebar } from "$lib/components/ui/sidebar/context.svelte.js";
+	import ChevronRight from "@lucide/svelte/icons/chevron-right";
 
 	let {
 		items,
@@ -9,8 +11,6 @@
 		items: {
 			title: string;
 			url: string;
-			// this should be `Component` after @lucide/svelte updates types
-			// eslint-disable-next-line @typescript-eslint/no-explicit-any
 			icon?: any;
 			isActive?: boolean;
 			items?: {
@@ -19,6 +19,67 @@
 			}[];
 		}[];
 	} = $props();
+
+	const sidebar = useSidebar();
+
+	// Estado del Sistema Híbrido
+	let activeTitle = $state<string | null>(null);
+    // Flags de estado físico
+    let isHoveringTrigger = false;
+    let isHoveringContent = false;
+	let closeTimer: ReturnType<typeof setTimeout> | null = null;
+
+    // PROTOCOLO DE TRASPASO (Handover Protocol)
+    // 1. Cuando entramos en zona segura, cancelamos cualquier intento de cierre.
+    function clearCloseTimer() {
+        if (closeTimer) {
+            clearTimeout(closeTimer);
+            closeTimer = null;
+        }
+    }
+
+    // 2. Cuando salimos, esperamos un "micro-tick" (75ms) para ver si el mouse aterriza en la otra zona.
+    // Si no aterriza, cerramos.
+    function scheduleClose() {
+        clearCloseTimer();
+        closeTimer = setTimeout(() => {
+            if (!isHoveringTrigger && !isHoveringContent) {
+                activeTitle = null;
+            }
+        }, 75);
+    }
+
+	function handleTriggerEnter(title: string) {
+		if (sidebar.state !== "collapsed") return;
+        clearCloseTimer();
+        isHoveringTrigger = true;
+		activeTitle = title;
+	}
+
+    function handleTriggerLeave() {
+        isHoveringTrigger = false;
+        scheduleClose();
+    }
+
+    function handleContentEnter() {
+        clearCloseTimer();
+        isHoveringContent = true;
+    }
+
+    function handleContentLeave() {
+        isHoveringContent = false;
+        scheduleClose();
+    }
+
+	function onOpenChange(open: boolean, title: string) {
+		if (open) {
+			activeTitle = title;
+		}
+        // "AUTHORITY STRATEGY":
+        // Ignoramos explícitamente cuando `open` es false.
+        // La librería NO tiene permiso para cerrar el menú.
+        // Solo nosotros (vía scheduleClose) podemos poner activeTitle = null.
+	}
 </script>
 
 <Sidebar.Group>
@@ -26,43 +87,105 @@
 	<Sidebar.Menu>
 		{#each items as item (item.title)}
 			{#if item.items && item.items.length > 0}
-				<!-- Dropdown para items con subitems -->
-				<Collapsible.Root open={item.isActive} class="group/collapsible">
-					{#snippet child({ props })}
-						<Sidebar.MenuItem {...props}>
-							<Collapsible.Trigger>
+				{#if sidebar.state === "collapsed"}
+					<!-- Sidebar Colapsado: Protocolo Híbrido + Authority Strategy -->
+					<Sidebar.MenuItem>
+						<DropdownMenu.Root
+							open={activeTitle === item.title}
+							onOpenChange={(v) => onOpenChange(v, item.title)}
+                            modal={false}
+						>
+							<DropdownMenu.Trigger>
 								{#snippet child({ props })}
-									<Sidebar.MenuButton {...props} tooltipContent={item.title}>
-										{#if item.icon}
-											<item.icon />
-										{/if}
-										<span>{item.title}</span>
-										<ChevronRightIcon
-											class="ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
-										/>
-									</Sidebar.MenuButton>
+									<div
+                                        id={`trigger-${item.title}`}
+										class="relative z-30 w-full"
+										onmouseenter={() => handleTriggerEnter(item.title)}
+										onmouseleave={handleTriggerLeave}
+									>
+										<!-- Puente de hover optimizado -->
+										<div class="absolute inset-y-0 left-[80%] w-20 bg-transparent pointer-events-auto" />
+										
+										<Sidebar.MenuButton {...props} tooltipContent={null}>
+											{#if item.icon}
+												<item.icon />
+											{:else}
+												<div class="size-4" />
+											{/if}
+											<span>{item.title}</span>
+										</Sidebar.MenuButton>
+									</div>
 								{/snippet}
-							</Collapsible.Trigger>
-							<Collapsible.Content>
-								<Sidebar.MenuSub>
-									{#each item.items as subItem (subItem.title)}
-										<Sidebar.MenuSubItem>
-											<Sidebar.MenuSubButton>
-												{#snippet child({ props })}
-													<a href={subItem.url} {...props}>
-														<span>{subItem.title}</span>
-													</a>
-												{/snippet}
-											</Sidebar.MenuSubButton>
-										</Sidebar.MenuSubItem>
-									{/each}
-								</Sidebar.MenuSub>
-							</Collapsible.Content>
-						</Sidebar.MenuItem>
-					{/snippet}
-				</Collapsible.Root>
+							</DropdownMenu.Trigger>
+							<DropdownMenu.Content
+								side="right"
+								align="start"
+								sideOffset={-4}
+                                closeOnOutsideClick={false}
+                                closeOnEscape={false}
+								class="z-50 min-w-56 rounded-lg p-0 shadow-lg"
+							>
+								<div
+                                    id={`content-${item.title}`}
+									class="w-full h-full p-1 pointer-events-auto"
+									role="none"
+									onmouseenter={handleContentEnter}
+									onmouseleave={handleContentLeave}
+								>
+									<DropdownMenu.DropdownMenuGroup>
+										<DropdownMenu.DropdownMenuLabel>{item.title}</DropdownMenu.DropdownMenuLabel>
+										<DropdownMenu.DropdownMenuSeparator />
+										{#each item.items as subItem (subItem.title)}
+											<DropdownMenu.DropdownMenuItem>
+												<a href={subItem.url} class="w-full">
+													<span>{subItem.title}</span>
+												</a>
+											</DropdownMenu.DropdownMenuItem>
+										{/each}
+									</DropdownMenu.DropdownMenuGroup>
+								</div>
+							</DropdownMenu.Content>
+						</DropdownMenu.Root>
+					</Sidebar.MenuItem>
+				{:else}
+					<!-- Sidebar Expandido: Collapsible original -->
+					<Collapsible.Root open={item.isActive} class="group/collapsible">
+						{#snippet child({ props })}
+							<Sidebar.MenuItem {...props}>
+								<Collapsible.Trigger>
+									{#snippet child({ props })}
+										<Sidebar.MenuButton {...props} tooltipContent={item.title}>
+											{#if item.icon}
+												<item.icon />
+											{/if}
+											<span>{item.title}</span>
+											<ChevronRight
+												class="ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
+											/>
+										</Sidebar.MenuButton>
+									{/snippet}
+								</Collapsible.Trigger>
+								<Collapsible.Content>
+									<Sidebar.MenuSub>
+										{#each item.items as subItem (subItem.title)}
+											<Sidebar.MenuSubItem>
+												<Sidebar.MenuSubButton>
+													{#snippet child({ props })}
+														<a href={subItem.url} {...props}>
+															<span>{subItem.title}</span>
+														</a>
+													{/snippet}
+												</Sidebar.MenuSubButton>
+											</Sidebar.MenuSubItem>
+										{/each}
+									</Sidebar.MenuSub>
+								</Collapsible.Content>
+							</Sidebar.MenuItem>
+						{/snippet}
+					</Collapsible.Root>
+				{/if}
 			{:else}
-				<!-- Botón simple para items sin subitems -->
+				<!-- Items sin submenú -->
 				<Sidebar.MenuItem>
 					<Sidebar.MenuButton tooltipContent={item.title}>
 						{#snippet child({ props })}
@@ -79,3 +202,4 @@
 		{/each}
 	</Sidebar.Menu>
 </Sidebar.Group>
+
diff --git a/frontend/src/lib/components/ui/sidebar/sidebar.svelte b/frontend/src/lib/components/ui/sidebar/sidebar.svelte
index 3e9eba99..ff6db698 100644
--- a/frontend/src/lib/components/ui/sidebar/sidebar.svelte
+++ b/frontend/src/lib/components/ui/sidebar/sidebar.svelte
@@ -80,7 +80,7 @@
 		<div
 			data-slot="sidebar-container"
 			class={cn(
-				"w-(--sidebar-width) fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex",
+				"w-(--sidebar-width) fixed inset-y-0 z-30 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex",
 				side === "left"
 					? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
 					: "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",

From 81fe5f03d9d930fb45e2794e6ec189893a628114 Mon Sep 17 00:00:00 2001
From: hreyes <hreyes@aduanasoft.com>
Date: Mon, 9 Feb 2026 10:30:51 -0600
Subject: [PATCH 2/2] feature/dropdown

---
 .../lib/components/sidebar/nav-main.svelte    | 147 +++++++++---------
 .../code_pedimento_regimens/+page.svelte      |   2 +-
 .../reference_data/containers/+page.svelte    |   2 +-
 .../reference_data/countries/+page.svelte     |   2 +-
 .../currency_types/+page.svelte               |   2 +-
 .../customs_warehouses/+page.svelte           |   2 +-
 .../reference_data/invoice_types/+page.svelte |   2 +-
 .../material_types/+page.svelte               |   2 +-
 .../reference_data/sectors/+page.svelte       |   2 +-
 .../reference_data/states/+page.svelte        |   2 +-
 .../transport_modes/+page.svelte              |   2 +-
 .../transport_types/+page.svelte              |   2 +-
 .../valuation_methods/+page.svelte            |   2 +-
 13 files changed, 89 insertions(+), 82 deletions(-)

diff --git a/frontend/src/lib/components/sidebar/nav-main.svelte b/frontend/src/lib/components/sidebar/nav-main.svelte
index 0ecc6740..e21cdf95 100644
--- a/frontend/src/lib/components/sidebar/nav-main.svelte
+++ b/frontend/src/lib/components/sidebar/nav-main.svelte
@@ -22,63 +22,57 @@
 
 	const sidebar = useSidebar();
 
-	// Estado del Sistema Híbrido
+	// Estado del Sistema Híbrido controlado por hover estricto (sin timers)
 	let activeTitle = $state<string | null>(null);
-    // Flags de estado físico
-    let isHoveringTrigger = false;
-    let isHoveringContent = false;
-	let closeTimer: ReturnType<typeof setTimeout> | null = null;
 
-    // PROTOCOLO DE TRASPASO (Handover Protocol)
-    // 1. Cuando entramos en zona segura, cancelamos cualquier intento de cierre.
-    function clearCloseTimer() {
-        if (closeTimer) {
-            clearTimeout(closeTimer);
-            closeTimer = null;
-        }
-    }
+	function shouldKeepOpen(event: PointerEvent, title: string) {
+		const next = event.relatedTarget as Node | null;
+		if (!next) return false;
 
-    // 2. Cuando salimos, esperamos un "micro-tick" (75ms) para ver si el mouse aterriza en la otra zona.
-    // Si no aterriza, cerramos.
-    function scheduleClose() {
-        clearCloseTimer();
-        closeTimer = setTimeout(() => {
-            if (!isHoveringTrigger && !isHoveringContent) {
-                activeTitle = null;
-            }
-        }, 75);
-    }
+		const trigger = document.getElementById(`trigger-${title}`);
+		const content = document.getElementById(`content-${title}`);
+
+		// Mantenemos abierto si el puntero se mueve hacia el trigger o el contenido del menú
+		return (trigger && trigger.contains(next)) || (content && content.contains(next));
+	}
 
 	function handleTriggerEnter(title: string) {
 		if (sidebar.state !== "collapsed") return;
-        clearCloseTimer();
-        isHoveringTrigger = true;
 		activeTitle = title;
 	}
 
-    function handleTriggerLeave() {
-        isHoveringTrigger = false;
-        scheduleClose();
-    }
+	function handleTriggerLeave(event: PointerEvent, title: string) {
+		if (sidebar.state !== "collapsed") return;
+		
+		// Si nos movemos al contenido (o nos quedamos en el trigger), no cerramos
+		if (shouldKeepOpen(event, title)) return;
+		
+		activeTitle = null;
+	}
 
-    function handleContentEnter() {
-        clearCloseTimer();
-        isHoveringContent = true;
-    }
+	function handleContentEnter(title: string) {
+		if (sidebar.state !== "collapsed") return;
+		activeTitle = title;
+	}
 
-    function handleContentLeave() {
-        isHoveringContent = false;
-        scheduleClose();
-    }
+	function handleContentLeave(event: PointerEvent, title: string) {
+		if (sidebar.state !== "collapsed") return;
+		
+		// Si nos movemos de vuelta al trigger (o dentro del contenido), no cerramos
+		if (shouldKeepOpen(event, title)) return;
+		
+		activeTitle = null;
+	}
 
 	function onOpenChange(open: boolean, title: string) {
+		// Sincronización base
 		if (open) {
 			activeTitle = title;
+		} else {
+			if (activeTitle === title) {
+				activeTitle = null;
+			}
 		}
-        // "AUTHORITY STRATEGY":
-        // Ignoramos explícitamente cuando `open` es false.
-        // La librería NO tiene permiso para cerrar el menú.
-        // Solo nosotros (vía scheduleClose) podemos poner activeTitle = null.
 	}
 </script>
 
@@ -88,31 +82,29 @@
 		{#each items as item (item.title)}
 			{#if item.items && item.items.length > 0}
 				{#if sidebar.state === "collapsed"}
-					<!-- Sidebar Colapsado: Protocolo Híbrido + Authority Strategy -->
+					<!-- Sidebar Colapsado: Dropdown controlado por eventos estrictos -->
 					<Sidebar.MenuItem>
 						<DropdownMenu.Root
 							open={activeTitle === item.title}
 							onOpenChange={(v) => onOpenChange(v, item.title)}
-                            modal={false}
+							modal={false}
 						>
-							<DropdownMenu.Trigger>
+							<DropdownMenu.Trigger asChild>
 								{#snippet child({ props })}
 									<div
-                                        id={`trigger-${item.title}`}
-										class="relative z-30 w-full"
-										onmouseenter={() => handleTriggerEnter(item.title)}
-										onmouseleave={handleTriggerLeave}
+										id={`trigger-${item.title}`}
+										class="relative z-30 w-full flex justify-center"
+										onpointerenter={() => handleTriggerEnter(item.title)}
+										onpointerleave={(e) => handleTriggerLeave(e, item.title)}
 									>
-										<!-- Puente de hover optimizado -->
-										<div class="absolute inset-y-0 left-[80%] w-20 bg-transparent pointer-events-auto" />
-										
-										<Sidebar.MenuButton {...props} tooltipContent={null}>
+										<Sidebar.MenuButton {...props} tooltipContent={null} class="justify-center">
 											{#if item.icon}
 												<item.icon />
 											{:else}
 												<div class="size-4" />
 											{/if}
-											<span>{item.title}</span>
+											<!-- Ocultamos el texto en modo colapsado para asegurar que solo sea el icono -->
+											<span class="sr-only">{item.title}</span>
 										</Sidebar.MenuButton>
 									</div>
 								{/snippet}
@@ -120,25 +112,40 @@
 							<DropdownMenu.Content
 								side="right"
 								align="start"
-								sideOffset={-4}
-                                closeOnOutsideClick={false}
-                                closeOnEscape={false}
-								class="z-50 min-w-56 rounded-lg p-0 shadow-lg"
+								sideOffset={0}
+								class="z-50 w-64 rounded-lg p-0 shadow-lg overflow-visible"
+								id={`content-${item.title}`}
+								onpointerenter={() => handleContentEnter(item.title)}
+								onpointerleave={(e) => handleContentLeave(e, item.title)}
 							>
-								<div
-                                    id={`content-${item.title}`}
-									class="w-full h-full p-1 pointer-events-auto"
-									role="none"
-									onmouseenter={handleContentEnter}
-									onmouseleave={handleContentLeave}
-								>
-									<DropdownMenu.DropdownMenuGroup>
-										<DropdownMenu.DropdownMenuLabel>{item.title}</DropdownMenu.DropdownMenuLabel>
-										<DropdownMenu.DropdownMenuSeparator />
+								<!-- 
+								Header "Tab" (Icono Flotante)
+								Posicionado con right-full para estar exactamente donde el trigger termina (offset 0).
+								Usamos w-8 h-8 para coincidir con un botón de tamaño estándar de sidebar.
+								-->
+								<div class="absolute right-full top-0 flex items-center justify-center bg-sidebar-accent text-sidebar-accent-foreground rounded-l-lg w-8 h-8 shadow-none border border-sidebar-border border-r-0 z-50">
+									{#if item.icon}
+										<item.icon class="size-4 shrink-0" />
+									{:else}
+										<div class="size-4 shrink-0" />
+									{/if}
+								</div>
+
+								<!-- 
+								Panel Principal
+								-->
+								<div class="w-full h-full p-1 pointer-events-auto bg-popover rounded-lg rounded-tl-none border border-sidebar-border ml-[0px]">
+									
+									<!-- Título en el panel principal -->
+									<div class="px-2 py-2 text-sm font-medium border-b text-sidebar-foreground truncate">
+										{item.title}
+									</div>
+									
+									<DropdownMenu.DropdownMenuGroup class="mt-1 max-h-80 overflow-y-auto">
 										{#each item.items as subItem (subItem.title)}
-											<DropdownMenu.DropdownMenuItem>
-												<a href={subItem.url} class="w-full">
-													<span>{subItem.title}</span>
+											<DropdownMenu.DropdownMenuItem asChild>
+												<a href={subItem.url} class="flex w-full items-center gap-2 overflow-hidden">
+													<span class="truncate">{subItem.title}</span>
 												</a>
 											</DropdownMenu.DropdownMenuItem>
 										{/each}
diff --git a/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte b/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
index 6dbad5a2..64f56a42 100644
--- a/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Códigos',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/containers/+page.svelte b/frontend/src/routes/dashboard/reference_data/containers/+page.svelte
index 8d836528..2c100037 100644
--- a/frontend/src/routes/dashboard/reference_data/containers/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/containers/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Contenedores',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/countries/+page.svelte b/frontend/src/routes/dashboard/reference_data/countries/+page.svelte
index eb3ad94f..79385cc0 100644
--- a/frontend/src/routes/dashboard/reference_data/countries/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/countries/+page.svelte
@@ -22,7 +22,7 @@
 		'Lista Países',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
index 3649a1b4..1d97b61a 100644
--- a/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
@@ -22,7 +22,7 @@
 		'Lista Tipos de Moneda',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte b/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
index 4fc1ef4b..1cc6f738 100644
--- a/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
@@ -22,7 +22,7 @@
 		'Lista Almacenes Aduanales',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
index f74a1352..d0190423 100644
--- a/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
@@ -22,7 +22,7 @@
 		'Lista Tipos de Factura',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
index 7fd85348..c0179001 100644
--- a/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Tipos de Material',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte b/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
index c250d5c7..ede8b240 100644
--- a/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Sectores',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/states/+page.svelte b/frontend/src/routes/dashboard/reference_data/states/+page.svelte
index 66b9ff76..e826d219 100644
--- a/frontend/src/routes/dashboard/reference_data/states/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/states/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Estados',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte b/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
index 4deaa913..b2ef69da 100644
--- a/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Modos de Transporte',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
index f0998fa9..61fbac39 100644
--- a/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
@@ -23,7 +23,7 @@
 		'Lista Tipos de Transporte',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);
 
diff --git a/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte b/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
index f4d99f23..19cfa51d 100644
--- a/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
@@ -22,7 +22,7 @@
 		'Lista Métodos de Valoración',
 		obtenerAtajosLista({
 			manejarNuevo: () => (showCreateDialog = true),
-			manejarActualizar: handleRefresh
+			manejarActualizar: reloadData
 		})
 	);