Merge pull request 'feat: Implement multi-tenancy support in middleware and security layers' (#15) from feature/security into development

Reviewed-on: ADUANASOFT/anexo76#15

frontend/src/lib/components/dashboard/invoices/edit/others-tab-form.svelte

@@ -27,7 +27,7 @@
 			// Campo de comentario estatus
 			comments_status: invoice.comments_status || '',
 			// Campos que van en diferentes recursos pero se editan aquí
-			transport_mode: invoice.logistics?.[0]?.transport_mode || null,
+			transport_mode: invoice.logistics?.transport_mode || null,
 			is_mixed: invoice.compliance_mx?.is_mixed || null,
 			print_stamp: invoice.financials?.seal_value_2500 || false,
 			rule_3121_parties_ii: false,

frontend/src/lib/components/sidebar/modules.ts

@@ -10,7 +10,8 @@ import {
   GalleryVerticalEnd, 
   LayoutDashboard,
   Package,
-  Settings2, 
+  Settings2,
+  Shield, 
   Users, 
 } from 'lucide-svelte';
 import * as m from "$lib/paraglide/messages.js";
@@ -382,14 +383,12 @@ export function getSidebarData(): SidebarData {
 				url: "/dashboard/customs_brokers",
 				icon: BadgeCheck,
 				items: [],
-			},			
+			},
 			{
 				title: m["sidebar.reference_data.configuracion"](),
 				url: "#",
 				icon: Settings2,
 				items: [
-					
-					
 					{
 						title: m["sidebar.reference_data.usuarios"](),
 						url: "",

frontend/src/lib/components/sidebar/nav-user.svelte

@@ -23,6 +23,9 @@
 	
 	// URL completa del avatar
 	let avatarUrl = $derived(getBackendAssetUrl(user.avatar) || '/avatars/default.jpg');
+	
+	// Iniciales del usuario (2 primeras letras)
+	let initials = $derived(user.name.slice(0, 2).toUpperCase());
 
 	// Estado reactivo del idioma actual
 	let currentLocale = $derived(page.data.locale || 'en');
@@ -107,7 +110,7 @@
 					>
 						<Avatar.Root class="size-8 rounded-lg">
 							<Avatar.Image src={avatarUrl} alt={user.name} />
-							<Avatar.Fallback class="rounded-lg">AS</Avatar.Fallback>
+							<Avatar.Fallback class="rounded-lg">{initials}</Avatar.Fallback>
 						</Avatar.Root>
 						<div class="grid flex-1 text-left text-sm leading-tight">
 							<span class="truncate font-medium">{user.name}</span>
@@ -127,7 +130,7 @@
 					<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
 						<Avatar.Root class="size-8 rounded-lg">
 							<Avatar.Image src={avatarUrl} alt={user.name} />
-							<Avatar.Fallback class="rounded-lg">AS</Avatar.Fallback>
+							<Avatar.Fallback class="rounded-lg">{initials}</Avatar.Fallback>
 						</Avatar.Root>
 						<div class="grid flex-1 text-left text-sm leading-tight">
 							<span class="truncate font-medium">{user.name}</span>

frontend/src/lib/components/sidebar/team-switcher.svelte

@@ -16,6 +16,11 @@
 			? getBackendAssetUrl(companyStore.activeCompany.logo) 
 			: null
 	);
+	
+	// Iniciales de la compañía activa (2 primeras letras)
+	let activeCompanyInitials = $derived(
+		companyStore.activeCompany?.name?.slice(0, 2).toUpperCase() || 'CO'
+	);
 
 </script>
 
@@ -40,7 +45,7 @@
 									onerror={(e) => { (e.currentTarget as HTMLImageElement).style.display = 'none'; }}
 								/>
 							{:else}
-								<BuildingIcon class="size-4 text-white" />
+								<span class="text-sm font-semibold text-white">{activeCompanyInitials}</span>
 							{/if}
 						</div>
 						<div class="grid flex-1 text-left text-sm leading-tight min-w-0">
@@ -89,7 +94,7 @@
 										class="size-full rounded object-cover"
 									/>
 								{:else}
-									<BuildingIcon class="size-3.5 shrink-0" />
+									<span class="text-xs font-semibold">{company.name.slice(0, 2).toUpperCase()}</span>
 								{/if}
 							</div>
 							<div class="flex flex-1 flex-col min-w-0">