From ae23a080bad989f1cfa379ec6510e9cfd13b4211 Mon Sep 17 00:00:00 2001
From: hreyes <hreyes@aduanasoft.com>
Date: Tue, 3 Mar 2026 12:58:33 -0700
Subject: [PATCH] feature/alerta-no-registros-agentes-clientes

---
 backend/celerybeat-schedule                   | Bin 0 -> 16384 bytes
 docker-compose.yml                            |   7 +-
 .../dashboard/PrerequisitesModal.svelte       |  74 ++++++++++++++++++
 .../src/lib/components/help/HelpDrawer.svelte |   2 +-
 .../keyboard/ShortcutsHelpModal.svelte        |  13 ++-
 .../lib/components/sidebar/nav-main.svelte    |   4 +-
 .../ui/select/select-content.svelte           |   1 -
 .../goods/parts/edit/[[id]]/+page.server.ts   |  55 +++++++++++++
 .../goods/parts/edit/[[id]]/+page.svelte      |  35 ++++++++-
 .../dashboard/invoices/edit/[id]/+page.svelte |  22 ++++++
 .../pedimentos/edit/[id]/+page.svelte         |  26 ++++++
 11 files changed, 221 insertions(+), 18 deletions(-)
 create mode 100644 backend/celerybeat-schedule
 create mode 100644 frontend/src/lib/components/dashboard/PrerequisitesModal.svelte
 create mode 100644 frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.server.ts

diff --git a/backend/celerybeat-schedule b/backend/celerybeat-schedule
new file mode 100644
index 0000000000000000000000000000000000000000..8cda996d90f19534ef5b500c264fc536e50391cb
GIT binary patch
literal 16384
zcmeI(O=}ZD7zgl)i6*fP6eB1KB3^8etZ&$Zcu;}|S*&0M!9$nLW@?6Rc4c=~Odybx
zT9|{-DTp7yv-kx(d-4N#^5CUVKY^gnbhb8!;!Dt?_8*vip54vNPJWqvNCJ8H;%=SI
zFt*t!m{`r@OB1h}4P&2ez!m}!fB*y_009U<00Izz00bZafqzlpWIky`3jqf>7y+yU
ztOKkA+y|%wr~{}2r~{}2r~{}2s00659VptnnoZ}CowLd1f{ly$e!XV*H!f^F@z-OC
zx_qI>PCaqls=xsb<M#*F!|tqy_isO(_PmFDI<I$AblJny;J-WmaE7xLfCC)H1#EtN
z@%4#J2Hvf)`i#$$+fJyT)&dTbIruA|>O7Lk^YgZUnZi7M2ZZNjo^M{=IVuN?oyqIf
zJ{sl}wZF~Nyyt?aqtZ}2=JRioia7GTQE6@SUjQ^?wf~ZH(V5eZ9MI7tmV>GKwH{AI
z;Gez8ABiCLT0-`<V@foS{C3DYqta97+vsbv`R@rst&XMrC}=Jvaj)6U+D%Ru?KgWO
z$|TonD&QgQJ8kYut!fKFmv^#|U#DsI^{Srj7Stir-!uI^>hDQEUDm47@g<j{M?-9<
ztGactyk0EUY7O@B8J%foB9tOZwJP7|(w8!!F;!&{M_fcpF{Sq?y<t*1UiGr*fe4mE
zt{>~$dgqty7R))*T&8C7*{Aum=|YvQoJQ;(P*pR>4iBYI`z~{@xa<k_U70uA#!wHn
zq$C}aYyBp<@4HWcI@e(9qd$(?_#tZfr&05@ivR%#KmY;|fB*y_009U<U@r=M1;TIo
AU;qFB

literal 0
HcmV?d00001

diff --git a/docker-compose.yml b/docker-compose.yml
index 5ae2e394..59953809 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -268,12 +268,7 @@ services:
       options:
         max-size: "10m"
         max-file: "3"
-    deploy:
-      resources:
-        limits:
-          memory: 1G
-        reservations:
-          memory: 512M
+
 
   # celery
   celery_worker:
diff --git a/frontend/src/lib/components/dashboard/PrerequisitesModal.svelte b/frontend/src/lib/components/dashboard/PrerequisitesModal.svelte
new file mode 100644
index 00000000..57cb8128
--- /dev/null
+++ b/frontend/src/lib/components/dashboard/PrerequisitesModal.svelte
@@ -0,0 +1,74 @@
+<script lang="ts">
+	import * as AlertDialog from '$lib/components/ui/alert-dialog';
+	import { CircleAlert } from 'lucide-svelte';
+
+	let {
+		open = $bindable(false),
+		agentsCount = 0,
+		clientsCount = 0,
+		onAccept,
+		onCancel
+	}: {
+		open?: boolean;
+		agentsCount?: number;
+		clientsCount?: number;
+		onAccept?: () => void;
+		onCancel?: () => void;
+	} = $props();
+
+	const showModal = $derived(agentsCount === 0 || clientsCount === 0);
+
+	const message = $derived(
+		agentsCount === 0 && clientsCount === 0
+			? 'No hay Agentes aduanales ni Clientes registrados. Debes darlos de alta para poder trabajar en este módulo.'
+			: agentsCount === 0
+				? 'No hay Agentes aduanales registrados. Debes darlos de alta para poder trabajar en este módulo.'
+				: 'No hay Clientes registrados. Debes darlos de alta para poder trabajar en este módulo.'
+	);
+
+	function handleOpenChange(newOpen: boolean) {
+		open = newOpen;
+	}
+
+	function handleCancel() {
+		onCancel?.();
+	}
+
+	function handleAccept() {
+		onAccept?.();
+	}
+</script>
+
+<AlertDialog.Root bind:open onOpenChange={handleOpenChange}>
+	<AlertDialog.Content>
+		<AlertDialog.Header>
+			<div class="flex items-center gap-3">
+				<CircleAlert class="h-6 w-6 shrink-0 text-amber-500" />
+				<AlertDialog.Title>Aviso</AlertDialog.Title>
+			</div>
+			<AlertDialog.Description class="space-y-3 pt-1">
+				<p>{message}</p>
+				<p class="text-sm text-muted-foreground">
+					Puedes registrarlos en
+					<a
+						href="/dashboard/customs_brokers"
+						class="font-medium text-primary underline underline-offset-4 hover:no-underline"
+					>
+						Agentes Aduanales
+					</a>
+					 y
+					<a
+						href="/dashboard/clients_and_providers"
+						class="font-medium text-primary underline underline-offset-4 hover:no-underline"
+					>
+						Clientes y Proveedores
+					</a>.
+				</p>
+			</AlertDialog.Description>
+		</AlertDialog.Header>
+		<AlertDialog.Footer>
+			<AlertDialog.Cancel onclick={handleCancel}>Cancelar</AlertDialog.Cancel>
+			<AlertDialog.Action onclick={handleAccept}>Aceptar</AlertDialog.Action>
+		</AlertDialog.Footer>
+	</AlertDialog.Content>
+</AlertDialog.Root>
diff --git a/frontend/src/lib/components/help/HelpDrawer.svelte b/frontend/src/lib/components/help/HelpDrawer.svelte
index 6a557aed..e2de2644 100644
--- a/frontend/src/lib/components/help/HelpDrawer.svelte
+++ b/frontend/src/lib/components/help/HelpDrawer.svelte
@@ -121,7 +121,7 @@
 </script>
 
 <Sheet.Root bind:open={helpStore.isOpen}>
-	<Sheet.Trigger>
+	<Sheet.Trigger asChild>
 		<button
 			class="fixed right-6 bottom-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg transition-transform hover:scale-110 active:scale-95"
 			aria-label="Ayuda"
diff --git a/frontend/src/lib/components/keyboard/ShortcutsHelpModal.svelte b/frontend/src/lib/components/keyboard/ShortcutsHelpModal.svelte
index 00f9a73a..3a9be85d 100644
--- a/frontend/src/lib/components/keyboard/ShortcutsHelpModal.svelte
+++ b/frontend/src/lib/components/keyboard/ShortcutsHelpModal.svelte
@@ -7,11 +7,11 @@
 	// Group local shortcuts
 	let localShortcuts = $derived($store.shortcuts);
 
-	let globalList: HTMLDivElement;
-	let localList: HTMLDivElement;
-	let modalRef: HTMLDivElement;
+	let globalList = $state<HTMLDivElement | undefined>();
+	let localList = $state<HTMLDivElement | undefined>();
+	let modalRef = $state<HTMLDivElement | undefined>();
 
-	function handleArrowScroll(event: KeyboardEvent, target: HTMLDivElement) {
+	function handleArrowScroll(event: KeyboardEvent, target: HTMLDivElement | undefined) {
 		if (!target) return;
 		if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
 			event.preventDefault();
@@ -51,6 +51,7 @@
 	>
 		<div
 			class="w-full max-w-2xl rounded-xl bg-white p-6 shadow-2xl dark:bg-gray-900 text-gray-900 dark:text-gray-100 max-h-[80vh] overflow-y-auto"
+			role="document"
 			bind:this={modalRef}
 			onkeydown={handleFocusTrap}
 		>
@@ -88,6 +89,8 @@
 					</h3>
 					<div
 						class="space-y-2 max-h-64 overflow-y-auto pr-1"
+						role="region"
+						aria-label="Global Navigation shortcuts"
 						bind:this={globalList}
 						tabindex="0"
 						onkeydown={(event) => handleArrowScroll(event, globalList)}
@@ -124,6 +127,8 @@
 					{:else}
 						<div
 							class="space-y-2 max-h-64 overflow-y-auto pr-1"
+							role="region"
+							aria-label="Active Actions shortcuts"
 							bind:this={localList}
 							tabindex="0"
 							onkeydown={(event) => handleArrowScroll(event, localList)}
diff --git a/frontend/src/lib/components/sidebar/nav-main.svelte b/frontend/src/lib/components/sidebar/nav-main.svelte
index e21cdf95..ff5a24f7 100644
--- a/frontend/src/lib/components/sidebar/nav-main.svelte
+++ b/frontend/src/lib/components/sidebar/nav-main.svelte
@@ -101,7 +101,7 @@
 											{#if item.icon}
 												<item.icon />
 											{:else}
-												<div class="size-4" />
+												<div class="size-4"></div>
 											{/if}
 											<!-- Ocultamos el texto en modo colapsado para asegurar que solo sea el icono -->
 											<span class="sr-only">{item.title}</span>
@@ -127,7 +127,7 @@
 									{#if item.icon}
 										<item.icon class="size-4 shrink-0" />
 									{:else}
-										<div class="size-4 shrink-0" />
+										<div class="size-4 shrink-0"></div>
 									{/if}
 								</div>
 
diff --git a/frontend/src/lib/components/ui/select/select-content.svelte b/frontend/src/lib/components/ui/select/select-content.svelte
index 8293adf1..9bed7978 100644
--- a/frontend/src/lib/components/ui/select/select-content.svelte
+++ b/frontend/src/lib/components/ui/select/select-content.svelte
@@ -85,7 +85,6 @@
 					bind:this={searchInputRef}
 					value={searchQuery}
 					placeholder={searchPlaceholder}
-					autofocus={autoFocusSearch}
 					class="placeholder:text-muted-foreground flex h-8 w-full rounded-md border border-input bg-background px-3 py-1 text-sm outline-none focus:border-ring focus:ring-1 focus:ring-ring"
 					oninput={(event) => updateQuery((event.currentTarget as HTMLInputElement).value)}
 					onclick={(e) => e.stopPropagation()}
diff --git a/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.server.ts b/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.server.ts
new file mode 100644
index 00000000..0e4e1801
--- /dev/null
+++ b/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.server.ts
@@ -0,0 +1,55 @@
+import type { PageServerLoad } from './$types';
+import { error, redirect } from '@sveltejs/kit';
+import { getAuthTokens, getActiveCompanyId, authenticatedFetch } from '$lib/server/api';
+
+export const load: PageServerLoad = async ({ params, cookies, fetch }) => {
+	const { accessToken } = getAuthTokens(cookies);
+
+	if (!accessToken) {
+		throw redirect(302, '/login');
+	}
+
+	const companyId = await getActiveCompanyId(cookies, fetch);
+	if (!companyId) {
+		throw error(400, 'No se encontró una compañía seleccionada');
+	}
+
+	let agentsCount = 0;
+	let clientsCount = 0;
+
+	try {
+		const [brokersRes, clientsRes] = await Promise.all([
+			authenticatedFetch(
+				`v1/a76/customs-brokers?company_id=${companyId}&page=1&page_size=1`,
+				{},
+				cookies,
+				fetch
+			),
+			authenticatedFetch(
+				`v1/a76/clients-providers?company_id=${companyId}&page=1&page_size=1`,
+				{},
+				cookies,
+				fetch
+			)
+		]);
+
+		if (brokersRes.ok) {
+			const brokersData = await brokersRes.json();
+			agentsCount = brokersData.total ?? 0;
+		}
+		if (clientsRes.ok) {
+			const clientsData = await clientsRes.json();
+			clientsCount = clientsData.total ?? 0;
+		}
+	} catch (e) {
+		console.error('Error fetching prerequisites count for parts:', e);
+	}
+
+	const isCreate = params.id === 'new' || params.id === undefined;
+
+	return {
+		agentsCount,
+		clientsCount,
+		isCreate
+	};
+};
diff --git a/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.svelte b/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.svelte
index 72633d4c..d87c3f3d 100644
--- a/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.svelte
+++ b/frontend/src/routes/dashboard/goods/parts/edit/[[id]]/+page.svelte
@@ -1,9 +1,36 @@
 <script lang="ts">
-    import { page } from '$app/stores';
-    import PartForm from '$lib/components/dashboard/goods/parts/partForm.svelte';
+	import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
+	import PartForm from '$lib/components/dashboard/goods/parts/partForm.svelte';
+	import PrerequisitesModal from '$lib/components/dashboard/PrerequisitesModal.svelte';
 
-    let id = $derived($page.params.id === 'new' ? null : Number($page.params.id));
-    let type: 'inv' | 'fa' = 'fa'; 
+	let id = $derived($page.params.id === 'new' ? null : Number($page.params.id));
+	let type: 'inv' | 'fa' = 'fa';
+
+	let { data }: { data: { agentsCount?: number; clientsCount?: number; isCreate?: boolean } } = $props();
+
+	let showPrerequisitesModal = $state(false);
+	let hasTriedToShowPrerequisitesModal = $state(false);
+	$effect(() => {
+		if (hasTriedToShowPrerequisitesModal) return;
+		if (!data?.isCreate) return;
+		const agentsCount = data.agentsCount ?? 0;
+		const clientsCount = data.clientsCount ?? 0;
+		if (agentsCount === 0 || clientsCount === 0) {
+			hasTriedToShowPrerequisitesModal = true;
+			showPrerequisitesModal = true;
+		}
+	});
 </script>
 
+{#if data?.isCreate}
+	<PrerequisitesModal
+		bind:open={showPrerequisitesModal}
+		agentsCount={data?.agentsCount ?? 0}
+		clientsCount={data?.clientsCount ?? 0}
+		onAccept={() => (showPrerequisitesModal = false)}
+		onCancel={() => goto('/dashboard/goods/parts')}
+	/>
+{/if}
+
 <PartForm partId={id} formType={type} />
\ No newline at end of file
diff --git a/frontend/src/routes/dashboard/invoices/edit/[id]/+page.svelte b/frontend/src/routes/dashboard/invoices/edit/[id]/+page.svelte
index df9e4fec..2eb4bbd9 100644
--- a/frontend/src/routes/dashboard/invoices/edit/[id]/+page.svelte
+++ b/frontend/src/routes/dashboard/invoices/edit/[id]/+page.svelte
@@ -39,6 +39,7 @@
 	import { useShortcuts } from '$lib/hooks/use-shortcuts';
 	import { obtenerAtajosEdicionFactura } from '$lib/config/shortcuts/dashboard/invoices/edit';
 	import { api } from '$lib/api';
+	import PrerequisitesModal from '$lib/components/dashboard/PrerequisitesModal.svelte';
 
 	// Cargar companyStore solo en el cliente - no usamos sidebar en esta página
 	let companyStore: any = $state(undefined);
@@ -793,6 +794,19 @@
 			manejarRegresar: handleBack
 		})
 	);
+
+	// Prerrequisitos: modal cuando no hay agentes o clientes
+	const agentsCount = $derived(data.customsBrokers?.length ?? 0);
+	const clientsCount = $derived(data.clients?.length ?? 0);
+	let showPrerequisitesModal = $state(false);
+	let hasTriedToShowPrerequisitesModal = $state(false);
+	$effect(() => {
+		if (hasTriedToShowPrerequisitesModal) return;
+		if (agentsCount === 0 || clientsCount === 0) {
+			hasTriedToShowPrerequisitesModal = true;
+			showPrerequisitesModal = true;
+		}
+	});
 </script>
 
 <div class="space-y-3">
@@ -1042,3 +1056,11 @@
 		</div>
 	</div>
 </div>
+
+<PrerequisitesModal
+	bind:open={showPrerequisitesModal}
+	{agentsCount}
+	{clientsCount}
+	onAccept={() => (showPrerequisitesModal = false)}
+	onCancel={() => goto('/dashboard/invoices')}
+/>
diff --git a/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte b/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte
index 8f306d7a..ccd4acc7 100644
--- a/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte
+++ b/frontend/src/routes/dashboard/pedimentos/edit/[id]/+page.svelte
@@ -79,6 +79,7 @@
 	import { getExchangeRateByDate } from '$lib/api/dashboard/a76/exchange-rate';
 	import ExchangeRateDialog from '$lib/components/dashboard/exchange_rate/create-edit-dialog.svelte';
 	import { companyStore } from '$lib/stores/company.svelte';
+	import PrerequisitesModal from '$lib/components/dashboard/PrerequisitesModal.svelte';
 
 	let { data }: { data: ExtendedPageData } = $props();
 
@@ -118,6 +119,20 @@
 	let showExchangeRateDialog = $state(false);
 	let missingExchangeRateDate = $state('');
 
+	// Prerrequisitos: modal solo en creación cuando no hay agentes o clientes
+	const agentsCount = $derived(data.customsBrokers?.length ?? 0);
+	const clientsCount = $derived(data.clients?.length ?? 0);
+	let showPrerequisitesModal = $state(false);
+	let hasTriedToShowPrerequisitesModal = $state(false);
+	$effect(() => {
+		if (hasTriedToShowPrerequisitesModal) return;
+		if (!data.isCreate) return;
+		if (agentsCount === 0 || clientsCount === 0) {
+			hasTriedToShowPrerequisitesModal = true;
+			showPrerequisitesModal = true;
+		}
+	});
+
 	async function checkPaymentDateRate(date: string): Promise<boolean> {
 		if (!date || !companyStore.activeCompany?.id) return true;
 
@@ -1249,4 +1264,15 @@
 			</div>
 		</div>
 	</Tabs.Root>
+
+	<!-- Modal de prerrequisitos: agentes aduanales y clientes -->
+	{#if data.isCreate}
+		<PrerequisitesModal
+			bind:open={showPrerequisitesModal}
+			{agentsCount}
+			{clientsCount}
+			onAccept={() => (showPrerequisitesModal = false)}
+			onCancel={() => goto('/dashboard/pedimentos')}
+		/>
+	{/if}
 </div>