fix: TypeScript build errors in frontend

- Fix CFDI type errors (ivaTraslado, tipoCambio, id types)
- Fix sidebar navigation type errors (Role vs literal tuples)
- Fix user invite type errors (UserInvite['role'])
- Fix login page PlatformRole type cast

apps/web/app/(dashboard)/cfdi/page.tsx

@@ -328,10 +328,11 @@ export default function CfdiPage() {
   const [cancelSubstitution, setCancelSubstitution] = useState('');
   const [cancelling, setCancelling] = useState(false);
 
-  const handleViewCfdi = async (id: string) => {
-    setLoadingCfdi(id);
+  const handleViewCfdi = async (id: string | number) => {
+    const idStr = String(id);
+    setLoadingCfdi(idStr);
     try {
-      const cfdi = await getCfdiById(id);
+      const cfdi = await getCfdiById(idStr);
       setViewingCfdi(cfdi);
     } catch (error) {
       console.error('Error loading CFDI:', error);
@@ -738,10 +739,11 @@ export default function CfdiPage() {
     setUploadProgress(prev => ({ ...prev, status: 'idle' }));
   };
 
-  const handleDelete = async (id: string) => {
+  const handleDelete = async (id: string | number) => {
+    const idStr = String(id);
     if (confirm('¿Eliminar este CFDI?')) {
       try {
-        await deleteCfdi.mutateAsync(id);
+        await deleteCfdi.mutateAsync(idStr);
       } catch (error) {
         console.error('Error deleting CFDI:', error);
       }
@@ -776,9 +778,9 @@ export default function CfdiPage() {
   const calculateTotal = () => {
     const subtotal = formData.subtotal || 0;
     const descuento = formData.descuento || 0;
-    const iva = formData.ivaTrasladoTraslado || 0;
+    const iva = formData.ivaTraslado || 0;
     const isrRetencion = formData.isrRetencion || 0;
-    const ivaRetencion = formData.ivaTrasladoRetencion || 0;
+    const ivaRetencion = formData.ivaRetencion || 0;
     return subtotal - descuento + iva - isrRetencion - ivaRetencion;
   };
 
@@ -1642,10 +1644,10 @@ export default function CfdiPage() {
                             variant="ghost"
                             size="icon"
                             onClick={() => handleViewCfdi(cfdi.id)}
-                            disabled={loadingCfdi === cfdi.id}
+                            disabled={loadingCfdi === String(cfdi.id)}
                             title="Ver factura"
                           >
-                            {loadingCfdi === cfdi.id ? (
+                            {loadingCfdi === String(cfdi.id) ? (
                               <Loader2 className="h-4 w-4 animate-spin" />
                             ) : (
                               <Eye className="h-4 w-4" />

apps/web/app/(dashboard)/configuracion/page.tsx

@@ -77,7 +77,7 @@ function RegimenesActivosSection() {
 
   useEffect(() => {
     if (activos && catalogo) {
-      const ids = new Set(activos.map(a => catalogo.find(c => c.clave === a.clave)?.id).filter(Boolean) as number[]);
+      const ids = new Set(activos.map((a: { clave: string }) => catalogo.find((c: { clave: string }) => c.clave === a.clave)?.id).filter(Boolean) as number[]);
       setSelected(ids);
     }
   }, [activos, catalogo]);

apps/web/app/(dashboard)/usuarios/page.tsx

@@ -14,7 +14,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '
 import Link from 'next/link';
 import { cn } from '@horux/shared-ui';
 import { isDespachoTenant } from '@horux/shared';
-import type { Role } from '@horux/shared';
+import type { Role, UserInvite } from '@horux/shared';
 
 // ── Horux360 legacy roles ─────────────────────────────────────────────────────
 const legacyRoleLabels: Record<string, { label: string; icon: React.ElementType; color: string }> = {
@@ -25,7 +25,7 @@ const legacyRoleLabels: Record<string, { label: string; icon: React.ElementType;
   visor:    { label: 'Visor',    icon: Eye,        color: 'text-muted-foreground' },
 };
 
-const legacyInviteRoles: { value: string; label: string }[] = [
+const legacyInviteRoles: { value: string; label: string; description?: string }[] = [
   { value: 'contador', label: 'Contador' },
   { value: 'visor',    label: 'Visor' },
   { value: 'auxiliar', label: 'Auxiliar' },
@@ -39,7 +39,7 @@ const despachoRoleLabels: Record<string, { label: string; icon: React.ElementTyp
   cliente:    { label: 'Cliente',    icon: Building2,  color: 'text-muted-foreground' },
 };
 
-const despachoInviteRoles: { value: string; label: string; description: string }[] = [
+const despachoInviteRoles: { value: string; label: string; description?: string }[] = [
   {
     value: 'supervisor',
     label: 'Supervisor',
@@ -83,10 +83,10 @@ export default function UsuariosPage() {
   const isAdmin = currentUser?.role === 'owner' || currentUser?.role === 'cfo';
 
   const [showInvite, setShowInvite] = useState(false);
-  const [inviteForm, setInviteForm] = useState<{ email: string; nombre: string; role: Role; supervisorUserId?: string }>({
+  const [inviteForm, setInviteForm] = useState<{ email: string; nombre: string; role: UserInvite['role']; supervisorUserId?: string }>({
     email: '',
     nombre: '',
-    role: defaultInviteRole as Role,
+    role: defaultInviteRole as UserInvite['role'],
   });
   const [selectedRfcIds, setSelectedRfcIds] = useState<string[]>([]);
 
@@ -183,7 +183,7 @@ export default function UsuariosPage() {
         );
       }
       setShowInvite(false);
-      setInviteForm({ email: '', nombre: '', role: defaultInviteRole as Role, supervisorUserId: undefined });
+      setInviteForm({ email: '', nombre: '', role: defaultInviteRole as UserInvite['role'], supervisorUserId: undefined });
       setSelectedRfcIds([]);
     } catch (error: any) {
       alert(error.response?.data?.message || 'Error al invitar usuario');
@@ -263,7 +263,7 @@ export default function UsuariosPage() {
                     <Label htmlFor="role">Rol</Label>
                     <Select
                       value={inviteForm.role}
-                      onValueChange={(v) => { setInviteForm({ ...inviteForm, role: v as Role, supervisorUserId: undefined }); if (v !== 'cliente') setSelectedRfcIds([]); }}
+                      onValueChange={(v) => { setInviteForm({ ...inviteForm, role: v as UserInvite['role'], supervisorUserId: undefined }); if (v !== 'cliente') setSelectedRfcIds([]); }}
                     >
                       <SelectTrigger>
                         <SelectValue />