fix(pedimentos): standardize ID naming convention and enhance row selection functionality in data table

frontend/src/lib/components/dashboard/pedimentos/columns.ts

@@ -1,7 +1,6 @@
 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 { Pedimento } from "$lib/api/dashboard/a76/pedimentos";
 
 // Extender el tipo ColumnMeta para incluir className
@@ -93,6 +92,33 @@ function getStatusColor(status?: string | null): string {
 
 export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
 	return [
+		{
+			id: "select",
+			header: ({ table }) => {
+				return renderSnippet(
+					createRawSnippet(() => ({
+						render: () => `<div class="w-4"></div>`
+					}))
+				);
+			},
+			cell: ({ row }) => {
+				const isSelected = row.getIsSelected();
+
+				const checkboxSnippet = createRawSnippet<[{ selected: boolean }]>((getProps) => {
+					const { selected } = getProps();
+					return {
+						render: () => `<div class="flex items-center justify-center">
+							<input type="checkbox" class="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary cursor-pointer" ${selected ? 'checked' : ''} />
+						</div>`
+					};
+				});
+
+				return renderSnippet(checkboxSnippet, { selected: isSelected });
+			},
+			size: 40,
+			enableSorting: false,
+			enableHiding: false
+		},
 		{
 			accessorKey: "id",
 			header: "ID",
@@ -214,7 +240,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
 				return renderSnippet(dateSnippet, { date: formatDate(row.original.pedimento_dates?.payment_date) });
 			}
 		},
-		{
+		/*{
 			accessorKey: "pedimento_config_update_rectification.pediment_rectifed_18",
 			header: "Pedimento 18",
 			meta: { className: "hidden lg:table-cell" },
@@ -228,8 +254,8 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
 				});
 				return renderSnippet(ped18Snippet, { value: row.original.pedimento_config_update_rectification?.pediment_rectifed_18 });
 			}
-		},
-		{
+		},*/
+		/*{
 			accessorKey: "pedimento_config_update_rectification.r1",
 			header: "Pedimento R1",
 			meta: { className: "hidden lg:table-cell" },
@@ -243,7 +269,7 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
 				});
 				return renderSnippet(r1Snippet, { value: row.original.pedimento_config_update_rectification?.r1 });
 			}
-		},
+		},*/
 		{
 			accessorKey: "pedimento_validation.electronic_signature",
 			header: "Acuse Electrónico",
@@ -397,13 +423,8 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Pedimento>[] {
 				});
 				return renderSnippet(dateSnippet, { date: formatDate(row.original.created_at) });
 			}
-		},
-		{
-			id: "actions",
-			cell: ({ row }) => {
-				return renderComponent(DataTableActions, { item: row.original, onSuccess });
-			}
 		}
+		// Columna de acciones eliminada - ahora usamos botones en el footer
 	];
 }
 

frontend/src/lib/components/dashboard/pedimentos/data-table.svelte

@@ -2,10 +2,13 @@
 	import { onMount } from 'svelte';
 	import {
 		type ColumnDef,
-		getCoreRowModel
+		getCoreRowModel,
+		type RowSelectionState
 	} 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 { Edit } from "lucide-svelte";
 
 	type DataTableProps<TData, TValue> = {
 		columns: ColumnDef<TData, TValue>[];
@@ -13,6 +16,8 @@
 		loading: boolean;
 		hasMore: boolean;
 		loadMore: () => void;
+		selectedId?: number | null;
+		onRowClick?: (row: TData) => void;
 	};
 
 	let {
@@ -20,7 +25,9 @@
 		columns,
 		loading,
 		hasMore,
-		loadMore
+		loadMore,
+		selectedId = null,
+		onRowClick
 	}: DataTableProps<TData, TValue> = $props();
 
 	const table = createSvelteTable({
@@ -28,12 +35,28 @@
 			return data;
 		},
 		columns,
-		getCoreRowModel: getCoreRowModel()
+		getCoreRowModel: getCoreRowModel(),
+		getRowId: (row: any) => row.id?.toString(),
+		state: {
+			get rowSelection() {
+				return selectedId ? { [selectedId]: true } : {};
+			}
+		},
+		enableRowSelection: true,
+		enableMultiRowSelection: false
 	});
 
 	let scrollContainer = $state<HTMLDivElement>();
 	let loadingTrigger = $state<HTMLDivElement>();
 
+	// Función para manejar doble clic en una fila
+	function handleRowDoubleClick(row: any) {
+		const pedimento = row.original;
+		if (pedimento?.id) {
+			window.location.href = `/dashboard/pedimentos/edit/${pedimento.id}`;
+		}
+	}
+
 	// Intersection Observer para detectar cuando el usuario llega al final
 	onMount(() => {
 		const observer = new IntersectionObserver(
@@ -80,7 +103,16 @@
 			</Table.Header>
 			<Table.Body>
 				{#each table.getRowModel().rows as row (row.id)}
-					<Table.Row data-state={row.getIsSelected() && "selected"}>
+					<Table.Row 
+						data-state={row.getIsSelected() && "selected"}
+						onclick={() => {
+							if (onRowClick) {
+								onRowClick(row.original);
+							}
+						}}
+						ondblclick={() => handleRowDoubleClick(row)}
+						class="cursor-pointer hover:bg-muted/50 transition-colors {row.getIsSelected() ? 'bg-primary/10' : ''}"
+					>
 						{#each row.getVisibleCells() as cell (cell.id)}
 							<Table.Cell class="whitespace-nowrap {cell.column.columnDef.meta?.className || ''}">
 								<FlexRender