valtech-components 2.0.1005 → 2.0.1007

package/fesm2022/valtech-components.mjs

@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.1005';
+const VERSION = '2.0.1007';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -8658,6 +8658,19 @@ class AuthService {
             .post(`${this.baseUrl}/reset-password`, request)
             .pipe(catchError(error => this.handleAuthError(error)));
     }
+    /**
+     * Activa una cuenta pre-aprovisionada por una organización (ADR-023): define
+     * la contraseña con el token del enlace de email. En éxito el backend devuelve
+     * tokens de auto-signin → el usuario queda logueado (mismo flujo que verify-email).
+     */
+    activateAccount(request) {
+        this.stateService.clearError();
+        return this.http.post(`${this.baseUrl}/activate`, request).pipe(tap(response => {
+            if (response.activated && response.accessToken) {
+                this.handleSuccessfulAuth(response);
+            }
+        }), catchError(error => this.handleAuthError(error)));
+    }
     /**
      * Cambia la contraseña del usuario autenticado.
      * Requiere la contraseña actual para verificación.
@@ -41737,7 +41750,7 @@ const PROFILE_VIEW_I18N = {
 const HANDLE_PATTERN = /^[a-z_][a-z0-9_]*$/;
 const HANDLE_MIN = 3;
 const HANDLE_MAX = 20;
-const DEFAULT_NAMESPACE$g = 'Settings.Profile';
+const DEFAULT_NAMESPACE$i = 'Settings.Profile';
 /**
  * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
  *
@@ -41787,7 +41800,7 @@ class ProfileViewComponent {
                 showPhone: merged.showPhone ?? true,
                 showShareCta: merged.showShareCta ?? true,
                 profileBaseUrl: merged.profileBaseUrl ?? '',
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$g,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$i,
                 onSaved: merged.onSaved,
                 onAvatarUploaded: merged.onAvatarUploaded,
             };
@@ -42703,7 +42716,7 @@ const PREFERENCES_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$f = 'Settings.General';
+const DEFAULT_NAMESPACE$h = 'Settings.General';
 const DEFAULT_LANGUAGES = ['es', 'en'];
 /**
  * `val-preferences-view` — vista de preferencias de UI cross-app (tema +
@@ -42740,7 +42753,7 @@ class PreferencesViewComponent {
                 showLanguage: merged.showLanguage ?? true,
                 showFontSize: merged.showFontSize ?? true,
                 supportedLanguages: merged.supportedLanguages ?? DEFAULT_LANGUAGES,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$f,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$h,
                 onThemeChanged: merged.onThemeChanged,
                 onLanguageChanged: merged.onLanguageChanged,
                 onFontSizeChanged: merged.onFontSizeChanged,
@@ -44496,7 +44509,7 @@ const SECURITY_VIEW_I18N = {
 };
 
 addIcons({ laptopOutline, phonePortraitOutline });
-const DEFAULT_NAMESPACE$e = 'Settings.Security';
+const DEFAULT_NAMESPACE$g = 'Settings.Security';
 /**
  * `val-security-view` — vista Seguridad full-feature autocontenida (organism).
  *
@@ -44545,7 +44558,7 @@ class SecurityViewComponent {
                 showChangeEmail: merged.showChangeEmail ?? true,
                 showMfa: merged.showMfa ?? true,
                 showPolicies: merged.showPolicies ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$e,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$g,
                 handleDeepLinks: merged.handleDeepLinks ?? true,
                 homeRoute: merged.homeRoute ?? '/app/home',
                 onMfaCompleted: merged.onMfaCompleted,
@@ -45347,6 +45360,13 @@ class OrgService {
     inviteUser(orgId, req) {
         return this.http.post(`${this.baseUrl}/${orgId}/invite`, req);
     }
+    /**
+     * Crea/asigna miembros en masa (ADR-023). Resultado por-fila (partial success):
+     * `created` (pre-aprovisionado), `assigned` (ya existía), `skipped`, `error`.
+     */
+    importMembers(orgId, req) {
+        return this.http.post(`${this.baseUrl}/${orgId}/members/import`, req);
+    }
     leaveOrg(orgId) {
         return this.http.post(`${this.baseUrl}/${orgId}/leave`, {});
     }
@@ -45451,7 +45471,7 @@ const CREATE_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$d = 'CreateOrgModal';
+const DEFAULT_NAMESPACE$f = 'CreateOrgModal';
 /**
  * `val-create-org-modal` — modal de creación de organización (organism
  * compartido). Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por
@@ -45477,10 +45497,10 @@ class CreateOrgModalComponent {
         this.toast = inject(ToastService);
         this.errors = inject(ValtechErrorService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$d;
+        this.i18nNamespace = DEFAULT_NAMESPACE$f;
         this._busy = signal(false);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$d)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$d, CREATE_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$f)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$f, CREATE_ORG_MODAL_I18N);
         }
         this.formMeta = signal(this.buildFormMeta());
         effect(() => {
@@ -45716,7 +45736,7 @@ const DELETE_ACCOUNT_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$c = 'Settings.DeleteAccount';
+const DEFAULT_NAMESPACE$e = 'Settings.DeleteAccount';
 /**
  * `val-delete-account-modal` — modal de eliminación de cuenta (organism,
  * cuenta-específico). Promovido desde `showcase` bajo el proceso de ADR-021.
@@ -45742,7 +45762,7 @@ class DeleteAccountModalComponent {
         this.i18n = inject(I18nService);
         this.toast = inject(ToastService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$c;
+        this.i18nNamespace = DEFAULT_NAMESPACE$e;
         this.hasPassword = signal(null);
         this.codeSent = signal(false);
         this.formState = signal(ComponentStates.ENABLED);
@@ -45809,8 +45829,8 @@ class DeleteAccountModalComponent {
             ],
             actions: this.submitBtn('delete-code-submit', 'confirmCta'),
         }));
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$c)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$c, DELETE_ACCOUNT_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$e)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$e, DELETE_ACCOUNT_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -46011,7 +46031,7 @@ const ORG_INFO_SHEET_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$b = 'OrgInfoSheet';
+const DEFAULT_NAMESPACE$d = 'OrgInfoSheet';
 /**
  * `val-org-info-sheet` — sheet informativo "¿Qué son las organizaciones?".
  * Extraído del `OrgInfoSheetComponent` inline de `AccountPage` bajo el proceso de
@@ -46056,15 +46076,15 @@ class OrgInfoSheetComponent {
             text: this.closeProps.text || this.resolvedCloseLabel(),
         }));
         addIcons({ peopleOutline, swapHorizontalOutline, mailOutline });
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$b)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$b, ORG_INFO_SHEET_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$d)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$d, ORG_INFO_SHEET_I18N);
         }
     }
     dismiss() {
         this._modalRef?.dismiss(null, 'cancel');
     }
     tt(key) {
-        return this.i18n.t(key, DEFAULT_NAMESPACE$b);
+        return this.i18n.t(key, DEFAULT_NAMESPACE$d);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrgInfoSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: OrgInfoSheetComponent, isStandalone: true, selector: "val-org-info-sheet", inputs: { title: "title", subtitle: "subtitle", body: "body", closeLabel: "closeLabel", closeProps: "closeProps", _modalRef: "_modalRef" }, ngImport: i0, template: `
@@ -46231,7 +46251,7 @@ const SWITCH_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$a = 'Settings.SwitchOrg';
+const DEFAULT_NAMESPACE$c = 'Settings.SwitchOrg';
 addIcons({ businessOutline, checkmarkCircleOutline });
 /**
  * `val-switch-org-modal` — modal de cambio de organización activa (organism
@@ -46257,7 +46277,7 @@ class SwitchOrgModalComponent {
         this.orgSwitch = inject(OrgSwitchService);
         this.errors = inject(ValtechErrorService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$a;
+        this.i18nNamespace = DEFAULT_NAMESPACE$c;
         this.orgs = signal([]);
         this.loading = signal(false);
         this.query = signal('');
@@ -46273,8 +46293,8 @@ class SwitchOrgModalComponent {
                 return list;
             return list.filter(o => o.name.toLowerCase().includes(q));
         });
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$a)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$a, SWITCH_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$c)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$c, SWITCH_ORG_MODAL_I18N);
         }
         this.loadOrgs();
     }
@@ -46592,7 +46612,7 @@ const ACCOUNT_VIEW_I18N = {
 };
 
 addIcons({ peopleOutline, businessOutline, chevronForwardOutline, swapHorizontalOutline, mailOutline });
-const DEFAULT_NAMESPACE$9 = 'Settings.Account';
+const DEFAULT_NAMESPACE$b = 'Settings.Account';
 const DEFAULT_MANAGE_ORG_ROUTE = '/app/settings/organization';
 /**
  * `val-account-view` — vista Cuenta full-feature autocontenida (organism).
@@ -46633,7 +46653,7 @@ class AccountViewComponent {
                 showNewOrgCta: merged.showNewOrgCta ?? true,
                 showLogout: merged.showLogout ?? true,
                 showDeleteAccount: merged.showDeleteAccount ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$9,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$b,
                 manageOrgRoute: merged.manageOrgRoute ?? DEFAULT_MANAGE_ORG_ROUTE,
                 onOrgSwitched: merged.onOrgSwitched,
                 onOrgCreated: merged.onOrgCreated,
@@ -47358,7 +47378,7 @@ const EDIT_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$8 = 'EditOrgModal';
+const DEFAULT_NAMESPACE$a = 'EditOrgModal';
 /**
  * `val-edit-org-modal` — modal de edición de organización (nombre + descripción).
  * Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por la vista de
@@ -47385,10 +47405,10 @@ class EditOrgModalComponent {
         /** Organización a editar (pasada por `componentProps`). */
         this.org = null;
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$8;
+        this.i18nNamespace = DEFAULT_NAMESPACE$a;
         this.saving = signal(false);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$8)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$8, EDIT_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$a)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$a, EDIT_ORG_MODAL_I18N);
         }
         this.formMeta = signal(this.buildFormMeta());
         effect(() => {
@@ -47626,7 +47646,7 @@ const INVITE_MEMBER_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$7 = 'InviteModal';
+const DEFAULT_NAMESPACE$9 = 'InviteModal';
 addIcons({ personOutline, mailOutline, closeOutline, checkmarkCircleOutline });
 /**
  * `val-invite-member-modal` — invitación de miembros a una organización.
@@ -47657,7 +47677,7 @@ class InviteMemberModalComponent {
         /** Ids de miembros ya existentes (excluidos de los resultados). */
         this.existingMemberIds = [];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$7;
+        this.i18nNamespace = DEFAULT_NAMESPACE$9;
         this.query = signal('');
         this.searching = signal(false);
         this.searchResults = signal([]);
@@ -47704,8 +47724,8 @@ class InviteMemberModalComponent {
             state: this.sending() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
         this.searchSubject = new Subject();
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$7)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$7, INVITE_MEMBER_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$9)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$9, INVITE_MEMBER_MODAL_I18N);
         }
         this.loadRoles();
         this.roleSub = this.roleControl.valueChanges.subscribe(v => {
@@ -48194,7 +48214,7 @@ const MEMBER_DETAIL_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$6 = 'Settings.MemberDetail';
+const DEFAULT_NAMESPACE$8 = 'Settings.MemberDetail';
 /**
  * `val-member-detail-modal` — detalle de miembro de organización: perfil, rol y
  * permisos. Promovido desde `showcase` bajo el proceso de ADR-021.
@@ -48231,7 +48251,7 @@ class MemberDetailModalComponent {
             { id: 'admin', name: 'admin' },
         ];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$6;
+        this.i18nNamespace = DEFAULT_NAMESPACE$8;
         this.working = signal(false);
         this.currentRole = signal('');
         this.roleControl = new FormControl('');
@@ -48271,8 +48291,8 @@ class MemberDetailModalComponent {
             type: 'button',
             state: this.working() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$6)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$6, MEMBER_DETAIL_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$8)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$8, MEMBER_DETAIL_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -48609,7 +48629,7 @@ const TRANSFER_OWNERSHIP_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$5 = 'Settings.TransferModal';
+const DEFAULT_NAMESPACE$7 = 'Settings.TransferModal';
 /**
  * `val-transfer-ownership-modal` — selector de miembro para transferir la
  * propiedad de la organización. Promovido desde `showcase` bajo el proceso de
@@ -48633,7 +48653,7 @@ class TransferOwnershipModalComponent {
         /** Lista de miembros transferibles (todos excepto el owner actual). */
         this.members = [];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$5;
+        this.i18nNamespace = DEFAULT_NAMESPACE$7;
         this.query = signal('');
         this.selectedId = signal('');
         this.filtered = computed(() => {
@@ -48645,8 +48665,8 @@ class TransferOwnershipModalComponent {
                 m.userId.toLowerCase().includes(q));
         });
         this.noResultsLabel = computed(() => `${this.t('noResults')} "${this.query()}"`);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$5)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$5, TRANSFER_OWNERSHIP_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$7)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$7, TRANSFER_OWNERSHIP_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -48831,6 +48851,849 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Defaults i18n (es/en) embebidos en `val-member-import-modal` (ADR-023).
+ * Auto-registrados si el consumer no proveyó el namespace `Settings.ImportModal`.
+ */
+const MEMBER_IMPORT_MODAL_I18N = {
+    es: {
+        title: 'Importar miembros',
+        hint: 'Pega un CSV con columnas: email, nombre, rol (una fila por persona).',
+        csvPlaceholder: 'email,nombre,rol\nana@x.com,Ana,editor\nbeto@x.com,Beto,viewer',
+        rolesAvailable: 'Roles disponibles:',
+        onConflictLabel: 'Si el email ya existe',
+        conflictAssign: 'Asignar el rol',
+        conflictSkip: 'Omitir',
+        conflictError: 'Marcar error',
+        sendActivation: 'Enviar email de activación a las cuentas nuevas',
+        submit: 'Importar',
+        submitting: 'Importando...',
+        parseError: 'No se pudo interpretar el CSV. Revisa el formato.',
+        noRows: 'Pega al menos una fila válida (email y rol).',
+        summary: 'Resumen',
+        created: 'creados',
+        assigned: 'asignados',
+        skipped: 'omitidos',
+        failed: 'con error',
+        colEmail: 'Email',
+        colStatus: 'Estado',
+        colDetail: 'Detalle',
+        activationSent: 'activación enviada',
+        activationPending: 'activación pendiente',
+        again: 'Importar otro lote',
+        close: 'Cerrar',
+        genericError: 'No se pudo completar la importación. Intenta de nuevo.',
+    },
+    en: {
+        title: 'Import members',
+        hint: 'Paste a CSV with columns: email, name, role (one row per person).',
+        csvPlaceholder: 'email,name,role\nana@x.com,Ana,editor\nbeto@x.com,Beto,viewer',
+        rolesAvailable: 'Available roles:',
+        onConflictLabel: 'If the email already exists',
+        conflictAssign: 'Assign the role',
+        conflictSkip: 'Skip',
+        conflictError: 'Mark as error',
+        sendActivation: 'Send activation email to new accounts',
+        submit: 'Import',
+        submitting: 'Importing...',
+        parseError: "Couldn't parse the CSV. Check the format.",
+        noRows: 'Paste at least one valid row (email and role).',
+        summary: 'Summary',
+        created: 'created',
+        assigned: 'assigned',
+        skipped: 'skipped',
+        failed: 'failed',
+        colEmail: 'Email',
+        colStatus: 'Status',
+        colDetail: 'Detail',
+        activationSent: 'activation sent',
+        activationPending: 'activation pending',
+        again: 'Import another batch',
+        close: 'Close',
+        genericError: "Couldn't complete the import. Try again.",
+    },
+};
+
+const DEFAULT_NAMESPACE$6 = 'Settings.ImportModal';
+/**
+ * `val-member-import-modal` — panel de carga masiva de miembros (ADR-023 fase 6).
+ *
+ * El admin pega un CSV (`email,nombre,rol`); el modal lo parsea a filas y llama
+ * `OrgService.importMembers`. Muestra el resultado por-fila (partial success):
+ * `created` / `assigned` / `skipped` / `error`. Header canónico (Regla #5).
+ *
+ * Auto-registra defaults i18n (es/en) en `Settings.ImportModal`.
+ */
+class MemberImportModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.orgService = inject(OrgService);
+        /** Org destino del import. */
+        this.orgId = '';
+        /** Nombres de roles disponibles (para el hint). Opcional. */
+        this.availableRoles = [];
+        /** Namespace i18n. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$6;
+        this.csv = '';
+        this.onConflict = 'assignRole';
+        this.sendActivation = true;
+        this.submitting = signal(false);
+        this.errorMsg = signal('');
+        this.results = signal(null);
+        this.rolesHint = computed(() => this.availableRoles.length ? `${this.t('rolesAvailable')} ${this.availableRoles.join(', ')}` : '');
+        this.summaryLabel = computed(() => {
+            const s = this.results()?.summary;
+            if (!s)
+                return this.t('summary');
+            return `${this.t('summary')}: ${s.created} ${this.t('created')} · ${s.assigned} ${this.t('assigned')} · ${s.skipped} ${this.t('skipped')} · ${s.failed} ${this.t('failed')}`;
+        });
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$6)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$6, MEMBER_IMPORT_MODAL_I18N);
+        }
+    }
+    ngOnInit() {
+        if (!this.i18n.hasNamespace(this.i18nNamespace)) {
+            this.i18n.registerContent(this.i18nNamespace, MEMBER_IMPORT_MODAL_I18N);
+        }
+    }
+    /** Parsea el CSV pegado a filas {email,name,roleName}. Tolera header. */
+    parseCsv() {
+        const rows = [];
+        for (const raw of this.csv.split(/\r?\n/)) {
+            const line = raw.trim();
+            if (!line)
+                continue;
+            const cols = line.split(',').map(c => c.trim());
+            const email = (cols[0] ?? '').toLowerCase();
+            // Saltar header (primera col "email") o líneas sin @.
+            if (!email || !email.includes('@'))
+                continue;
+            rows.push({ email, name: cols[1] ?? '', roleName: cols[2] ?? '' });
+        }
+        return rows;
+    }
+    submit() {
+        this.errorMsg.set('');
+        const users = this.parseCsv();
+        if (users.length === 0) {
+            this.errorMsg.set(this.t('noRows'));
+            return;
+        }
+        if (users.some(u => !u.roleName)) {
+            this.errorMsg.set(this.t('parseError'));
+            return;
+        }
+        this.submitting.set(true);
+        this.orgService
+            .importMembers(this.orgId, {
+            users,
+            onConflict: this.onConflict,
+            sendActivation: this.sendActivation,
+        })
+            .subscribe({
+            next: res => {
+                this.submitting.set(false);
+                this.results.set(res);
+                // Refrescar lista del consumer si hubo altas/asignaciones efectivas.
+                if (res.summary.created + res.summary.assigned > 0) {
+                    this.onSuccess?.();
+                }
+            },
+            error: err => {
+                this.submitting.set(false);
+                this.errorMsg.set(err?.error?.message ?? this.t('genericError'));
+            },
+        });
+    }
+    statusLabel(r) {
+        const base = this.t(r.status === 'error' ? 'failed' : r.status);
+        if (r.status === 'created' && r.activation) {
+            return `${base} · ${this.t(r.activation === 'sent' ? 'activationSent' : 'activationPending')}`;
+        }
+        return base;
+    }
+    reset() {
+        this.csv = '';
+        this.errorMsg.set('');
+        this.results.set(null);
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    t(key) {
+        return this.i18n.t(key, this.i18nNamespace);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MemberImportModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MemberImportModalComponent, isStandalone: true, selector: "val-member-import-modal", inputs: { orgId: "orgId", availableRoles: "availableRoles", onSuccess: "onSuccess", _modalRef: "_modalRef", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+
+      @if (!results()) {
+        <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+        @if (rolesHint()) {
+          <val-text [props]="{ content: rolesHint(), size: 'small', color: 'medium', bold: false }" />
+        }
+
+        <ion-textarea
+          class="import-csv"
+          [autoGrow]="true"
+          [rows]="6"
+          [placeholder]="t('csvPlaceholder')"
+          [(ngModel)]="csv"
+        />
+
+        <ion-select
+          class="import-conflict"
+          label="{{ t('onConflictLabel') }}"
+          labelPlacement="stacked"
+          interface="popover"
+          [(ngModel)]="onConflict"
+        >
+          <ion-select-option value="assignRole">{{ t('conflictAssign') }}</ion-select-option>
+          <ion-select-option value="skip">{{ t('conflictSkip') }}</ion-select-option>
+          <ion-select-option value="error">{{ t('conflictError') }}</ion-select-option>
+        </ion-select>
+
+        <ion-checkbox class="import-activation" labelPlacement="end" [(ngModel)]="sendActivation">
+          {{ t('sendActivation') }}
+        </ion-checkbox>
+
+        @if (errorMsg()) {
+          <p class="import-error">{{ errorMsg() }}</p>
+        }
+
+        <div class="import-actions">
+          <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+            @if (submitting()) {
+              <ion-spinner name="dots" />
+              &nbsp;{{ t('submitting') }}
+            } @else {
+              {{ t('submit') }}
+            }
+          </ion-button>
+        </div>
+      } @else {
+        <!-- Resultados -->
+        <val-title [props]="{ content: summaryLabel(), size: 'large', color: '', bold: true }" />
+        <div class="import-results">
+          @for (r of results()!.results; track r.email) {
+            <div class="import-row import-row--{{ r.status }}">
+              <span class="import-row__email">{{ r.email }}</span>
+              <span class="import-row__status">{{ statusLabel(r) }}</span>
+              @if (r.reason) {
+                <span class="import-row__reason">{{ r.reason }}</span>
+              }
+            </div>
+          }
+        </div>
+        <div class="import-actions">
+          <ion-button expand="block" fill="outline" color="dark" (click)="reset()">
+            {{ t('again') }}
+          </ion-button>
+        </div>
+      }
+    </ion-content>
+  `, isInline: true, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.import-csv{--background: var(--ion-color-light);border-radius:10px;margin-bottom:16px;font-family:monospace;font-size:13px}.import-conflict{margin-bottom:12px}.import-activation{display:block;margin-bottom:16px;font-size:14px}.import-error{margin:0 0 12px;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.import-actions{margin-top:8px}.import-results{display:flex;flex-direction:column;gap:6px;margin:12px 0}.import-row{display:grid;grid-template-columns:1fr auto;grid-row-gap:2px;align-items:center;padding:10px 12px;border-radius:8px;border-left:3px solid var(--ion-color-medium);background:var(--ion-color-light);font-size:14px}.import-row--created{border-left-color:var(--ion-color-success, #2dd36f)}.import-row--assigned{border-left-color:var(--ion-color-primary, #7026df)}.import-row--skipped{border-left-color:var(--ion-color-medium, #92949c)}.import-row--error{border-left-color:var(--ion-color-danger, #c0392b)}.import-row__email{font-weight:600;color:var(--ion-color-dark)}.import-row__status{text-align:right;color:var(--ion-color-medium-shade, #6b6e76)}.import-row__reason{grid-column:1 / -1;font-size:12px;color:var(--ion-color-danger, #c0392b)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "shape", "spellcheck", "value", "wrap"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MemberImportModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-member-import-modal', standalone: true, imports: [
+                        FormsModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonTextarea,
+                        IonSelect,
+                        IonSelectOption,
+                        IonCheckbox,
+                        IonSpinner,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+
+      @if (!results()) {
+        <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+        @if (rolesHint()) {
+          <val-text [props]="{ content: rolesHint(), size: 'small', color: 'medium', bold: false }" />
+        }
+
+        <ion-textarea
+          class="import-csv"
+          [autoGrow]="true"
+          [rows]="6"
+          [placeholder]="t('csvPlaceholder')"
+          [(ngModel)]="csv"
+        />
+
+        <ion-select
+          class="import-conflict"
+          label="{{ t('onConflictLabel') }}"
+          labelPlacement="stacked"
+          interface="popover"
+          [(ngModel)]="onConflict"
+        >
+          <ion-select-option value="assignRole">{{ t('conflictAssign') }}</ion-select-option>
+          <ion-select-option value="skip">{{ t('conflictSkip') }}</ion-select-option>
+          <ion-select-option value="error">{{ t('conflictError') }}</ion-select-option>
+        </ion-select>
+
+        <ion-checkbox class="import-activation" labelPlacement="end" [(ngModel)]="sendActivation">
+          {{ t('sendActivation') }}
+        </ion-checkbox>
+
+        @if (errorMsg()) {
+          <p class="import-error">{{ errorMsg() }}</p>
+        }
+
+        <div class="import-actions">
+          <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+            @if (submitting()) {
+              <ion-spinner name="dots" />
+              &nbsp;{{ t('submitting') }}
+            } @else {
+              {{ t('submit') }}
+            }
+          </ion-button>
+        </div>
+      } @else {
+        <!-- Resultados -->
+        <val-title [props]="{ content: summaryLabel(), size: 'large', color: '', bold: true }" />
+        <div class="import-results">
+          @for (r of results()!.results; track r.email) {
+            <div class="import-row import-row--{{ r.status }}">
+              <span class="import-row__email">{{ r.email }}</span>
+              <span class="import-row__status">{{ statusLabel(r) }}</span>
+              @if (r.reason) {
+                <span class="import-row__reason">{{ r.reason }}</span>
+              }
+            </div>
+          }
+        </div>
+        <div class="import-actions">
+          <ion-button expand="block" fill="outline" color="dark" (click)="reset()">
+            {{ t('again') }}
+          </ion-button>
+        </div>
+      }
+    </ion-content>
+  `, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.import-csv{--background: var(--ion-color-light);border-radius:10px;margin-bottom:16px;font-family:monospace;font-size:13px}.import-conflict{margin-bottom:12px}.import-activation{display:block;margin-bottom:16px;font-size:14px}.import-error{margin:0 0 12px;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.import-actions{margin-top:8px}.import-results{display:flex;flex-direction:column;gap:6px;margin:12px 0}.import-row{display:grid;grid-template-columns:1fr auto;grid-row-gap:2px;align-items:center;padding:10px 12px;border-radius:8px;border-left:3px solid var(--ion-color-medium);background:var(--ion-color-light);font-size:14px}.import-row--created{border-left-color:var(--ion-color-success, #2dd36f)}.import-row--assigned{border-left-color:var(--ion-color-primary, #7026df)}.import-row--skipped{border-left-color:var(--ion-color-medium, #92949c)}.import-row--error{border-left-color:var(--ion-color-danger, #c0392b)}.import-row__email{font-weight:600;color:var(--ion-color-dark)}.import-row__status{text-align:right;color:var(--ion-color-medium-shade, #6b6e76)}.import-row__reason{grid-column:1 / -1;font-size:12px;color:var(--ion-color-danger, #c0392b)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { orgId: [{
+                type: Input
+            }], availableRoles: [{
+                type: Input
+            }], onSuccess: [{
+                type: Input
+            }], _modalRef: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
+/**
+ * Cliente HTTP de Client API Keys org-scopeadas (ADR-023). La org activa se
+ * resuelve en backend desde el JWT, así que el path no la incluye.
+ */
+class ApiKeyService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    get baseUrl() {
+        return `${this.config.apiUrl}/org/api-keys`;
+    }
+    /** Lista las API keys de la org activa. */
+    list() {
+        return this.http.get(`${this.baseUrl}/`).pipe(map$1(r => r.keys ?? []));
+    }
+    /** Crea una API key. La respuesta incluye el secreto (se muestra UNA vez). */
+    create(req) {
+        return this.http.post(`${this.baseUrl}/`, req);
+    }
+    /** Revoca (elimina) una API key por id. */
+    revoke(keyId) {
+        return this.http.delete(`${this.baseUrl}/${keyId}`);
+    }
+    /** Catálogo de permisos asignables a una key. */
+    availablePermissions() {
+        return this.http
+            .get(`${this.baseUrl}/permissions`)
+            .pipe(map$1(r => r.permissions ?? []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeyService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeyService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeyService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$3.HttpClient }] });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-api-keys-modal` (ADR-023).
+ * Auto-registrados si el consumer no proveyó el namespace `Settings.ApiKeysModal`.
+ */
+const API_KEYS_MODAL_I18N = {
+    es: {
+        title: 'Client API Keys',
+        hint: 'Llaves M2M org-scopeadas para integraciones (p. ej. importar miembros).',
+        empty: 'Aún no hay API keys en esta organización.',
+        newKey: 'Nueva API key',
+        nameLabel: 'Nombre',
+        namePlaceholder: 'Ej: Integración RRHH',
+        permissionsLabel: 'Permisos',
+        expiresLabel: 'Expira en (días, opcional)',
+        create: 'Crear key',
+        creating: 'Creando...',
+        cancel: 'Cancelar',
+        revoke: 'Revocar',
+        revokeConfirm: '¿Revocar esta API key? Las integraciones que la usen dejarán de funcionar.',
+        secretTitle: 'Copia tu API key ahora',
+        secretWarning: 'Este secreto se muestra una sola vez. Guárdalo en un lugar seguro.',
+        copy: 'Copiar',
+        copied: 'Copiada',
+        done: 'Listo',
+        statusActive: 'activa',
+        lastUsed: 'Último uso',
+        never: 'nunca',
+        permsCount: 'permisos',
+        noName: 'El nombre es obligatorio.',
+        noPerms: 'Selecciona al menos un permiso.',
+        close: 'Cerrar',
+        genericError: 'No se pudo completar la operación. Intenta de nuevo.',
+    },
+    en: {
+        title: 'Client API Keys',
+        hint: 'Org-scoped M2M keys for integrations (e.g. member import).',
+        empty: 'No API keys in this organization yet.',
+        newKey: 'New API key',
+        nameLabel: 'Name',
+        namePlaceholder: 'E.g: HR integration',
+        permissionsLabel: 'Permissions',
+        expiresLabel: 'Expires in (days, optional)',
+        create: 'Create key',
+        creating: 'Creating...',
+        cancel: 'Cancel',
+        revoke: 'Revoke',
+        revokeConfirm: 'Revoke this API key? Integrations using it will stop working.',
+        secretTitle: 'Copy your API key now',
+        secretWarning: 'This secret is shown only once. Store it somewhere safe.',
+        copy: 'Copy',
+        copied: 'Copied',
+        done: 'Done',
+        statusActive: 'active',
+        lastUsed: 'Last used',
+        never: 'never',
+        permsCount: 'permissions',
+        noName: 'Name is required.',
+        noPerms: 'Select at least one permission.',
+        close: 'Close',
+        genericError: "Couldn't complete the operation. Try again.",
+    },
+};
+
+const DEFAULT_NAMESPACE$5 = 'Settings.ApiKeysModal';
+/**
+ * `val-api-keys-modal` — gestión de Client API Keys org-scopeadas (ADR-023 fase 6).
+ *
+ * Lista las keys de la org, permite crear (mostrando el secreto UNA vez con copia)
+ * y revocar. Pensado para habilitar integraciones M2M del import de miembros, pero
+ * sirve a cualquier permiso del catálogo. Header canónico (Regla #5).
+ */
+class ApiKeysModalComponent {
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.apiKeys = inject(ApiKeyService);
+        /** Namespace i18n. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$5;
+        this.keys = signal([]);
+        this.availablePermissions = signal([]);
+        this.loading = signal(true);
+        this.showCreate = signal(false);
+        this.submitting = signal(false);
+        this.errorMsg = signal('');
+        this.secret = signal(null);
+        this.copied = signal(false);
+        this.name = '';
+        this.expiresInDays = null;
+        this.selectedPerms = signal(new Set());
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$5)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$5, API_KEYS_MODAL_I18N);
+        }
+    }
+    ngOnInit() {
+        if (!this.i18n.hasNamespace(this.i18nNamespace)) {
+            this.i18n.registerContent(this.i18nNamespace, API_KEYS_MODAL_I18N);
+        }
+        this.refresh();
+        this.apiKeys.availablePermissions().subscribe({
+            next: perms => this.availablePermissions.set(perms),
+            error: () => { },
+        });
+    }
+    refresh() {
+        this.loading.set(true);
+        this.apiKeys.list().subscribe({
+            next: keys => {
+                this.keys.set(keys);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    openCreate() {
+        this.errorMsg.set('');
+        this.name = '';
+        this.expiresInDays = null;
+        this.selectedPerms.set(new Set());
+        this.showCreate.set(true);
+    }
+    togglePerm(perm, ev) {
+        const checked = ev.detail?.checked ?? false;
+        const next = new Set(this.selectedPerms());
+        if (checked) {
+            next.add(perm);
+        }
+        else {
+            next.delete(perm);
+        }
+        this.selectedPerms.set(next);
+    }
+    submit() {
+        this.errorMsg.set('');
+        if (!this.name.trim()) {
+            this.errorMsg.set(this.t('noName'));
+            return;
+        }
+        const permissions = Array.from(this.selectedPerms());
+        if (permissions.length === 0) {
+            this.errorMsg.set(this.t('noPerms'));
+            return;
+        }
+        this.submitting.set(true);
+        this.apiKeys
+            .create({
+            name: this.name.trim(),
+            permissions,
+            expiresInDays: this.expiresInDays && this.expiresInDays > 0 ? this.expiresInDays : undefined,
+        })
+            .subscribe({
+            next: res => {
+                this.submitting.set(false);
+                this.showCreate.set(false);
+                this.secret.set(res.key);
+            },
+            error: err => {
+                this.submitting.set(false);
+                this.errorMsg.set(err?.error?.message ?? this.t('genericError'));
+            },
+        });
+    }
+    revoke(key) {
+        if (!confirm(this.t('revokeConfirm')))
+            return;
+        this.apiKeys.revoke(key.keyId).subscribe({
+            next: () => this.refresh(),
+            error: err => this.errorMsg.set(err?.error?.message ?? this.t('genericError')),
+        });
+    }
+    async copy(secret) {
+        try {
+            await navigator.clipboard.writeText(secret);
+            this.copied.set(true);
+        }
+        catch {
+            // clipboard no disponible — el user puede seleccionar el texto manualmente
+        }
+    }
+    finishSecret() {
+        this.secret.set(null);
+        this.copied.set(false);
+        this.refresh();
+    }
+    dismiss() {
+        this._modalRef?.dismiss(null, 'cancel');
+    }
+    t(key) {
+        return this.i18n.t(key, this.i18nNamespace);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeysModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ApiKeysModalComponent, isStandalone: true, selector: "val-api-keys-modal", inputs: { _modalRef: "_modalRef", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+      <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+      @if (secret(); as s) {
+        <!-- Secreto recién creado: mostrar UNA vez -->
+        <div class="apikey-secret">
+          <val-title [props]="{ content: t('secretTitle'), size: 'large', color: '', bold: true }" />
+          <p class="apikey-secret__warn">{{ t('secretWarning') }}</p>
+          <div class="apikey-secret__box">
+            <code>{{ s.secret }}</code>
+          </div>
+          <div class="apikey-actions">
+            <ion-button expand="block" color="dark" (click)="copy(s.secret)">
+              {{ copied() ? t('copied') : t('copy') }}
+            </ion-button>
+            <ion-button expand="block" fill="outline" color="dark" (click)="finishSecret()">
+              {{ t('done') }}
+            </ion-button>
+          </div>
+        </div>
+      } @else {
+        @if (loading()) {
+          <ion-spinner name="dots" />
+        } @else {
+          <!-- Lista -->
+          @if (keys().length === 0) {
+            <val-text [props]="{ content: t('empty'), size: 'medium', color: 'medium', bold: false }" />
+          } @else {
+            <div class="apikey-list">
+              @for (k of keys(); track k.keyId) {
+                <div class="apikey-row">
+                  <div class="apikey-row__main">
+                    <span class="apikey-row__name">{{ k.name }}</span>
+                    <span class="apikey-row__meta">
+                      {{ k.permissions.length }} {{ t('permsCount') }} · {{ t('lastUsed') }}:
+                      {{ k.lastUsedAt || t('never') }}
+                    </span>
+                  </div>
+                  <ion-button fill="clear" color="danger" size="small" (click)="revoke(k)">
+                    {{ t('revoke') }}
+                  </ion-button>
+                </div>
+              }
+            </div>
+          }
+
+          @if (errorMsg()) {
+            <p class="apikey-error">{{ errorMsg() }}</p>
+          }
+
+          <!-- Crear -->
+          @if (showCreate()) {
+            <div class="apikey-create">
+              <ion-input
+                label="{{ t('nameLabel') }}"
+                labelPlacement="stacked"
+                [placeholder]="t('namePlaceholder')"
+                [(ngModel)]="name"
+              />
+              <p class="apikey-create__label">{{ t('permissionsLabel') }}</p>
+              <div class="apikey-perms">
+                @for (p of availablePermissions(); track p) {
+                  <ion-checkbox
+                    labelPlacement="end"
+                    [checked]="selectedPerms().has(p)"
+                    (ionChange)="togglePerm(p, $event)"
+                  >
+                    {{ p }}
+                  </ion-checkbox>
+                }
+              </div>
+              <ion-input
+                label="{{ t('expiresLabel') }}"
+                labelPlacement="stacked"
+                type="number"
+                [(ngModel)]="expiresInDays"
+              />
+              <div class="apikey-actions">
+                <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+                  @if (submitting()) {
+                    <ion-spinner name="dots" />&nbsp;{{ t('creating') }}
+                  } @else {
+                    {{ t('create') }}
+                  }
+                </ion-button>
+                <ion-button expand="block" fill="clear" color="medium" (click)="showCreate.set(false)">
+                  {{ t('cancel') }}
+                </ion-button>
+              </div>
+            </div>
+          } @else {
+            <div class="apikey-actions">
+              <ion-button expand="block" color="primary" (click)="openCreate()">
+                {{ t('newKey') }}
+              </ion-button>
+            </div>
+          }
+        }
+      }
+    </ion-content>
+  `, isInline: true, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:16px;border-radius:12px;background:var(--ion-color-light)}.apikey-create__label{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--ion-color-dark)}.apikey-perms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px}.apikey-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.apikey-error{margin:8px 0;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.apikey-secret__warn{font-size:.875rem;color:var(--ion-color-warning-shade, #b88600);margin:0 0 12px}.apikey-secret__box{padding:12px;border-radius:8px;background:var(--ion-color-dark);color:#fff;word-break:break-all;font-family:monospace;font-size:13px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ApiKeysModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-api-keys-modal', standalone: true, imports: [
+                        FormsModule,
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonInput,
+                        IonCheckbox,
+                        IonSpinner,
+                        DisplayComponent,
+                        TextComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" (click)="dismiss()">
+            <strong>{{ t('close') }}</strong>
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content class="ion-padding">
+      <val-display [props]="{ content: t('title'), size: 'small', color: 'dark' }" />
+      <val-title [props]="{ content: t('hint'), size: 'large', color: '', bold: false }" />
+
+      @if (secret(); as s) {
+        <!-- Secreto recién creado: mostrar UNA vez -->
+        <div class="apikey-secret">
+          <val-title [props]="{ content: t('secretTitle'), size: 'large', color: '', bold: true }" />
+          <p class="apikey-secret__warn">{{ t('secretWarning') }}</p>
+          <div class="apikey-secret__box">
+            <code>{{ s.secret }}</code>
+          </div>
+          <div class="apikey-actions">
+            <ion-button expand="block" color="dark" (click)="copy(s.secret)">
+              {{ copied() ? t('copied') : t('copy') }}
+            </ion-button>
+            <ion-button expand="block" fill="outline" color="dark" (click)="finishSecret()">
+              {{ t('done') }}
+            </ion-button>
+          </div>
+        </div>
+      } @else {
+        @if (loading()) {
+          <ion-spinner name="dots" />
+        } @else {
+          <!-- Lista -->
+          @if (keys().length === 0) {
+            <val-text [props]="{ content: t('empty'), size: 'medium', color: 'medium', bold: false }" />
+          } @else {
+            <div class="apikey-list">
+              @for (k of keys(); track k.keyId) {
+                <div class="apikey-row">
+                  <div class="apikey-row__main">
+                    <span class="apikey-row__name">{{ k.name }}</span>
+                    <span class="apikey-row__meta">
+                      {{ k.permissions.length }} {{ t('permsCount') }} · {{ t('lastUsed') }}:
+                      {{ k.lastUsedAt || t('never') }}
+                    </span>
+                  </div>
+                  <ion-button fill="clear" color="danger" size="small" (click)="revoke(k)">
+                    {{ t('revoke') }}
+                  </ion-button>
+                </div>
+              }
+            </div>
+          }
+
+          @if (errorMsg()) {
+            <p class="apikey-error">{{ errorMsg() }}</p>
+          }
+
+          <!-- Crear -->
+          @if (showCreate()) {
+            <div class="apikey-create">
+              <ion-input
+                label="{{ t('nameLabel') }}"
+                labelPlacement="stacked"
+                [placeholder]="t('namePlaceholder')"
+                [(ngModel)]="name"
+              />
+              <p class="apikey-create__label">{{ t('permissionsLabel') }}</p>
+              <div class="apikey-perms">
+                @for (p of availablePermissions(); track p) {
+                  <ion-checkbox
+                    labelPlacement="end"
+                    [checked]="selectedPerms().has(p)"
+                    (ionChange)="togglePerm(p, $event)"
+                  >
+                    {{ p }}
+                  </ion-checkbox>
+                }
+              </div>
+              <ion-input
+                label="{{ t('expiresLabel') }}"
+                labelPlacement="stacked"
+                type="number"
+                [(ngModel)]="expiresInDays"
+              />
+              <div class="apikey-actions">
+                <ion-button expand="block" color="dark" [disabled]="submitting()" (click)="submit()">
+                  @if (submitting()) {
+                    <ion-spinner name="dots" />&nbsp;{{ t('creating') }}
+                  } @else {
+                    {{ t('create') }}
+                  }
+                </ion-button>
+                <ion-button expand="block" fill="clear" color="medium" (click)="showCreate.set(false)">
+                  {{ t('cancel') }}
+                </ion-button>
+              </div>
+            </div>
+          } @else {
+            <div class="apikey-actions">
+              <ion-button expand="block" color="primary" (click)="openCreate()">
+                {{ t('newKey') }}
+              </ion-button>
+            </div>
+          }
+        }
+      }
+    </ion-content>
+  `, styles: ["val-display{display:block;margin-bottom:4px}val-title{display:block;margin-bottom:12px}.apikey-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apikey-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;border:1.5px solid var(--ion-color-light)}.apikey-row__main{display:flex;flex-direction:column}.apikey-row__name{font-weight:600;color:var(--ion-color-dark)}.apikey-row__meta{font-size:12px;color:var(--ion-color-medium-shade, #6b6e76)}.apikey-create{margin-top:8px;padding:16px;border-radius:12px;background:var(--ion-color-light)}.apikey-create__label{margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--ion-color-dark)}.apikey-perms{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px}.apikey-actions{margin-top:16px;display:flex;flex-direction:column;gap:8px}.apikey-error{margin:8px 0;font-size:.875rem;color:var(--ion-color-danger, #c0392b)}.apikey-secret__warn{font-size:.875rem;color:var(--ion-color-warning-shade, #b88600);margin:0 0 12px}.apikey-secret__box{padding:12px;border-radius:8px;background:var(--ion-color-dark);color:#fff;word-break:break-all;font-family:monospace;font-size:13px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
+                type: Input
+            }], i18nNamespace: [{
+                type: Input
+            }] } });
+
 /**
  * Defaults i18n (es/en) embebidos en `val-organization-view`. Auto-registrados en
  * el constructor del componente si el consumer no proveyó el namespace
@@ -48886,6 +49749,16 @@ const ORGANIZATION_VIEW_I18N = {
         inviteCtaTitle: '¿Deseas agregar a alguien?',
         inviteCtaHint: 'Invita a usuarios a unirse a tu organización.',
         inviteOpen: 'Invitar',
+        importOpen: 'Importar',
+        apiKeysOpen: 'Gestionar',
+        apiKeysSectionTitle: 'Integraciones (API Keys)',
+        apiKeysSectionHint: 'También puedes operar tu organización vía API: crea una Client API Key org-scopeada para integraciones máquina-a-máquina (por ejemplo, dar de alta miembros en masa desde tu propio sistema).',
+        apiKeysMoreInfo: 'Más información',
+        orgsMoreInfo: 'Más información',
+        orgsInfoTitle: '¿Qué son las organizaciones?',
+        orgsInfoSubtitle: 'Todo lo que necesitas saber',
+        orgsInfoClose: 'Cerrar',
+        orgsInfoContent: 'Las organizaciones te permiten separar tus proyectos y datos por empresa, equipo o contexto. Puedes pertenecer a varias organizaciones y cambiar entre ellas en cualquier momento.\n\nCada organización tiene sus propios miembros, roles y permisos. La organización activa determina qué datos ves y qué acciones puedes realizar.\n\nPuedes crear una organización nueva o unirte a una existente mediante invitación.',
         viewMemberCta: 'Ver miembro',
         roleViewer: 'Visor',
         roleEditor: 'Editor',
@@ -48955,6 +49828,16 @@ const ORGANIZATION_VIEW_I18N = {
         inviteCtaTitle: 'Want to add someone?',
         inviteCtaHint: 'Invite users to join your organization.',
         inviteOpen: 'Invite',
+        importOpen: 'Import',
+        apiKeysOpen: 'Manage',
+        apiKeysSectionTitle: 'Integrations (API Keys)',
+        apiKeysSectionHint: 'You can also operate your organization via API: create an org-scoped Client API Key for machine-to-machine integrations (for example, bulk-provisioning members from your own system).',
+        apiKeysMoreInfo: 'More information',
+        orgsMoreInfo: 'More information',
+        orgsInfoTitle: 'What are organizations?',
+        orgsInfoSubtitle: 'Everything you need to know',
+        orgsInfoClose: 'Close',
+        orgsInfoContent: 'Organizations let you separate your projects and data by company, team, or context. You can belong to multiple organizations and switch between them at any time.\n\nEach organization has its own members, roles, and permissions. The active organization determines what data you see and what actions you can take.\n\nYou can create a new organization or join an existing one via invitation.',
         viewMemberCta: 'View member',
         roleViewer: 'Viewer',
         roleEditor: 'Editor',
@@ -49068,6 +49951,22 @@ class OrganizationViewComponent {
         this.members = signal([]);
         this.membersLoading = signal(false);
         this.membersLoadError = signal(null);
+        this.membersErrorState = computed(() => {
+            this.i18n.lang();
+            const err = this.membersLoadError();
+            if (!err)
+                return null;
+            return createErrorStateProps(err, {
+                title: { offline: this.tt('offlineTitle'), error: this.tt('errorTitle') },
+                description: {
+                    offline: this.tt('offlineHint'),
+                    error: interpretError(err).message,
+                },
+                retryLabel: this.tt('retry'),
+                onRetry: () => this.loadMembers(),
+                retrying: this.membersLoading(),
+            });
+        });
         this.membersNextToken = signal(null);
         this.loadingMoreMembers = signal(false);
         this.showAllMembers = signal(false);
@@ -49154,6 +50053,22 @@ class OrganizationViewComponent {
             shape: 'round',
             type: 'button',
         }));
+        this.openImportButtonProps = computed(() => ({
+            text: this.tt('importOpen'),
+            color: 'dark',
+            fill: 'outline',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+        }));
+        this.openApiKeysButtonProps = computed(() => ({
+            text: this.tt('apiKeysOpen'),
+            color: 'dark',
+            fill: 'clear',
+            size: 'default',
+            shape: 'round',
+            type: 'button',
+        }));
         /** Guarda para detectar el primer disparo del effect (evita doble carga). */
         this.lastLoadedOrgId = null;
         const ns = this.ns;
@@ -49254,6 +50169,59 @@ class OrganizationViewComponent {
             backdropDismiss: true,
         });
     }
+    onOpenImport() {
+        void this.modalService.open({
+            component: MemberImportModalComponent,
+            componentProps: {
+                orgId: this.activeOrgId(),
+                availableRoles: this.availableRoles().map(r => r.name),
+                onSuccess: () => {
+                    this.loadMembers();
+                    this.resolvedConfig().onMemberInvited?.();
+                },
+            },
+            breakpoints: {
+                breakpoints: [0, 0.92],
+                initialBreakpoint: 0.92,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
+    onOpenApiKeys() {
+        void this.modalService.open({
+            component: ApiKeysModalComponent,
+            breakpoints: {
+                breakpoints: [0, 0.92],
+                initialBreakpoint: 0.92,
+                showHandle: true,
+            },
+            backdropDismiss: true,
+        });
+    }
+    // "Más información" sobre organizaciones — mismo sheet explicativo que muestra
+    // account-view sin org, pero disponible siempre (todo user tiene org por defecto).
+    onOrgInfo() {
+        void this.modalService.open({
+            component: OrgInfoSheetComponent,
+            componentProps: {
+                title: this.tt('orgsInfoTitle'),
+                subtitle: this.tt('orgsInfoSubtitle'),
+                body: this.tt('orgsInfoContent'),
+                closeLabel: this.tt('orgsInfoClose'),
+                closeProps: {
+                    text: this.tt('orgsInfoClose'),
+                    fill: 'outline',
+                    color: 'dark',
+                    size: 'default',
+                    expand: 'block',
+                    type: 'button',
+                },
+            },
+            breakpoints: { breakpoints: [0, 0.85], initialBreakpoint: 0.85, showHandle: true },
+            backdropDismiss: true,
+        });
+    }
     onViewPermissions() {
         this.nav.navigateByUrl(this.resolvedConfig().viewPermissionsRoute);
     }
@@ -49335,6 +50303,7 @@ class OrganizationViewComponent {
         if (!orgId)
             return Promise.resolve();
         this.membersLoading.set(true);
+        this.membersLoadError.set(null);
         this.membersNextToken.set(null);
         this.showAllMembers.set(false);
         return new Promise(resolve => {
@@ -49498,6 +50467,12 @@ class OrganizationViewComponent {
             }
           </div>
 
+          <!-- "Más información" sobre organizaciones — disponible siempre (todo
+               user tiene org por defecto y no ve el empty-state de account). -->
+          <button class="org-more-info-link" type="button" (click)="onOrgInfo()">
+            {{ tt('orgsMoreInfo') }}
+          </button>
+
           <div class="section-body">
             @if (loading()) {
               <val-skeleton-layout [props]="{ preset: 'detail', rows: 4 }" />
@@ -49545,6 +50520,8 @@ class OrganizationViewComponent {
           <div class="section-body">
             @if (membersLoading()) {
               <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (membersErrorState()) {
+              <val-empty-state [props]="membersErrorState()!" />
             } @else if (members().length === 0) {
               <val-text
                 [props]="{
@@ -49637,10 +50614,25 @@ class OrganizationViewComponent {
               />
             </div>
             <val-button [props]="openInviteButtonProps()" (click)="onOpenInvite()" />
+            <val-button [props]="openImportButtonProps()" (click)="onOpenImport()" />
           </div>
         </section>
       }
 
+      <!-- API Keys: sección propia. Integraciones M2M (import de miembros, etc.). -->
+      <section *valHasPermission="'api-keys:read'" class="settings-section" data-testid="org-apikeys-section">
+        <div class="invite-cta">
+          <div class="invite-cta__text">
+            <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('apiKeysSectionTitle') }" />
+            <val-text [props]="{ size: 'medium', color: 'dark', bold: false, content: tt('apiKeysSectionHint') }" />
+            <button class="org-more-info-link" type="button" (click)="onOpenApiKeys()">
+              {{ tt('apiKeysMoreInfo') }}
+            </button>
+          </div>
+          <val-button [props]="openApiKeysButtonProps()" (click)="onOpenApiKeys()" />
+        </div>
+      </section>
+
       @if (resolvedConfig().showTransferOwnership && isOwner()) {
         <!-- Transfer ownership: solo owner (gating RBAC interno) -->
         <section class="settings-section" data-testid="org-transfer-section">
@@ -49731,7 +50723,7 @@ class OrganizationViewComponent {
         </section>
       }
     </div>
-  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.invite-cta__text{display:flex;flex-direction:column;gap:4px;flex:1}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field--full{width:100%}.org-info-field:last-child{border-bottom:none}.org-info-row{display:flex}.org-info-row .org-info-field{flex:1}.org-info-row .org-info-field:first-child{border-right:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}\n"], dependencies: [{ kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "directive", type: HasPermissionDirective, selector: "[valHasPermission]", inputs: ["valHasPermission"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: MemberCardComponent, selector: "val-member-card", inputs: ["props"], outputs: ["onAction"] }] }); }
+  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.org-more-info-link{background:none;border:none;padding:4px 0;margin-top:4px;font-size:13px;font-weight:600;color:var(--ion-color-primary, #7026df);cursor:pointer;text-align:left}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.invite-cta__text{display:flex;flex-direction:column;gap:4px;flex:1}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field--full{width:100%}.org-info-field:last-child{border-bottom:none}.org-info-row{display:flex}.org-info-row .org-info-field{flex:1}.org-info-row .org-info-field:first-child{border-right:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}\n"], dependencies: [{ kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "directive", type: HasPermissionDirective, selector: "[valHasPermission]", inputs: ["valHasPermission"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: MemberCardComponent, selector: "val-member-card", inputs: ["props"], outputs: ["onAction"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrganizationViewComponent, decorators: [{
             type: Component,
@@ -49745,6 +50737,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ButtonComponent,
                         MemberCardComponent,
                         TransferOwnershipModalComponent,
+                        MemberImportModalComponent,
+                        ApiKeysModalComponent,
+                        OrgInfoSheetComponent,
                     ], template: `
     <div class="page">
       <header class="page-header">
@@ -49776,6 +50771,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }
           </div>
 
+          <!-- "Más información" sobre organizaciones — disponible siempre (todo
+               user tiene org por defecto y no ve el empty-state de account). -->
+          <button class="org-more-info-link" type="button" (click)="onOrgInfo()">
+            {{ tt('orgsMoreInfo') }}
+          </button>
+
           <div class="section-body">
             @if (loading()) {
               <val-skeleton-layout [props]="{ preset: 'detail', rows: 4 }" />
@@ -49823,6 +50824,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           <div class="section-body">
             @if (membersLoading()) {
               <val-skeleton-layout [props]="{ preset: 'list', rows: 3 }" />
+            } @else if (membersErrorState()) {
+              <val-empty-state [props]="membersErrorState()!" />
             } @else if (members().length === 0) {
               <val-text
                 [props]="{
@@ -49915,10 +50918,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
               />
             </div>
             <val-button [props]="openInviteButtonProps()" (click)="onOpenInvite()" />
+            <val-button [props]="openImportButtonProps()" (click)="onOpenImport()" />
           </div>
         </section>
       }
 
+      <!-- API Keys: sección propia. Integraciones M2M (import de miembros, etc.). -->
+      <section *valHasPermission="'api-keys:read'" class="settings-section" data-testid="org-apikeys-section">
+        <div class="invite-cta">
+          <div class="invite-cta__text">
+            <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('apiKeysSectionTitle') }" />
+            <val-text [props]="{ size: 'medium', color: 'dark', bold: false, content: tt('apiKeysSectionHint') }" />
+            <button class="org-more-info-link" type="button" (click)="onOpenApiKeys()">
+              {{ tt('apiKeysMoreInfo') }}
+            </button>
+          </div>
+          <val-button [props]="openApiKeysButtonProps()" (click)="onOpenApiKeys()" />
+        </div>
+      </section>
+
       @if (resolvedConfig().showTransferOwnership && isOwner()) {
         <!-- Transfer ownership: solo owner (gating RBAC interno) -->
         <section class="settings-section" data-testid="org-transfer-section">
@@ -50009,7 +51027,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </section>
       }
     </div>
-  `, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.invite-cta__text{display:flex;flex-direction:column;gap:4px;flex:1}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field--full{width:100%}.org-info-field:last-child{border-bottom:none}.org-info-row{display:flex}.org-info-row .org-info-field{flex:1}.org-info-row .org-info-field:first-child{border-right:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}\n"] }]
+  `, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.org-more-info-link{background:none;border:none;padding:4px 0;margin-top:4px;font-size:13px;font-weight:600;color:var(--ion-color-primary, #7026df);cursor:pointer;text-align:left}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.invite-cta__text{display:flex;flex-direction:column;gap:4px;flex:1}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field--full{width:100%}.org-info-field:last-child{border-bottom:none}.org-info-row{display:flex}.org-info-row .org-info-field{flex:1}.org-info-row .org-info-field:first-child{border-right:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }] } });
@@ -51042,13 +52060,16 @@ class PermissionsViewComponent {
         for (const perm of role.permissions) {
             const [resource, action] = perm.split(':');
             const entry = byResource.get(resource);
-            // internal (operación de plataforma) NUNCA se muestra a nivel de producto
-            // — defensa en profundidad junto al filtro del backend (ADR-024).
-            if (entry?.scope === 'internal') {
+            // Sin entrada en el catálogo (el backend omite los recursos internal para
+            // no-platform-admins) o entrada internal → NUNCA se muestra a nivel de
+            // producto. Defensa en profundidad junto al filtro del backend (ADR-024).
+            // Nota: el rol puede traer el permiso aunque el recurso esté filtrado del
+            // catálogo (ej. admin tiene templates:*); por eso se descarta lo no resuelto.
+            if (!entry || entry.scope === 'internal') {
                 continue;
             }
             const label = this.permLabel(resource, action);
-            if (entry?.scope === 'app') {
+            if (entry.scope === 'app') {
                 if (entry.appId === currentAppId) {
                     appPerms.push(label);
                 }
@@ -51060,7 +52081,7 @@ class PermissionsViewComponent {
                 }
             }
             else {
-                // org o desconocido → gestión de la organización del cliente
+                // scope === 'org' → gestión de la organización del cliente
                 orgPerms.push(label);
             }
         }
@@ -63219,5 +64240,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PermissionCatalogService, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyService, ApiKeysModalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CONTENT_CARD_DEFAULTS, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentCardComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_CANCEL_BUTTON, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EditOrgModalComponent, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INFO_CARD_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoCardComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PermissionCatalogService, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor$1 as resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map