From f7af5cb184d86fd3ae0dbd4a1b89c4990f709f82 Mon Sep 17 00:00:00 2001
From: hreyes <hreyes@aduanasoft.com.mx>
Date: Tue, 7 Apr 2026 15:16:22 -0600
Subject: [PATCH] feature/filtros-cambio-posicion

---
 .../routes/dashboard/invoices/+page.svelte    | 64 ++++++++-----------
 1 file changed, 25 insertions(+), 39 deletions(-)

diff --git a/frontend/src/routes/dashboard/invoices/+page.svelte b/frontend/src/routes/dashboard/invoices/+page.svelte
index cff0d5df..5bc72e91 100644
--- a/frontend/src/routes/dashboard/invoices/+page.svelte
+++ b/frontend/src/routes/dashboard/invoices/+page.svelte
@@ -869,55 +869,41 @@
 			<h1 class="text-3xl font-bold tracking-tight">Facturas</h1>
 			<p class="text-muted-foreground">Gestiona las facturas del sistema</p>
 		</div>
-		<div class="flex items-center gap-2">
-			<Button variant="outline" onclick={() => goto('/dashboard/invoices/settings')}>
+		<div class="flex flex-wrap items-center gap-2">
+			<select
+				id="filter-operation-type"
+				bind:value={filters.operation_type}
+				class="flex h-9 w-[180px] rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+				title="Tipo de Operación"
+			>
+				{#each operationTypeOptions as option}
+					<option value={option.value}>{option.value === '' ? 'Operación: Todas' : option.label}</option>
+				{/each}
+			</select>
+			
+			<select
+				id="filter-invoice-type"
+				bind:value={filters.invoice_type}
+				class="flex h-9 w-[220px] rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
+				title="Tipo de Factura"
+			>
+				{#each invoiceTypeOptions() as option}
+					<option value={option.value}>{option.value === '' ? 'Factura: Todas' : option.label}</option>
+				{/each}
+			</select>
+
+			<Button variant="outline" class="h-9" onclick={() => goto('/dashboard/invoices/settings')}>
 				<Settings class="mr-2" size={16} />
 				Parámetros
 			</Button>
-			<Button onclick={handleCreateClick}>
+			<Button class="h-9" onclick={handleCreateClick}>
 				<Plus class="mr-2" size={16} />
 				Nueva Factura
 			</Button>
 		</div>
 	</div>
 
-	<Card.Root>
-		<Card.Header>
-			<Card.Title>Filtros</Card.Title>
-			<Card.Description
-				>Filtra las facturas por diferentes criterios (los filtros se aplican automáticamente)</Card.Description
-			>
-		</Card.Header>
-		<Card.Content>
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
-				<div class="space-y-2">
-					<Label for="filter-operation-type">Tipo de Operación</Label>
-					<select
-						id="filter-operation-type"
-						bind:value={filters.operation_type}
-						class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none"
-					>
-						{#each operationTypeOptions as option}
-							<option value={option.value}>{option.label}</option>
-						{/each}
-					</select>
-				</div>
 
-				<div class="space-y-2">
-					<Label for="filter-invoice-type">Tipo de Factura</Label>
-					<select
-						id="filter-invoice-type"
-						bind:value={filters.invoice_type}
-						class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none"
-					>
-						{#each invoiceTypeOptions() as option}
-							<option value={option.value}>{option.label}</option>
-						{/each}
-					</select>
-				</div>
-			</div>
-		</Card.Content>
-	</Card.Root>
 
 	{#if error}
 		<Card.Root class="border-destructive">