valtech-components 2.0.1009 → 2.0.1011

package/fesm2022/valtech-components.mjs

@@ -25,7 +25,7 @@ import { getApps, getApp, initializeApp as initializeApp$1 } from 'firebase/app'
 import * as i2$1 from '@ionic/angular/standalone';
 import { AlertController, IonAvatar, IonCard, IonIcon, IonButton, IonSpinner, IonText, IonModal, IonHeader, IonToolbar, IonContent, IonButtons, IonTitle, IonProgressBar, IonSkeletonText, IonFab, IonFabButton, IonFabList, IonLabel, IonCardContent, IonCardHeader, IonCardTitle, IonCardSubtitle, IonCheckbox, IonTextarea, IonDatetime, IonInput, IonSelect, IonSelectOption, IonPopover, IonList, IonItem, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSegmentButton, IonToggle, IonRippleEffect, IonAccordion, IonAccordionGroup, IonTabBar, IonTabButton, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonChip, IonNote, IonDatetimeButton, ToastController as ToastController$1, IonCol, IonRow, IonRefresher, IonRefresherContent, IonMenuButton, IonFooter, IonListHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonGrid, MenuController, IonMenu, IonMenuToggle, IonSplitPane } from '@ionic/angular/standalone';
 import { addIcons } from 'ionicons';
-import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, logoWhatsapp, paperPlaneOutline, mailOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, swapHorizontalOutline, notificationsOffOutline, alarmOutline, chatboxEllipsesOutline, checkmarkDoneOutline, cogOutline, menuOutline } from 'ionicons/icons';
+import { addOutline, addCircleOutline, alertOutline, alertCircleOutline, arrowBackOutline, arrowForwardOutline, arrowDownOutline, settings, settingsOutline, checkmarkCircleOutline, ellipsisHorizontalOutline, notifications, notificationsOutline, openOutline, closeOutline, chatbubblesOutline, shareOutline, heart, heartOutline, home, homeOutline, eyeOffOutline, eyeOutline, scanOutline, chevronDownOutline, chevronForwardOutline, checkmarkOutline, clipboardOutline, copyOutline, filterOutline, locationOutline, calendarOutline, businessOutline, logoTwitter, logoInstagram, logoLinkedin, logoYoutube, logoTiktok, logoFacebook, logoGoogle, createOutline, trashOutline, playOutline, peopleOutline, phonePortraitOutline, refreshOutline, documentTextOutline, lockClosedOutline, informationCircleOutline, logoNpm, removeOutline, optionsOutline, personOutline, shieldCheckmarkOutline, keyOutline, desktopOutline, logOutOutline, cloudDownloadOutline, cloudOutline, gitBranchOutline, layersOutline, serverOutline, warningOutline, bulbOutline, lockOpenOutline, diamondOutline, add, close, share, create, trash, star, camera, mic, send, downloadOutline, chevronDown, language, globeOutline, checkmark, list, grid, apps, menu, search, person, helpCircle, informationCircle, documentText, mail, calendar, folder, chevronForward, ellipsisHorizontal, chevronBack, playBack, playForward, ellipse, starOutline, starHalf, heartHalf, checkmarkCircle, timeOutline, flag, trendingUp, trendingDown, remove, analytics, people, cash, cart, eye, chatbubbleOutline, thumbsUpOutline, thumbsUp, happyOutline, happy, sadOutline, sad, chevronUp, pin, pencil, callOutline, logoWhatsapp, paperPlaneOutline, mailOutline, chevronDownCircleOutline, closeCircle, alertCircle, logoApple, logoMicrosoft, linkOutline, unlinkOutline, cloudOfflineOutline, documentOutline, attachOutline, cameraOutline, closeCircleOutline, imageOutline, chevronBackOutline, sendOutline, chatbubbleEllipsesOutline, swapVerticalOutline, chevronUpOutline, searchOutline, cartOutline, chatbubble, compass, compassOutline, gridOutline, listOutline, folderOutline, documents, documentsOutline, statsChart, statsChartOutline, laptopOutline, swapHorizontalOutline, notificationsOffOutline, alarmOutline, chatboxEllipsesOutline, checkmarkDoneOutline, cogOutline, shareSocialOutline, helpCircleOutline, menuOutline } from 'ionicons/icons';
 import { Browser } from '@capacitor/browser';
 import * as i1$6 from '@angular/platform-browser';
 import { DomSanitizer, Meta, Title } from '@angular/platform-browser';
@@ -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.1009';
+const VERSION = '2.0.1011';
 
 // 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.
@@ -15848,6 +15861,24 @@ class DateInputComponent {
     get presentation() {
         return this.resolvedProps?.presentation || 'date';
     }
+    /** Locale del datetime — honra el prop del consumer (default es-ES). */
+    get datetimeLocale() {
+        return this.resolvedProps?.locale || 'es-ES';
+    }
+    /** Primer día de la semana — honra el prop del consumer (default lunes). */
+    get firstDayOfWeek() {
+        return this.resolvedProps?.firstDayOfWeek ?? 1;
+    }
+    /**
+     * Opciones de formato para `ion-datetime` (binding, NO string). Honra el prop
+     * del consumer y cae a un default sensato (date medium / time short).
+     */
+    get datetimeFormatOptions() {
+        return (this.resolvedProps?.formatOptions || {
+            date: { dateStyle: 'medium' },
+            time: { timeStyle: 'short' },
+        });
+    }
     /** Texto del trigger cuando NO hay valor (placeholder explícito o default i18n). */
     get placeholderText() {
         if (this.resolvedProps?.placeholder)
@@ -15870,7 +15901,7 @@ class DateInputComponent {
         if (isNaN(d.getTime()))
             return String(raw);
         this.i18n.lang(); // reactividad
-        const locale = 'es-ES';
+        const locale = this.datetimeLocale;
         try {
             switch (this.presentation) {
                 case 'time':
@@ -15955,27 +15986,28 @@ class DateInputComponent {
         {{ displayValue || placeholderText }}
       </ion-button>
     </div>
-    <ion-modal [trigger]="triggerId" [keepContentsMounted]="true">
+    <ion-modal
+      [trigger]="triggerId"
+      [keepContentsMounted]="true"
+      class="val-date-modal"
+    >
       <ng-template>
         <ion-datetime
           [formControl]="resolvedProps.control"
           [id]="resolvedProps.token"
           [presentation]="presentation"
-          locale="es-ES"
-          [firstDayOfWeek]="1"
+          [locale]="datetimeLocale"
+          [firstDayOfWeek]="firstDayOfWeek"
           [showDefaultButtons]="true"
           [doneText]="doneText"
           [cancelText]="cancelText"
-          formatOptions="{
-            date: { dateStyle: 'medium' },
-            time: { timeStyle: 'short' }
-          }"
+          [formatOptions]="datetimeFormatOptions"
         >
           <span slot="title">{{ resolvedProps.hint }}</span>
         </ion-datetime>
       </ng-template>
     </ion-modal>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: IonModal, selector: "ion-modal" }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}ion-modal.val-date-modal{--width: fit-content;--min-width: pxToRem(320);--height: fit-content;--border-radius: pxToRem(16);--box-shadow: 0 pxToRem(12) pxToRem(48) rgba(0, 0, 0, .25)}ion-modal.val-date-modal ion-datetime{margin:0 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: IonModal, selector: "ion-modal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
@@ -15994,27 +16026,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         {{ displayValue || placeholderText }}
       </ion-button>
     </div>
-    <ion-modal [trigger]="triggerId" [keepContentsMounted]="true">
+    <ion-modal
+      [trigger]="triggerId"
+      [keepContentsMounted]="true"
+      class="val-date-modal"
+    >
       <ng-template>
         <ion-datetime
           [formControl]="resolvedProps.control"
           [id]="resolvedProps.token"
           [presentation]="presentation"
-          locale="es-ES"
-          [firstDayOfWeek]="1"
+          [locale]="datetimeLocale"
+          [firstDayOfWeek]="firstDayOfWeek"
           [showDefaultButtons]="true"
           [doneText]="doneText"
           [cancelText]="cancelText"
-          formatOptions="{
-            date: { dateStyle: 'medium' },
-            time: { timeStyle: 'short' }
-          }"
+          [formatOptions]="datetimeFormatOptions"
         >
           <span slot="title">{{ resolvedProps.hint }}</span>
         </ion-datetime>
       </ng-template>
     </ion-modal>
-  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}\n"] }]
+  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions--sticky{position:sticky;bottom:0;z-index:1;background:var(--ion-background-color);border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.button-container{display:flex;flex-direction:column;align-items:flex-start}.action{margin-top:.25rem}ion-modal.val-date-modal{--width: fit-content;--min-width: pxToRem(320);--height: fit-content;--border-radius: pxToRem(16);--box-shadow: 0 pxToRem(12) pxToRem(48) rgba(0, 0, 0, .25)}ion-modal.val-date-modal ion-datetime{margin:0 auto}\n"] }]
         }], ctorParameters: () => [], propDecorators: { preset: [{
                 type: Input
             }], props: [{
@@ -41609,13 +41642,24 @@ class PageRefreshService {
         this.hasHandler.set(false);
     }
     /**
-     * Ejecuta el handler registrado y espera a que termine. Lo invoca
-     * `val-page-wrapper` al detectar el gesto de pull. No-op si no hay handler.
+     * Duración mínima (ms) que el spinner permanece visible, aunque el handler
+     * termine antes. Sin esto, un reload rápido (data cacheada) cierra el spinner
+     * al instante → se percibe como "no hubo refresh". Con el mínimo, el gesto se
+     * siente smooth y CONSISTENTE en todas las vistas que usan el page-wrapper.
+     */
+    static { this.MIN_SPINNER_MS = 500; }
+    /**
+     * Ejecuta el handler registrado y espera a que termine, garantizando una
+     * duración mínima de spinner. Lo invoca `val-page-wrapper` al detectar el
+     * gesto de pull. No-op si no hay handler.
      */
     async run() {
         if (!this.handler)
             return;
-        await this.handler();
+        const minDelay = new Promise(resolve => setTimeout(resolve, PageRefreshService.MIN_SPINNER_MS));
+        // Espera AMBOS: el trabajo real + el mínimo visual. Si el handler tarda más,
+        // manda el handler; si es instantáneo, el spinner igual se ve ~500ms.
+        await Promise.all([Promise.resolve(this.handler()), minDelay]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageRefreshService, providedIn: 'root' }); }
@@ -41737,7 +41781,7 @@ const PROFILE_VIEW_I18N = {
 const HANDLE_PATTERN = /^[a-z_][a-z0-9_]*$/;
 const HANDLE_MIN = 3;
 const HANDLE_MAX = 20;
-const DEFAULT_NAMESPACE$f = 'Settings.Profile';
+const DEFAULT_NAMESPACE$i = 'Settings.Profile';
 /**
  * `val-profile-view` — vista Perfil full-feature autocontenida (organism).
  *
@@ -41787,7 +41831,7 @@ class ProfileViewComponent {
                 showPhone: merged.showPhone ?? true,
                 showShareCta: merged.showShareCta ?? true,
                 profileBaseUrl: merged.profileBaseUrl ?? '',
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$f,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$i,
                 onSaved: merged.onSaved,
                 onAvatarUploaded: merged.onAvatarUploaded,
             };
@@ -42718,7 +42762,7 @@ const PREFERENCES_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$e = 'Settings.General';
+const DEFAULT_NAMESPACE$h = 'Settings.General';
 const DEFAULT_LANGUAGES = ['es', 'en'];
 /**
  * `val-preferences-view` — vista de preferencias de UI cross-app (tema +
@@ -42755,7 +42799,7 @@ class PreferencesViewComponent {
                 showLanguage: merged.showLanguage ?? true,
                 showFontSize: merged.showFontSize ?? true,
                 supportedLanguages: merged.supportedLanguages ?? DEFAULT_LANGUAGES,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$e,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$h,
                 onThemeChanged: merged.onThemeChanged,
                 onLanguageChanged: merged.onLanguageChanged,
                 onFontSizeChanged: merged.onFontSizeChanged,
@@ -44511,7 +44555,7 @@ const SECURITY_VIEW_I18N = {
 };
 
 addIcons({ laptopOutline, phonePortraitOutline });
-const DEFAULT_NAMESPACE$d = 'Settings.Security';
+const DEFAULT_NAMESPACE$g = 'Settings.Security';
 /**
  * `val-security-view` — vista Seguridad full-feature autocontenida (organism).
  *
@@ -44560,7 +44604,7 @@ class SecurityViewComponent {
                 showChangeEmail: merged.showChangeEmail ?? true,
                 showMfa: merged.showMfa ?? true,
                 showPolicies: merged.showPolicies ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$d,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$g,
                 handleDeepLinks: merged.handleDeepLinks ?? true,
                 homeRoute: merged.homeRoute ?? '/app/home',
                 onMfaCompleted: merged.onMfaCompleted,
@@ -45362,6 +45406,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`, {});
     }
@@ -45466,7 +45517,7 @@ const CREATE_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$c = '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
@@ -45492,10 +45543,10 @@ class CreateOrgModalComponent {
         this.toast = inject(ToastService);
         this.errors = inject(ValtechErrorService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$c;
+        this.i18nNamespace = DEFAULT_NAMESPACE$f;
         this._busy = signal(false);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$c)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$c, 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(() => {
@@ -45731,7 +45782,7 @@ const DELETE_ACCOUNT_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$b = '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.
@@ -45757,7 +45808,7 @@ class DeleteAccountModalComponent {
         this.i18n = inject(I18nService);
         this.toast = inject(ToastService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$b;
+        this.i18nNamespace = DEFAULT_NAMESPACE$e;
         this.hasPassword = signal(null);
         this.codeSent = signal(false);
         this.formState = signal(ComponentStates.ENABLED);
@@ -45824,8 +45875,8 @@ class DeleteAccountModalComponent {
             ],
             actions: this.submitBtn('delete-code-submit', 'confirmCta'),
         }));
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$b)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$b, DELETE_ACCOUNT_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$e)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$e, DELETE_ACCOUNT_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -46026,7 +46077,7 @@ const ORG_INFO_SHEET_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$a = '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
@@ -46071,15 +46122,15 @@ class OrgInfoSheetComponent {
             text: this.closeProps.text || this.resolvedCloseLabel(),
         }));
         addIcons({ peopleOutline, swapHorizontalOutline, mailOutline });
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$a)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$a, 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$a);
+        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: `
@@ -46246,7 +46297,7 @@ const SWITCH_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$9 = 'Settings.SwitchOrg';
+const DEFAULT_NAMESPACE$c = 'Settings.SwitchOrg';
 addIcons({ businessOutline, checkmarkCircleOutline });
 /**
  * `val-switch-org-modal` — modal de cambio de organización activa (organism
@@ -46272,7 +46323,7 @@ class SwitchOrgModalComponent {
         this.orgSwitch = inject(OrgSwitchService);
         this.errors = inject(ValtechErrorService);
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$9;
+        this.i18nNamespace = DEFAULT_NAMESPACE$c;
         this.orgs = signal([]);
         this.loading = signal(false);
         this.query = signal('');
@@ -46288,8 +46339,8 @@ class SwitchOrgModalComponent {
                 return list;
             return list.filter(o => o.name.toLowerCase().includes(q));
         });
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$9)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$9, SWITCH_ORG_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$c)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$c, SWITCH_ORG_MODAL_I18N);
         }
         this.loadOrgs();
     }
@@ -46607,7 +46658,7 @@ const ACCOUNT_VIEW_I18N = {
 };
 
 addIcons({ peopleOutline, businessOutline, chevronForwardOutline, swapHorizontalOutline, mailOutline });
-const DEFAULT_NAMESPACE$8 = '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).
@@ -46648,7 +46699,7 @@ class AccountViewComponent {
                 showNewOrgCta: merged.showNewOrgCta ?? true,
                 showLogout: merged.showLogout ?? true,
                 showDeleteAccount: merged.showDeleteAccount ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$8,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$b,
                 manageOrgRoute: merged.manageOrgRoute ?? DEFAULT_MANAGE_ORG_ROUTE,
                 onOrgSwitched: merged.onOrgSwitched,
                 onOrgCreated: merged.onOrgCreated,
@@ -47373,7 +47424,7 @@ const EDIT_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$7 = '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
@@ -47400,10 +47451,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$7;
+        this.i18nNamespace = DEFAULT_NAMESPACE$a;
         this.saving = signal(false);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$7)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$7, 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(() => {
@@ -47641,7 +47692,7 @@ const INVITE_MEMBER_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$6 = 'InviteModal';
+const DEFAULT_NAMESPACE$9 = 'InviteModal';
 addIcons({ personOutline, mailOutline, closeOutline, checkmarkCircleOutline });
 /**
  * `val-invite-member-modal` — invitación de miembros a una organización.
@@ -47672,7 +47723,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$6;
+        this.i18nNamespace = DEFAULT_NAMESPACE$9;
         this.query = signal('');
         this.searching = signal(false);
         this.searchResults = signal([]);
@@ -47719,8 +47770,8 @@ class InviteMemberModalComponent {
             state: this.sending() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
         this.searchSubject = new Subject();
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$6)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$6, 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 => {
@@ -48209,7 +48260,7 @@ const MEMBER_DETAIL_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$5 = '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.
@@ -48246,7 +48297,7 @@ class MemberDetailModalComponent {
             { id: 'admin', name: 'admin' },
         ];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$5;
+        this.i18nNamespace = DEFAULT_NAMESPACE$8;
         this.working = signal(false);
         this.currentRole = signal('');
         this.roleControl = new FormControl('');
@@ -48286,8 +48337,8 @@ class MemberDetailModalComponent {
             type: 'button',
             state: this.working() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$5)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$5, MEMBER_DETAIL_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$8)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$8, MEMBER_DETAIL_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -48624,7 +48675,7 @@ const TRANSFER_OWNERSHIP_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$4 = '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
@@ -48648,7 +48699,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$4;
+        this.i18nNamespace = DEFAULT_NAMESPACE$7;
         this.query = signal('');
         this.selectedId = signal('');
         this.filtered = computed(() => {
@@ -48660,8 +48711,8 @@ class TransferOwnershipModalComponent {
                 m.userId.toLowerCase().includes(q));
         });
         this.noResultsLabel = computed(() => `${this.t('noResults')} "${this.query()}"`);
-        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$4)) {
-            this.i18n.registerContent(DEFAULT_NAMESPACE$4, TRANSFER_OWNERSHIP_MODAL_I18N);
+        if (!this.i18n.hasNamespace(DEFAULT_NAMESPACE$7)) {
+            this.i18n.registerContent(DEFAULT_NAMESPACE$7, TRANSFER_OWNERSHIP_MODAL_I18N);
         }
     }
     ngOnInit() {
@@ -48846,6 +48897,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
@@ -48901,6 +49795,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',
@@ -48970,6 +49874,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',
@@ -48994,7 +49908,7 @@ const ORGANIZATION_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$3 = 'Settings.Organization';
+const DEFAULT_NAMESPACE$4 = 'Settings.Organization';
 const DEFAULT_VIEW_PERMISSIONS_ROUTE = '/app/settings/permissions';
 const DEFAULT_LEAVE_REDIRECT_ROUTE = '/app/settings/account';
 /**
@@ -49051,7 +49965,7 @@ class OrganizationViewComponent {
                 showInvite: merged.showInvite ?? true,
                 showTransferOwnership: merged.showTransferOwnership ?? true,
                 showLeave: merged.showLeave ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$3,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$4,
                 viewPermissionsRoute: merged.viewPermissionsRoute ?? DEFAULT_VIEW_PERMISSIONS_ROUTE,
                 leaveRedirectRoute: merged.leaveRedirectRoute ?? DEFAULT_LEAVE_REDIRECT_ROUTE,
                 onOrgEdited: merged.onOrgEdited,
@@ -49083,6 +49997,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);
@@ -49169,6 +50099,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;
@@ -49269,6 +50215,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);
     }
@@ -49350,6 +50349,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 => {
@@ -49513,6 +50513,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 }" />
@@ -49560,6 +50566,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]="{
@@ -49652,10 +50660,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">
@@ -49746,7 +50769,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,
@@ -49760,6 +50783,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">
@@ -49791,6 +50817,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 }" />
@@ -49838,6 +50870,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]="{
@@ -49930,10 +50964,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">
@@ -50024,7 +51073,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
             }] } });
@@ -50138,7 +51187,7 @@ addIcons({
     notificationsOutline,
     refreshOutline,
 });
-const DEFAULT_NAMESPACE$2 = 'Settings.Notifications';
+const DEFAULT_NAMESPACE$3 = 'Settings.Notifications';
 /**
  * `val-notification-preferences-view` — **preferencias de notificaciones push**
  * (FCM) full-feature autocontenida (organism). Promovida desde `showcase` bajo el
@@ -50181,7 +51230,7 @@ class NotificationPreferencesViewComponent {
             const merged = { ...fromRoute, ...(this.config ?? {}) };
             return {
                 showDetails: merged.showDetails ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$2,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$3,
                 onPushEnabled: merged.onPushEnabled,
                 onPushDisabled: merged.onPushDisabled,
             };
@@ -50952,7 +52001,7 @@ const PERMISSIONS_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$1 = 'Settings.Permissions';
+const DEFAULT_NAMESPACE$2 = 'Settings.Permissions';
 /**
  * `val-permissions-view` — vista Permisos full-feature autocontenida (organism).
  * Visor RBAC de solo lectura: muestra los roles del sistema (Visor/Editor/Admin +
@@ -50992,7 +52041,7 @@ class PermissionsViewComponent {
             return {
                 showSystemRoles: merged.showSystemRoles ?? true,
                 showCustomRoles: merged.showCustomRoles ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$1,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$2,
             };
         });
         this.loading = signal(false);
@@ -51769,7 +52818,7 @@ addIcons({
     openOutline,
     personOutline,
 });
-const DEFAULT_NAMESPACE = 'Notifications';
+const DEFAULT_NAMESPACE$1 = 'Notifications';
 const DEFAULT_SETTINGS_PATH = '/app/settings/notifications';
 const DEFAULT_PAGE_SIZE = 10;
 const DEFAULT_MAX_LOAD = 50;
@@ -51829,7 +52878,7 @@ class NotificationsViewComponent {
                 showPushOffCta: merged.showPushOffCta ?? true,
                 enableMarkAll: merged.enableMarkAll ?? true,
                 settingsNotificationsPath: merged.settingsNotificationsPath ?? DEFAULT_SETTINGS_PATH,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$1,
                 pageSize: merged.pageSize ?? DEFAULT_PAGE_SIZE,
                 maxLoad: merged.maxLoad ?? DEFAULT_MAX_LOAD,
                 onNotificationOpen: merged.onNotificationOpen,
@@ -52497,6 +53546,797 @@ function provideValtechNotificationsRoutes(opts) {
     ];
 }
 
+/**
+ * Defaults i18n del componente (es/en). El componente los auto-registra en su
+ * constructor si el consumer no proveyó el namespace `ContentReaction`. Esto
+ * garantiza que NUNCA haya una key faltante: una key faltante se evalúa en el
+ * template por cada change-detection → `console.warn` por CD → con el
+ * `val-debug-console` activo (espeja console.* a un signal) se dispara un loop
+ * infinito que congela el navegador en dev. Auto-registrar lo elimina de raíz.
+ */
+const CONTENT_REACTION_I18N = {
+    es: {
+        question: '¿Te resultó útil este contenido?',
+        commentPlaceholder: 'Cuéntanos más (opcional)...',
+        submit: 'Enviar opinión',
+        update: 'Actualizar opinión',
+        thankYou: '¡Gracias por tu opinión!',
+        submitted: 'Tu opinión ha sido registrada',
+        errorSubmitting: 'Error al enviar. Intenta de nuevo.',
+        positiveLabel: 'Sí, mucho',
+        negativeLabel: 'No tanto',
+        negativeFeedbackTitle: '¿Cuéntanos qué no te gustó?',
+    },
+    en: {
+        question: 'Was this content helpful?',
+        commentPlaceholder: 'Tell us more (optional)...',
+        submit: 'Send feedback',
+        update: 'Update feedback',
+        thankYou: 'Thanks for your feedback!',
+        submitted: 'Your feedback has been recorded',
+        errorSubmitting: 'Failed to send. Please try again.',
+        positiveLabel: 'Yes, a lot',
+        negativeLabel: 'Not really',
+        negativeFeedbackTitle: "Tell us what you didn't like?",
+    },
+};
+/**
+ * Componente para reacciones de contenido con emojis.
+ *
+ * @example
+ * ```html
+ * <val-content-reaction
+ *   [props]="{
+ *     entityRef: { entityType: 'article', entityId: 'art-123' },
+ *     question: '¿Te fue útil este artículo?'
+ *   }"
+ *   (reactionSubmit)="onReactionSubmit($event)"
+ * />
+ * ```
+ */
+class ContentReactionComponent {
+    constructor() {
+        this.feedbackService = inject(FeedbackService);
+        this.toast = inject(ToastService);
+        this.i18n = inject(I18nService);
+        this.auth = inject(AuthService, { optional: true });
+        this.isConfigured = computed(() => this.feedbackService.isConfigured());
+        this.props = {};
+        this.reactionSubmit = new EventEmitter();
+        this.reactionChange = new EventEmitter();
+        // Estado reactivo
+        this.state = signal({
+            selectedValue: null,
+            comment: '',
+            isLoading: false,
+            isSubmitted: false,
+            hadPreviousReaction: false,
+            error: null,
+        });
+        // Valores por defecto
+        this.defaultEmojis = ['😞', '😐', '😊'];
+        this.defaultLabels = ['No me ayudó', 'Regular', 'Muy útil'];
+        // Computed properties
+        this.resolvedProps = computed(() => ({
+            entityRef: this.props.entityRef,
+            question: this.props.question || this.t('question'),
+            showComment: this.props.showComment ?? true,
+            commentOnValues: this.props.commentOnValues,
+            commentPlaceholder: this.props.commentPlaceholder || this.t('commentPlaceholder'),
+            maxCommentLength: this.props.maxCommentLength ?? 500,
+            emojis: this.props.emojis || this.defaultEmojis,
+            emojiLabels: this.props.emojiLabels || this.defaultLabels,
+            showThankYou: this.props.showThankYou ?? true,
+            thankYouMessage: this.props.thankYouMessage || this.t('thankYou'),
+            disabled: this.props.disabled ?? false,
+            readonly: this.props.readonly ?? false,
+            // Variante: 'emoji' cuando se declara explícitamente o cuando se pasan emojis custom.
+            variant: this.props.variant ?? (this.props.emojis ? 'emoji' : 'buttons'),
+        }));
+        this.activeReactionValues = computed(() => this.resolvedProps().emojis.length === 2 ? ['negative', 'positive'] : ['negative', 'neutral', 'positive']);
+        this.showCommentField = computed(() => {
+            const sel = this.state().selectedValue;
+            if (!sel)
+                return false;
+            const commentOn = this.resolvedProps().commentOnValues;
+            if (commentOn !== undefined)
+                return commentOn.includes(sel);
+            return this.resolvedProps().showComment;
+        });
+        this.canSubmit = computed(() => this.state().selectedValue !== null && !this.state().isLoading);
+        // Auto-registro de defaults i18n (es/en) si el consumer no proveyó el
+        // namespace. Garantiza que `t()` nunca caiga en key faltante. Ver
+        // CONTENT_REACTION_I18N. Idempotente: solo la 1ª instancia registra.
+        if (!this.i18n.hasNamespace('ContentReaction')) {
+            this.i18n.registerContent('ContentReaction', CONTENT_REACTION_I18N);
+        }
+    }
+    ngOnInit() {
+        this.loadPreviousReaction();
+    }
+    ngOnChanges(changes) {
+        if (changes['props'] && !changes['props'].firstChange) {
+            this.loadPreviousReaction();
+        }
+    }
+    async loadPreviousReaction() {
+        if (!this.props.entityRef)
+            return;
+        // Si hay initialValue, usarlo directamente sin consultar
+        if (this.props.initialValue) {
+            this.state.update(s => ({
+                ...s,
+                selectedValue: this.props.initialValue,
+                hadPreviousReaction: true,
+                isLoading: false,
+                isSubmitted: true,
+            }));
+            return;
+        }
+        // Si skipInitialCheck está activo, no consultar
+        if (this.props.skipInitialCheck) {
+            return;
+        }
+        this.state.update(s => ({ ...s, isLoading: true, error: null }));
+        try {
+            const check = await this.feedbackService.checkFeedback(this.props.entityRef.entityType, this.props.entityRef.entityId);
+            if (check.hasFeedback && check.reactionValue) {
+                this.state.update(s => ({
+                    ...s,
+                    selectedValue: check.reactionValue,
+                    hadPreviousReaction: true,
+                    isLoading: false,
+                    isSubmitted: true,
+                }));
+            }
+            else {
+                this.state.update(s => ({ ...s, isLoading: false }));
+            }
+        }
+        catch (error) {
+            console.error('Error loading previous reaction:', error);
+            this.state.update(s => ({ ...s, isLoading: false }));
+        }
+    }
+    selectReaction(value) {
+        if (this.resolvedProps().disabled || this.resolvedProps().readonly)
+            return;
+        const previousValue = this.state().selectedValue;
+        this.state.update(s => ({
+            ...s,
+            selectedValue: value,
+            isSubmitted: false,
+            error: null,
+        }));
+        this.reactionChange.emit({ value, previousValue });
+    }
+    async submitReaction() {
+        const currentState = this.state();
+        const props = this.resolvedProps();
+        if (!currentState.selectedValue || props.disabled)
+            return;
+        this.state.update(s => ({ ...s, isLoading: true, error: null }));
+        try {
+            // Determinar si usar endpoint anónimo o autenticado
+            const isAuthenticated = this.auth?.isAuthenticated() ?? false;
+            const useAnonymous = this.props.allowAnonymous && !isAuthenticated;
+            if (useAnonymous) {
+                // Usar endpoint anónimo (público)
+                await this.feedbackService.createAnonymousReaction(props.entityRef, currentState.selectedValue, currentState.comment || undefined);
+            }
+            else {
+                // Usar endpoint autenticado
+                await this.feedbackService.createReaction(props.entityRef, currentState.selectedValue, currentState.comment || undefined);
+            }
+            this.state.update(s => ({
+                ...s,
+                isLoading: false,
+                isSubmitted: true,
+                comment: '',
+                hadPreviousReaction: !useAnonymous, // Solo para autenticados
+            }));
+            this.reactionSubmit.emit({
+                value: currentState.selectedValue,
+                comment: currentState.comment || undefined,
+                entityRef: props.entityRef,
+                isUpdate: currentState.hadPreviousReaction,
+            });
+            if (props.showThankYou) {
+                this.toast.show({
+                    message: props.thankYouMessage,
+                    duration: 2000,
+                });
+            }
+        }
+        catch (error) {
+            console.error('Error submitting reaction:', error);
+            this.state.update(s => ({
+                ...s,
+                isLoading: false,
+                error: this.t('errorSubmitting'),
+            }));
+            this.toast.show({
+                message: this.t('errorSubmitting'),
+                duration: 3000,
+            });
+        }
+    }
+    updateComment(event) {
+        const value = event.detail.value || '';
+        this.state.update(s => ({ ...s, comment: value }));
+    }
+    getEmoji(index) {
+        return this.resolvedProps().emojis[index];
+    }
+    getEmojiLabel(index) {
+        return this.resolvedProps().emojiLabels[index];
+    }
+    isSelected(value) {
+        return this.state().selectedValue === value;
+    }
+    t(key) {
+        const translations = {
+            question: '¿Te resultó útil este contenido?',
+            commentPlaceholder: 'Cuéntanos más (opcional)...',
+            submit: 'Enviar opinión',
+            update: 'Actualizar opinión',
+            thankYou: '¡Gracias por tu opinión!',
+            submitted: 'Tu opinión ha sido registrada',
+            errorSubmitting: 'Error al enviar. Intenta de nuevo.',
+            positiveLabel: 'Sí, mucho',
+            negativeLabel: 'No tanto',
+            negativeFeedbackTitle: '¿Cuéntanos qué no te gustó?',
+        };
+        return this.i18n.t(key, 'ContentReaction') || translations[key] || key;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentReactionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ContentReactionComponent, isStandalone: true, selector: "val-content-reaction", inputs: { props: "props" }, outputs: { reactionSubmit: "reactionSubmit", reactionChange: "reactionChange" }, usesOnChanges: true, ngImport: i0, template: "@if (isConfigured()) {\n<div class=\"content-reaction\" [class.disabled]=\"resolvedProps().disabled\" [class.readonly]=\"resolvedProps().readonly\">\n  <!-- Loading inicial -->\n  @if (state().isLoading && !state().selectedValue) {\n  <div class=\"loading-container\">\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  </div>\n  } @else {\n  <!-- Pregunta -->\n  <p class=\"question\">\n    {{ state().selectedValue === 'negative' ? t('negativeFeedbackTitle') : resolvedProps().question }}\n  </p>\n\n  <!-- Botones de reacci\u00F3n \u2014 variante emoji (caras, estrellas, thumbs, \u2026) -->\n  @if (resolvedProps().variant === 'emoji') {\n  <div class=\"reaction-buttons reaction-buttons--emoji\">\n    @for (value of activeReactionValues(); track value; let i = $index) {\n    <ion-button\n      fill=\"clear\"\n      shape=\"round\"\n      [class.selected]=\"isSelected(value)\"\n      [attr.aria-label]=\"resolvedProps().emojiLabels[i]\"\n      [attr.aria-pressed]=\"isSelected(value)\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction(value)\"\n    >\n      <span class=\"emoji-btn\">{{ resolvedProps().emojis[i] }}</span>\n    </ion-button>\n    }\n  </div>\n  } @else {\n  <!-- Botones de reacci\u00F3n \u2014 variante texto (default) -->\n  <div class=\"reaction-buttons\">\n    <ion-button\n      [fill]=\"isSelected('positive') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('positive')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('positive')\"\n    >\n      {{ t('positiveLabel') }}\n    </ion-button>\n    <ion-button\n      [fill]=\"isSelected('negative') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('negative')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('negative')\"\n    >\n      {{ t('negativeLabel') }}\n    </ion-button>\n  </div>\n  }\n\n  <!-- Campo de comentario (solo si hay selecci\u00F3n) -->\n  @if (showCommentField()) {\n  <div class=\"comment-section\">\n    <ion-textarea\n      [value]=\"state().comment\"\n      [placeholder]=\"resolvedProps().commentPlaceholder\"\n      [maxlength]=\"resolvedProps().maxCommentLength\"\n      [disabled]=\"resolvedProps().disabled\"\n      [rows]=\"3\"\n      class=\"comment-textarea\"\n      (ionInput)=\"updateComment($event)\"\n    ></ion-textarea>\n    <span class=\"char-count\"> {{ state().comment.length }}/{{ resolvedProps().maxCommentLength }} </span>\n  </div>\n  }\n\n  <!-- Bot\u00F3n de env\u00EDo -->\n  @if (state().selectedValue && !state().isSubmitted) {\n  <ion-button expand=\"block\" shape=\"round\" [disabled]=\"!canSubmit()\" (click)=\"submitReaction()\" class=\"submit-button\">\n    @if (state().isLoading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n    } @else { {{ state().hadPreviousReaction ? t('update') : t('submit') }} }\n  </ion-button>\n  }\n\n  <!-- Mensaje de confirmaci\u00F3n -->\n  @if (state().isSubmitted) {\n  <p class=\"submitted-message\">{{ t('thankYou') }}</p>\n  }\n\n  <!-- Error -->\n  @if (state().error) {\n  <p class=\"error-message\">{{ state().error }}</p>\n  } }\n</div>\n}\n", styles: [":host{display:block}.content-reaction{padding:16px;text-align:center}.content-reaction.disabled{opacity:.6;pointer-events:none}.content-reaction.readonly{pointer-events:none}.question{font-size:1.0625rem;font-weight:700;color:var(--ion-color-dark);margin:0 0 16px}.reaction-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.reaction-buttons--emoji{gap:8px}.reaction-buttons--emoji ion-button{--padding-start: 4px;--padding-end: 4px;transition:transform .15s ease}.reaction-buttons--emoji ion-button.selected{transform:scale(1.25)}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]){opacity:.55}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]):hover{opacity:1}.emoji-btn{font-size:2rem;line-height:1;display:block}.comment-section{margin-top:16px;animation:slideIn .3s ease-out}.comment-section .comment-textarea{--background: transparent;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;width:100%}.comment-section .char-count{display:block;text-align:right;font-size:.75rem;color:var(--ion-color-medium);margin-top:4px}.submit-button{margin-top:16px}.submitted-message{margin-top:16px;color:var(--ion-color-success);font-weight:500;animation:fadeIn .3s ease-out}.error-message{margin-top:8px;color:var(--ion-color-danger);font-size:.875rem}.loading-container{display:flex;justify-content:center;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentReactionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-content-reaction', standalone: true, imports: [CommonModule, FormsModule, IonButton, IonSpinner, IonTextarea], template: "@if (isConfigured()) {\n<div class=\"content-reaction\" [class.disabled]=\"resolvedProps().disabled\" [class.readonly]=\"resolvedProps().readonly\">\n  <!-- Loading inicial -->\n  @if (state().isLoading && !state().selectedValue) {\n  <div class=\"loading-container\">\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  </div>\n  } @else {\n  <!-- Pregunta -->\n  <p class=\"question\">\n    {{ state().selectedValue === 'negative' ? t('negativeFeedbackTitle') : resolvedProps().question }}\n  </p>\n\n  <!-- Botones de reacci\u00F3n \u2014 variante emoji (caras, estrellas, thumbs, \u2026) -->\n  @if (resolvedProps().variant === 'emoji') {\n  <div class=\"reaction-buttons reaction-buttons--emoji\">\n    @for (value of activeReactionValues(); track value; let i = $index) {\n    <ion-button\n      fill=\"clear\"\n      shape=\"round\"\n      [class.selected]=\"isSelected(value)\"\n      [attr.aria-label]=\"resolvedProps().emojiLabels[i]\"\n      [attr.aria-pressed]=\"isSelected(value)\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction(value)\"\n    >\n      <span class=\"emoji-btn\">{{ resolvedProps().emojis[i] }}</span>\n    </ion-button>\n    }\n  </div>\n  } @else {\n  <!-- Botones de reacci\u00F3n \u2014 variante texto (default) -->\n  <div class=\"reaction-buttons\">\n    <ion-button\n      [fill]=\"isSelected('positive') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('positive')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('positive')\"\n    >\n      {{ t('positiveLabel') }}\n    </ion-button>\n    <ion-button\n      [fill]=\"isSelected('negative') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('negative')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('negative')\"\n    >\n      {{ t('negativeLabel') }}\n    </ion-button>\n  </div>\n  }\n\n  <!-- Campo de comentario (solo si hay selecci\u00F3n) -->\n  @if (showCommentField()) {\n  <div class=\"comment-section\">\n    <ion-textarea\n      [value]=\"state().comment\"\n      [placeholder]=\"resolvedProps().commentPlaceholder\"\n      [maxlength]=\"resolvedProps().maxCommentLength\"\n      [disabled]=\"resolvedProps().disabled\"\n      [rows]=\"3\"\n      class=\"comment-textarea\"\n      (ionInput)=\"updateComment($event)\"\n    ></ion-textarea>\n    <span class=\"char-count\"> {{ state().comment.length }}/{{ resolvedProps().maxCommentLength }} </span>\n  </div>\n  }\n\n  <!-- Bot\u00F3n de env\u00EDo -->\n  @if (state().selectedValue && !state().isSubmitted) {\n  <ion-button expand=\"block\" shape=\"round\" [disabled]=\"!canSubmit()\" (click)=\"submitReaction()\" class=\"submit-button\">\n    @if (state().isLoading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n    } @else { {{ state().hadPreviousReaction ? t('update') : t('submit') }} }\n  </ion-button>\n  }\n\n  <!-- Mensaje de confirmaci\u00F3n -->\n  @if (state().isSubmitted) {\n  <p class=\"submitted-message\">{{ t('thankYou') }}</p>\n  }\n\n  <!-- Error -->\n  @if (state().error) {\n  <p class=\"error-message\">{{ state().error }}</p>\n  } }\n</div>\n}\n", styles: [":host{display:block}.content-reaction{padding:16px;text-align:center}.content-reaction.disabled{opacity:.6;pointer-events:none}.content-reaction.readonly{pointer-events:none}.question{font-size:1.0625rem;font-weight:700;color:var(--ion-color-dark);margin:0 0 16px}.reaction-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.reaction-buttons--emoji{gap:8px}.reaction-buttons--emoji ion-button{--padding-start: 4px;--padding-end: 4px;transition:transform .15s ease}.reaction-buttons--emoji ion-button.selected{transform:scale(1.25)}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]){opacity:.55}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]):hover{opacity:1}.emoji-btn{font-size:2rem;line-height:1;display:block}.comment-section{margin-top:16px;animation:slideIn .3s ease-out}.comment-section .comment-textarea{--background: transparent;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;width:100%}.comment-section .char-count{display:block;text-align:right;font-size:.75rem;color:var(--ion-color-medium);margin-top:4px}.submit-button{margin-top:16px}.submitted-message{margin-top:16px;color:var(--ion-color-success);font-weight:500;animation:fadeIn .3s ease-out}.error-message{margin-top:8px;color:var(--ion-color-danger);font-size:.875rem}.loading-container{display:flex;justify-content:center;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], reactionSubmit: [{
+                type: Output
+            }], reactionChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Defaults i18n (es/en) embebidos en `val-about-view`. Auto-registrados en el
+ * constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.About` por default). SOLO incluye las keys que la vista usa.
+ *
+ * Textos portados EXACTOS del override `Settings.About` de showcase
+ * (`frontend/showcase/src/i18n/index.ts`). Las keys de las acciones
+ * showcase-specific (`feedback*`, `share*`, `faq*`, `donate*`) NO se incluyen:
+ * esas acciones se modelan ahora como `actions[]` de la config (el consumer
+ * aporta sus propios textos). `copyrightText` se incluye aquí (antes salía del
+ * namespace `Layout`) para que la vista sea autocontenida.
+ */
+const ABOUT_VIEW_I18N = {
+    es: {
+        pageTitle: 'Acerca de',
+        pageDescription: 'Demo del factory Valtech',
+        tagline: 'App de demo — explora las funcionalidades en vivo',
+        descTitle: 'Acerca de Showcase',
+        descBody: 'Showcase es la app de referencia del factory Valtech. Aquí puedes explorar el flujo completo en vivo: autenticación, perfil, organizaciones, notificaciones y ajustes de cuenta.',
+        actionsTitle: 'Acciones',
+        rateTitle: 'Calificar la app',
+        rateDesc: 'Cuéntanos qué te ha parecido la experiencia.',
+        rateModalTitle: 'Tu opinión',
+        rateQuestion: '¿Qué te ha parecido la experiencia hasta ahora?',
+        rateComment: 'Cuéntanos más (opcional)…',
+        rateThanks: '¡Gracias por tu opinión!',
+        rateClose: 'Cerrar',
+        rateBad: 'No tanto',
+        rateMid: 'Bien',
+        rateGood: '¡Me encanta!',
+        socialTitle: 'Síguenos',
+        socialDesc: 'Estamos en redes sociales.',
+        versionLabel: 'Versión',
+        versionCopied: 'v{v} copiado',
+        copyrightText: '© {year}, Soluciones Valtech Ltda. o sus afiliados. Todos los derechos reservados.',
+    },
+    en: {
+        pageTitle: 'About',
+        pageDescription: 'Valtech factory demo',
+        tagline: 'Demo app — explore features live',
+        descTitle: 'About Showcase',
+        descBody: 'Showcase is the reference app for the Valtech factory. Explore the full flow live: authentication, profile, organizations, notifications and account settings.',
+        actionsTitle: 'Actions',
+        rateTitle: 'Rate the app',
+        rateDesc: 'Tell us how your experience has been.',
+        rateModalTitle: 'Your feedback',
+        rateQuestion: 'How has your experience been so far?',
+        rateComment: 'Tell us more (optional)…',
+        rateThanks: 'Thanks for your feedback!',
+        rateClose: 'Close',
+        rateBad: 'Not great',
+        rateMid: 'Good',
+        rateGood: 'Love it!',
+        socialTitle: 'Follow us',
+        socialDesc: "We're on social media.",
+        versionLabel: 'Version',
+        versionCopied: 'v{v} copied',
+        copyrightText: '© {year}, Soluciones Valtech Ltda. or its affiliates. All rights reserved.',
+    },
+};
+
+addIcons({
+    copyOutline,
+    starOutline,
+    chatbubbleEllipsesOutline,
+    shareSocialOutline,
+    helpCircleOutline,
+    logoFacebook,
+    logoInstagram,
+    logoLinkedin,
+    logoTwitter,
+    logoYoutube,
+    logoTiktok,
+});
+const DEFAULT_NAMESPACE = 'Settings.About';
+const DEFAULT_BRAND_NAME = 'Valtech';
+const DEFAULT_LOGO_SRC = 'assets/images/main-icon.png';
+const DEFAULT_RATING_ENTITY_ID = 'experience';
+/**
+ * `val-about-view` — vista About full-feature autocontenida (organism).
+ * Promovida desde `showcase` bajo el proceso de ADR-021. Reúne:
+ *  - **HERO** — logo + nombre de marca + tagline + pill de versión (copiable).
+ *  - **Descripción** — título + cuerpo.
+ *  - **Acciones** — action-card de rating built-in (abre `val-content-reaction`
+ *    DIRECTAMENTE vía `ModalService`, sin wrapper local — decisión CTO) + las
+ *    acciones genéricas que el consumer aporte por `config.actions`.
+ *  - **Redes** — links sociales (`config.socialLinks`); sección oculta si vacía.
+ *  - **Footer** — copyright con el año actual.
+ *
+ * Lo app-specific (logo, nombre, versión, redes, acciones share/faq) viaja como
+ * DATA de config — NO como slots (ADR-021). La versión la pasa el consumer
+ * (`config.version` = su `APP_VERSION`); la lib NO importa el `version.ts` de la
+ * app. Si no se pasa versión, el pill se oculta.
+ *
+ * NO renderiza ion-content — vive dentro de val-page-wrapper. `ActivatedRoute`
+ * se inyecta `{ optional: true }` solo para leer el route data de config.
+ *
+ * Auto-registra sus defaults i18n (es/en) en el constructor si el consumer no
+ * proveyó el namespace configurado (default `Settings.About`).
+ *
+ * GOTCHA i18n ContentReaction: `val-content-reaction` exige su namespace
+ * `ContentReaction` registrado donde se use (key faltante en binding + CD =
+ * navegador congelado en dev). `ContentReactionComponent` se auto-registra ese
+ * namespace en SU constructor, y como se abre vía `ModalService` ese constructor
+ * corre antes de que su template binde — queda cubierto. Igual lo importamos
+ * como dependencia explícita de esta vista para que la garantía sea local.
+ */
+class AboutViewComponent {
+    /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
+    get ns() {
+        return this.resolvedConfig().i18nNamespace;
+    }
+    constructor() {
+        this.nav = inject(NavigationService);
+        this.i18n = inject(I18nService);
+        this.modalService = inject(ModalService);
+        this.toast = inject(ToastService);
+        this.route = inject(ActivatedRoute, { optional: true });
+        this.resolvedConfig = computed(() => {
+            const fromRoute = (this.route?.snapshot.data['aboutConfig'] ?? {});
+            const merged = { ...fromRoute, ...(this.config ?? {}) };
+            return {
+                brand: {
+                    name: merged.brand?.name ?? DEFAULT_BRAND_NAME,
+                    logoSrc: merged.brand?.logoSrc ?? DEFAULT_LOGO_SRC,
+                },
+                version: merged.version ?? '',
+                socialLinks: merged.socialLinks ?? [],
+                showRating: merged.showRating ?? true,
+                ratingEntityId: merged.ratingEntityId ?? DEFAULT_RATING_ENTITY_ID,
+                actions: merged.actions ?? [],
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE,
+                onRated: merged.onRated,
+            };
+        });
+        this.brandName = computed(() => this.resolvedConfig().brand.name);
+        this.logoSrc = computed(() => this.resolvedConfig().brand.logoSrc);
+        this.version = computed(() => this.resolvedConfig().version);
+        this.socialLinks = computed(() => this.resolvedConfig().socialLinks);
+        this.showRating = computed(() => this.resolvedConfig().showRating);
+        this.actions = computed(() => this.resolvedConfig().actions);
+        /** Copyright del footer — año actual interpolado en `copyrightText`. */
+        this.copyright = computed(() => {
+            this.i18n.lang();
+            const year = String(new Date().getFullYear());
+            return this.tt('copyrightText').replace('{year}', year);
+        });
+        /** Title metadata para secciones — bold + size small. */
+        this.rateActionCard = computed(() => {
+            this.i18n.lang();
+            return {
+                icon: { ionicon: 'star-outline', color: 'primary' },
+                title: this.tt('rateTitle'),
+                description: this.tt('rateDesc'),
+                size: 'medium',
+                bordered: false,
+                shadowed: false,
+            };
+        });
+        const ns = this.ns;
+        if (!this.i18n.hasNamespace(ns)) {
+            this.i18n.registerContent(ns, ABOUT_VIEW_I18N);
+        }
+        this.nav.setBackHeader('pageTitle', ns, { withMenu: true });
+    }
+    /** Helper i18n bound al namespace resuelto. Reactivo vía `lang()`. */
+    tt(key) {
+        this.i18n.lang();
+        return this.i18n.t(key, this.ns);
+    }
+    /** Title metadata para secciones — bold + size small. */
+    sectionTitle(key) {
+        this.i18n.lang();
+        return {
+            content: this.tt(key),
+            size: 'small',
+            color: 'dark',
+            bold: true,
+        };
+    }
+    /** ActionCardMetadata para una acción genérica del consumer. */
+    extraActionCard(action) {
+        return {
+            icon: { ionicon: action.icon ?? 'chatbubble-ellipses-outline', color: 'primary' },
+            title: action.label,
+            description: action.description,
+            size: 'medium',
+            bordered: false,
+            shadowed: false,
+        };
+    }
+    /** Copia la versión al portapapeles + toast (color dark). */
+    async copyVersion() {
+        const v = this.version();
+        if (!v)
+            return;
+        try {
+            await navigator.clipboard.writeText(v);
+            this.toast.show({
+                message: this.tt('versionCopied').replace('{v}', v),
+                color: 'dark',
+                duration: 1500,
+            });
+        }
+        catch {
+            // clipboard no disponible — silencioso
+        }
+    }
+    /** Abre una URL externa en nueva tab. `mailto:` queda en la misma tab. */
+    openUrl(url) {
+        if (url.startsWith('mailto:')) {
+            window.location.href = url;
+            return;
+        }
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }
+    /**
+     * "Calificar la app" — abre `val-content-reaction` DIRECTAMENTE como sheet
+     * modal (sin wrapper local — decisión CTO). El componente persiste la reacción
+     * contra el backend de feedback y muestra su propio estado de "gracias"; el
+     * sheet se cierra arrastrando (breakpoint 0). El namespace i18n
+     * `ContentReaction` lo auto-registra `ContentReactionComponent` en su
+     * constructor, que corre al crear el modal — sin riesgo de key faltante.
+     *
+     * Sheet (bottom sheet): el contenido scrollea dentro y el botón "Enviar" queda
+     * siempre alcanzable, también en viewports chicos.
+     */
+    async openRating() {
+        const reactionProps = {
+            // entityType "app" distingue esta reacción de las de artículos/FAQs.
+            entityRef: { entityType: 'app', entityId: this.resolvedConfig().ratingEntityId },
+            question: this.tt('rateQuestion'),
+            commentPlaceholder: this.tt('rateComment'),
+            thankYouMessage: this.tt('rateThanks'),
+            showComment: true,
+            showThankYou: true,
+            // Modal one-shot: NO bloquear el render con el check de rating previo.
+            skipInitialCheck: true,
+            emojis: ['😕', '🙂', '😍'],
+            emojiLabels: [this.tt('rateBad'), this.tt('rateMid'), this.tt('rateGood')],
+        };
+        await this.modalService.open({
+            component: ContentReactionComponent,
+            componentProps: { props: reactionProps },
+            breakpoints: {
+                initialBreakpoint: 0.9,
+                breakpoints: [0, 0.9, 1],
+                showHandle: true,
+                handleBehavior: 'cycle',
+            },
+        });
+        this.resolvedConfig().onRated?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AboutViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AboutViewComponent, isStandalone: true, selector: "val-about-view", inputs: { config: "config" }, ngImport: i0, template: `
+    <ion-grid class="about-grid">
+      <!-- HERO: logo + name + version -->
+      <div class="about-hero">
+        <img class="about-hero__logo" [src]="logoSrc()" [alt]="brandName()" />
+        <val-title
+          [props]="{
+            content: brandName(),
+            size: 'xlarge',
+            color: 'dark',
+            bold: true,
+          }"
+        />
+        <val-text
+          [props]="{
+            content: tt('tagline'),
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+          }"
+        />
+        @if (version()) {
+          <div
+            class="version-row"
+            (click)="copyVersion()"
+            role="button"
+            [attr.aria-label]="tt('versionLabel') + ' ' + version()"
+          >
+            <val-pill
+              [props]="{
+                label: tt('versionLabel') + ' ' + version(),
+                color: 'dark',
+                weight: 'bold',
+                size: 'small',
+              }"
+            />
+            <ion-icon name="copy-outline" class="version-copy-icon" />
+          </div>
+        }
+      </div>
+
+      <!-- DESCRIPTION -->
+      <section class="about-section">
+        <val-title [props]="sectionTitle('descTitle')" />
+        <val-text
+          [props]="{
+            content: tt('descBody'),
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+          }"
+        />
+      </section>
+
+      <!-- ACTIONS — rating built-in + acciones del consumer. -->
+      @if (showRating() || actions().length > 0) {
+        <section class="about-section about-section--reviews">
+          <val-title [props]="sectionTitle('actionsTitle')" />
+          <div class="about-actions">
+            @if (showRating()) {
+              <val-action-card [props]="rateActionCard()" (onClick)="openRating()" />
+            }
+            @for (action of actions(); track action.label) {
+              <val-action-card [props]="extraActionCard(action)" (onClick)="action.onClick()" />
+            }
+          </div>
+        </section>
+      }
+
+      <!-- SOCIAL — penúltimo, justo antes del footer de derechos. -->
+      @if (socialLinks().length > 0) {
+        <section class="about-section">
+          <val-title [props]="sectionTitle('socialTitle')" />
+          <val-text
+            [props]="{
+              content: tt('socialDesc'),
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+            }"
+          />
+          <div class="about-social">
+            @for (s of socialLinks(); track s.url) {
+              <ion-button
+                fill="clear"
+                size="small"
+                class="social-btn"
+                [attr.aria-label]="s.label"
+                (click)="openUrl(s.url)"
+              >
+                <ion-icon [name]="s.icon" slot="icon-only" />
+              </ion-button>
+            }
+          </div>
+        </section>
+      }
+
+      <!-- FOOTER -->
+      <footer class="about-footer">
+        <val-text
+          [props]="{
+            content: copyright(),
+            size: 'small',
+            color: 'dark',
+            bold: false,
+          }"
+        />
+      </footer>
+    </ion-grid>
+  `, isInline: true, styles: [":host{display:block}.about-grid{padding:16px 0;max-width:720px;margin:0 auto}.about-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0 16px;text-align:center}.about-hero__logo{height:96px;width:auto;display:block}.version-row{display:flex;align-items:center;gap:6px;cursor:pointer;opacity:.85;transition:opacity .15s ease}.version-row:hover{opacity:1}.version-copy-icon{font-size:14px;color:var(--ion-color-medium)}.about-section{padding:16px 0 8px;display:flex;flex-direction:column;gap:8px}.about-actions{display:flex;flex-direction:column;gap:8px}.about-section--reviews val-action-card{display:block}.about-section--reviews val-action-card ::ng-deep .action-card{background:var(--ion-color-light, #f4f5f8);box-shadow:none}.about-section--reviews val-action-card ::ng-deep .action-card__description{color:var(--ion-color-dark);opacity:.7}.about-social{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}.about-social .social-btn{--border-radius: 50%;--background: var(--ion-color-light, #f4f5f8);--color: var(--ion-color-dark);--padding-start: 0;--padding-end: 0;width:48px;height:48px;margin:0;transition:transform .15s ease}.about-social .social-btn:hover{--background: var(--ion-color-primary-tint, #8a4ce5);--color: #fff;transform:translateY(-2px)}.about-social .social-btn ion-icon{font-size:22px}.about-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 0;text-align:center}:host-context(body.dark) val-action-card ::ng-deep .action-card,:host-context(html.ion-palette-dark) val-action-card ::ng-deep .action-card,:host-context([data-theme=\"dark\"]) val-action-card ::ng-deep .action-card{background:#ffffff0a}:host-context(body.dark) .about-section--reviews val-action-card ::ng-deep .action-card:hover,:host-context(html.ion-palette-dark) .about-section--reviews val-action-card ::ng-deep .action-card:hover,:host-context([data-theme=\"dark\"]) .about-section--reviews val-action-card ::ng-deep .action-card:hover{background:#ffffff14}:host-context(body.dark) .about-social .social-btn,:host-context(html.ion-palette-dark) .about-social .social-btn,:host-context([data-theme=\"dark\"]) .about-social .social-btn{--background: rgba(255, 255, 255, .04)}\n"], dependencies: [{ 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: IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: PillComponent, selector: "val-pill", inputs: ["preset", "props"], outputs: ["pillClick", "pillAction"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ActionCardComponent, selector: "val-action-card", inputs: ["props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AboutViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-about-view', standalone: true, imports: [IonButton, IonGrid, IonIcon, PillComponent, TitleComponent, TextComponent, ActionCardComponent], template: `
+    <ion-grid class="about-grid">
+      <!-- HERO: logo + name + version -->
+      <div class="about-hero">
+        <img class="about-hero__logo" [src]="logoSrc()" [alt]="brandName()" />
+        <val-title
+          [props]="{
+            content: brandName(),
+            size: 'xlarge',
+            color: 'dark',
+            bold: true,
+          }"
+        />
+        <val-text
+          [props]="{
+            content: tt('tagline'),
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+          }"
+        />
+        @if (version()) {
+          <div
+            class="version-row"
+            (click)="copyVersion()"
+            role="button"
+            [attr.aria-label]="tt('versionLabel') + ' ' + version()"
+          >
+            <val-pill
+              [props]="{
+                label: tt('versionLabel') + ' ' + version(),
+                color: 'dark',
+                weight: 'bold',
+                size: 'small',
+              }"
+            />
+            <ion-icon name="copy-outline" class="version-copy-icon" />
+          </div>
+        }
+      </div>
+
+      <!-- DESCRIPTION -->
+      <section class="about-section">
+        <val-title [props]="sectionTitle('descTitle')" />
+        <val-text
+          [props]="{
+            content: tt('descBody'),
+            size: 'medium',
+            color: 'dark',
+            bold: false,
+          }"
+        />
+      </section>
+
+      <!-- ACTIONS — rating built-in + acciones del consumer. -->
+      @if (showRating() || actions().length > 0) {
+        <section class="about-section about-section--reviews">
+          <val-title [props]="sectionTitle('actionsTitle')" />
+          <div class="about-actions">
+            @if (showRating()) {
+              <val-action-card [props]="rateActionCard()" (onClick)="openRating()" />
+            }
+            @for (action of actions(); track action.label) {
+              <val-action-card [props]="extraActionCard(action)" (onClick)="action.onClick()" />
+            }
+          </div>
+        </section>
+      }
+
+      <!-- SOCIAL — penúltimo, justo antes del footer de derechos. -->
+      @if (socialLinks().length > 0) {
+        <section class="about-section">
+          <val-title [props]="sectionTitle('socialTitle')" />
+          <val-text
+            [props]="{
+              content: tt('socialDesc'),
+              size: 'medium',
+              color: 'dark',
+              bold: false,
+            }"
+          />
+          <div class="about-social">
+            @for (s of socialLinks(); track s.url) {
+              <ion-button
+                fill="clear"
+                size="small"
+                class="social-btn"
+                [attr.aria-label]="s.label"
+                (click)="openUrl(s.url)"
+              >
+                <ion-icon [name]="s.icon" slot="icon-only" />
+              </ion-button>
+            }
+          </div>
+        </section>
+      }
+
+      <!-- FOOTER -->
+      <footer class="about-footer">
+        <val-text
+          [props]="{
+            content: copyright(),
+            size: 'small',
+            color: 'dark',
+            bold: false,
+          }"
+        />
+      </footer>
+    </ion-grid>
+  `, styles: [":host{display:block}.about-grid{padding:16px 0;max-width:720px;margin:0 auto}.about-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0 16px;text-align:center}.about-hero__logo{height:96px;width:auto;display:block}.version-row{display:flex;align-items:center;gap:6px;cursor:pointer;opacity:.85;transition:opacity .15s ease}.version-row:hover{opacity:1}.version-copy-icon{font-size:14px;color:var(--ion-color-medium)}.about-section{padding:16px 0 8px;display:flex;flex-direction:column;gap:8px}.about-actions{display:flex;flex-direction:column;gap:8px}.about-section--reviews val-action-card{display:block}.about-section--reviews val-action-card ::ng-deep .action-card{background:var(--ion-color-light, #f4f5f8);box-shadow:none}.about-section--reviews val-action-card ::ng-deep .action-card__description{color:var(--ion-color-dark);opacity:.7}.about-social{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}.about-social .social-btn{--border-radius: 50%;--background: var(--ion-color-light, #f4f5f8);--color: var(--ion-color-dark);--padding-start: 0;--padding-end: 0;width:48px;height:48px;margin:0;transition:transform .15s ease}.about-social .social-btn:hover{--background: var(--ion-color-primary-tint, #8a4ce5);--color: #fff;transform:translateY(-2px)}.about-social .social-btn ion-icon{font-size:22px}.about-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 0;text-align:center}:host-context(body.dark) val-action-card ::ng-deep .action-card,:host-context(html.ion-palette-dark) val-action-card ::ng-deep .action-card,:host-context([data-theme=\"dark\"]) val-action-card ::ng-deep .action-card{background:#ffffff0a}:host-context(body.dark) .about-section--reviews val-action-card ::ng-deep .action-card:hover,:host-context(html.ion-palette-dark) .about-section--reviews val-action-card ::ng-deep .action-card:hover,:host-context([data-theme=\"dark\"]) .about-section--reviews val-action-card ::ng-deep .action-card:hover{background:#ffffff14}:host-context(body.dark) .about-social .social-btn,:host-context(html.ion-palette-dark) .about-social .social-btn,:host-context([data-theme=\"dark\"]) .about-social .social-btn{--background: rgba(255, 255, 255, .04)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+/**
+ * Configuración acotada de `val-about-view` (object-first). La vista About es
+ * app-specific por naturaleza (logo, nombre, versión, redes, acciones extra),
+ * así que lo propio de cada app se parametriza como **DATA de config** — NO como
+ * slots arbitrarios (ADR-021: una vista full-feature no abre slots; si falta
+ * algo, se promueve un nuevo punto de extensión).
+ *
+ * Ejes de variación permitidos:
+ *  - **branding** — `brand.name` / `brand.logoSrc` (qué muestra el HERO).
+ *  - **versión** — `version` la pasa el consumer (la lib NO puede importar el
+ *    `version.ts` de la app). Si no se pasa, se oculta el pill de versión.
+ *  - **redes** — `socialLinks`; si está vacío se oculta la sección social.
+ *  - **rating** — `showRating` + `ratingEntityId` + `onRated`.
+ *  - **acciones extra** — `actions[]` genéricas que el consumer agrega junto a
+ *    la acción de rating built-in.
+ *  - **branding i18n** — `i18nNamespace` (default `'Settings.About'`).
+ */
+
+/**
+ * Helper para montar la vista About (`val-about-view`) como ruta en una app del
+ * factory. El `config` se pasa por route `data` (`aboutConfig`) y el componente
+ * lo lee como fallback de su `@Input() config` (el `@Input` gana).
+ *
+ * @example
+ * ```ts
+ * // settings.routes.ts
+ * import { APP_VERSION } from '../version';
+ *
+ * export const settingsRoutes: Routes = [
+ *   ...provideValtechAboutRoutes({ config: { version: APP_VERSION } }), // → /app/about
+ *   { path: 'preferences', loadComponent: () => ... },
+ * ];
+ *
+ * // con redes y acciones extra:
+ * ...provideValtechAboutRoutes({
+ *   config: {
+ *     version: APP_VERSION,
+ *     socialLinks: VALTECH_SOCIAL_LINKS.map(s => ({ icon: s.icon, url: s.url, label: s.name })),
+ *     actions: [{ label: 'Compartir', icon: 'share-social-outline', onClick: () => share() }],
+ *   },
+ * }),
+ * ```
+ */
+function provideValtechAboutRoutes(opts) {
+    return [
+        {
+            path: opts?.path ?? 'about',
+            component: AboutViewComponent,
+            data: { aboutConfig: opts?.config },
+        },
+    ];
+}
+
 /** Built-in label sets for the three platform locales. */
 const CALLOUT_LABELS = {
     es: {
@@ -58626,263 +60466,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-/**
- * Defaults i18n del componente (es/en). El componente los auto-registra en su
- * constructor si el consumer no proveyó el namespace `ContentReaction`. Esto
- * garantiza que NUNCA haya una key faltante: una key faltante se evalúa en el
- * template por cada change-detection → `console.warn` por CD → con el
- * `val-debug-console` activo (espeja console.* a un signal) se dispara un loop
- * infinito que congela el navegador en dev. Auto-registrar lo elimina de raíz.
- */
-const CONTENT_REACTION_I18N = {
-    es: {
-        question: '¿Te resultó útil este contenido?',
-        commentPlaceholder: 'Cuéntanos más (opcional)...',
-        submit: 'Enviar opinión',
-        update: 'Actualizar opinión',
-        thankYou: '¡Gracias por tu opinión!',
-        submitted: 'Tu opinión ha sido registrada',
-        errorSubmitting: 'Error al enviar. Intenta de nuevo.',
-        positiveLabel: 'Sí, mucho',
-        negativeLabel: 'No tanto',
-        negativeFeedbackTitle: '¿Cuéntanos qué no te gustó?',
-    },
-    en: {
-        question: 'Was this content helpful?',
-        commentPlaceholder: 'Tell us more (optional)...',
-        submit: 'Send feedback',
-        update: 'Update feedback',
-        thankYou: 'Thanks for your feedback!',
-        submitted: 'Your feedback has been recorded',
-        errorSubmitting: 'Failed to send. Please try again.',
-        positiveLabel: 'Yes, a lot',
-        negativeLabel: 'Not really',
-        negativeFeedbackTitle: "Tell us what you didn't like?",
-    },
-};
-/**
- * Componente para reacciones de contenido con emojis.
- *
- * @example
- * ```html
- * <val-content-reaction
- *   [props]="{
- *     entityRef: { entityType: 'article', entityId: 'art-123' },
- *     question: '¿Te fue útil este artículo?'
- *   }"
- *   (reactionSubmit)="onReactionSubmit($event)"
- * />
- * ```
- */
-class ContentReactionComponent {
-    constructor() {
-        this.feedbackService = inject(FeedbackService);
-        this.toast = inject(ToastService);
-        this.i18n = inject(I18nService);
-        this.auth = inject(AuthService, { optional: true });
-        this.isConfigured = computed(() => this.feedbackService.isConfigured());
-        this.props = {};
-        this.reactionSubmit = new EventEmitter();
-        this.reactionChange = new EventEmitter();
-        // Estado reactivo
-        this.state = signal({
-            selectedValue: null,
-            comment: '',
-            isLoading: false,
-            isSubmitted: false,
-            hadPreviousReaction: false,
-            error: null,
-        });
-        // Valores por defecto
-        this.defaultEmojis = ['😞', '😐', '😊'];
-        this.defaultLabels = ['No me ayudó', 'Regular', 'Muy útil'];
-        // Computed properties
-        this.resolvedProps = computed(() => ({
-            entityRef: this.props.entityRef,
-            question: this.props.question || this.t('question'),
-            showComment: this.props.showComment ?? true,
-            commentOnValues: this.props.commentOnValues,
-            commentPlaceholder: this.props.commentPlaceholder || this.t('commentPlaceholder'),
-            maxCommentLength: this.props.maxCommentLength ?? 500,
-            emojis: this.props.emojis || this.defaultEmojis,
-            emojiLabels: this.props.emojiLabels || this.defaultLabels,
-            showThankYou: this.props.showThankYou ?? true,
-            thankYouMessage: this.props.thankYouMessage || this.t('thankYou'),
-            disabled: this.props.disabled ?? false,
-            readonly: this.props.readonly ?? false,
-            // Variante: 'emoji' cuando se declara explícitamente o cuando se pasan emojis custom.
-            variant: this.props.variant ?? (this.props.emojis ? 'emoji' : 'buttons'),
-        }));
-        this.activeReactionValues = computed(() => this.resolvedProps().emojis.length === 2 ? ['negative', 'positive'] : ['negative', 'neutral', 'positive']);
-        this.showCommentField = computed(() => {
-            const sel = this.state().selectedValue;
-            if (!sel)
-                return false;
-            const commentOn = this.resolvedProps().commentOnValues;
-            if (commentOn !== undefined)
-                return commentOn.includes(sel);
-            return this.resolvedProps().showComment;
-        });
-        this.canSubmit = computed(() => this.state().selectedValue !== null && !this.state().isLoading);
-        // Auto-registro de defaults i18n (es/en) si el consumer no proveyó el
-        // namespace. Garantiza que `t()` nunca caiga en key faltante. Ver
-        // CONTENT_REACTION_I18N. Idempotente: solo la 1ª instancia registra.
-        if (!this.i18n.hasNamespace('ContentReaction')) {
-            this.i18n.registerContent('ContentReaction', CONTENT_REACTION_I18N);
-        }
-    }
-    ngOnInit() {
-        this.loadPreviousReaction();
-    }
-    ngOnChanges(changes) {
-        if (changes['props'] && !changes['props'].firstChange) {
-            this.loadPreviousReaction();
-        }
-    }
-    async loadPreviousReaction() {
-        if (!this.props.entityRef)
-            return;
-        // Si hay initialValue, usarlo directamente sin consultar
-        if (this.props.initialValue) {
-            this.state.update(s => ({
-                ...s,
-                selectedValue: this.props.initialValue,
-                hadPreviousReaction: true,
-                isLoading: false,
-                isSubmitted: true,
-            }));
-            return;
-        }
-        // Si skipInitialCheck está activo, no consultar
-        if (this.props.skipInitialCheck) {
-            return;
-        }
-        this.state.update(s => ({ ...s, isLoading: true, error: null }));
-        try {
-            const check = await this.feedbackService.checkFeedback(this.props.entityRef.entityType, this.props.entityRef.entityId);
-            if (check.hasFeedback && check.reactionValue) {
-                this.state.update(s => ({
-                    ...s,
-                    selectedValue: check.reactionValue,
-                    hadPreviousReaction: true,
-                    isLoading: false,
-                    isSubmitted: true,
-                }));
-            }
-            else {
-                this.state.update(s => ({ ...s, isLoading: false }));
-            }
-        }
-        catch (error) {
-            console.error('Error loading previous reaction:', error);
-            this.state.update(s => ({ ...s, isLoading: false }));
-        }
-    }
-    selectReaction(value) {
-        if (this.resolvedProps().disabled || this.resolvedProps().readonly)
-            return;
-        const previousValue = this.state().selectedValue;
-        this.state.update(s => ({
-            ...s,
-            selectedValue: value,
-            isSubmitted: false,
-            error: null,
-        }));
-        this.reactionChange.emit({ value, previousValue });
-    }
-    async submitReaction() {
-        const currentState = this.state();
-        const props = this.resolvedProps();
-        if (!currentState.selectedValue || props.disabled)
-            return;
-        this.state.update(s => ({ ...s, isLoading: true, error: null }));
-        try {
-            // Determinar si usar endpoint anónimo o autenticado
-            const isAuthenticated = this.auth?.isAuthenticated() ?? false;
-            const useAnonymous = this.props.allowAnonymous && !isAuthenticated;
-            if (useAnonymous) {
-                // Usar endpoint anónimo (público)
-                await this.feedbackService.createAnonymousReaction(props.entityRef, currentState.selectedValue, currentState.comment || undefined);
-            }
-            else {
-                // Usar endpoint autenticado
-                await this.feedbackService.createReaction(props.entityRef, currentState.selectedValue, currentState.comment || undefined);
-            }
-            this.state.update(s => ({
-                ...s,
-                isLoading: false,
-                isSubmitted: true,
-                comment: '',
-                hadPreviousReaction: !useAnonymous, // Solo para autenticados
-            }));
-            this.reactionSubmit.emit({
-                value: currentState.selectedValue,
-                comment: currentState.comment || undefined,
-                entityRef: props.entityRef,
-                isUpdate: currentState.hadPreviousReaction,
-            });
-            if (props.showThankYou) {
-                this.toast.show({
-                    message: props.thankYouMessage,
-                    duration: 2000,
-                });
-            }
-        }
-        catch (error) {
-            console.error('Error submitting reaction:', error);
-            this.state.update(s => ({
-                ...s,
-                isLoading: false,
-                error: this.t('errorSubmitting'),
-            }));
-            this.toast.show({
-                message: this.t('errorSubmitting'),
-                duration: 3000,
-            });
-        }
-    }
-    updateComment(event) {
-        const value = event.detail.value || '';
-        this.state.update(s => ({ ...s, comment: value }));
-    }
-    getEmoji(index) {
-        return this.resolvedProps().emojis[index];
-    }
-    getEmojiLabel(index) {
-        return this.resolvedProps().emojiLabels[index];
-    }
-    isSelected(value) {
-        return this.state().selectedValue === value;
-    }
-    t(key) {
-        const translations = {
-            question: '¿Te resultó útil este contenido?',
-            commentPlaceholder: 'Cuéntanos más (opcional)...',
-            submit: 'Enviar opinión',
-            update: 'Actualizar opinión',
-            thankYou: '¡Gracias por tu opinión!',
-            submitted: 'Tu opinión ha sido registrada',
-            errorSubmitting: 'Error al enviar. Intenta de nuevo.',
-            positiveLabel: 'Sí, mucho',
-            negativeLabel: 'No tanto',
-            negativeFeedbackTitle: '¿Cuéntanos qué no te gustó?',
-        };
-        return this.i18n.t(key, 'ContentReaction') || translations[key] || key;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentReactionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ContentReactionComponent, isStandalone: true, selector: "val-content-reaction", inputs: { props: "props" }, outputs: { reactionSubmit: "reactionSubmit", reactionChange: "reactionChange" }, usesOnChanges: true, ngImport: i0, template: "@if (isConfigured()) {\n<div class=\"content-reaction\" [class.disabled]=\"resolvedProps().disabled\" [class.readonly]=\"resolvedProps().readonly\">\n  <!-- Loading inicial -->\n  @if (state().isLoading && !state().selectedValue) {\n  <div class=\"loading-container\">\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  </div>\n  } @else {\n  <!-- Pregunta -->\n  <p class=\"question\">\n    {{ state().selectedValue === 'negative' ? t('negativeFeedbackTitle') : resolvedProps().question }}\n  </p>\n\n  <!-- Botones de reacci\u00F3n \u2014 variante emoji (caras, estrellas, thumbs, \u2026) -->\n  @if (resolvedProps().variant === 'emoji') {\n  <div class=\"reaction-buttons reaction-buttons--emoji\">\n    @for (value of activeReactionValues(); track value; let i = $index) {\n    <ion-button\n      fill=\"clear\"\n      shape=\"round\"\n      [class.selected]=\"isSelected(value)\"\n      [attr.aria-label]=\"resolvedProps().emojiLabels[i]\"\n      [attr.aria-pressed]=\"isSelected(value)\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction(value)\"\n    >\n      <span class=\"emoji-btn\">{{ resolvedProps().emojis[i] }}</span>\n    </ion-button>\n    }\n  </div>\n  } @else {\n  <!-- Botones de reacci\u00F3n \u2014 variante texto (default) -->\n  <div class=\"reaction-buttons\">\n    <ion-button\n      [fill]=\"isSelected('positive') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('positive')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('positive')\"\n    >\n      {{ t('positiveLabel') }}\n    </ion-button>\n    <ion-button\n      [fill]=\"isSelected('negative') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('negative')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('negative')\"\n    >\n      {{ t('negativeLabel') }}\n    </ion-button>\n  </div>\n  }\n\n  <!-- Campo de comentario (solo si hay selecci\u00F3n) -->\n  @if (showCommentField()) {\n  <div class=\"comment-section\">\n    <ion-textarea\n      [value]=\"state().comment\"\n      [placeholder]=\"resolvedProps().commentPlaceholder\"\n      [maxlength]=\"resolvedProps().maxCommentLength\"\n      [disabled]=\"resolvedProps().disabled\"\n      [rows]=\"3\"\n      class=\"comment-textarea\"\n      (ionInput)=\"updateComment($event)\"\n    ></ion-textarea>\n    <span class=\"char-count\"> {{ state().comment.length }}/{{ resolvedProps().maxCommentLength }} </span>\n  </div>\n  }\n\n  <!-- Bot\u00F3n de env\u00EDo -->\n  @if (state().selectedValue && !state().isSubmitted) {\n  <ion-button expand=\"block\" shape=\"round\" [disabled]=\"!canSubmit()\" (click)=\"submitReaction()\" class=\"submit-button\">\n    @if (state().isLoading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n    } @else { {{ state().hadPreviousReaction ? t('update') : t('submit') }} }\n  </ion-button>\n  }\n\n  <!-- Mensaje de confirmaci\u00F3n -->\n  @if (state().isSubmitted) {\n  <p class=\"submitted-message\">{{ t('thankYou') }}</p>\n  }\n\n  <!-- Error -->\n  @if (state().error) {\n  <p class=\"error-message\">{{ state().error }}</p>\n  } }\n</div>\n}\n", styles: [":host{display:block}.content-reaction{padding:16px;text-align:center}.content-reaction.disabled{opacity:.6;pointer-events:none}.content-reaction.readonly{pointer-events:none}.question{font-size:1.0625rem;font-weight:700;color:var(--ion-color-dark);margin:0 0 16px}.reaction-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.reaction-buttons--emoji{gap:8px}.reaction-buttons--emoji ion-button{--padding-start: 4px;--padding-end: 4px;transition:transform .15s ease}.reaction-buttons--emoji ion-button.selected{transform:scale(1.25)}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]){opacity:.55}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]):hover{opacity:1}.emoji-btn{font-size:2rem;line-height:1;display:block}.comment-section{margin-top:16px;animation:slideIn .3s ease-out}.comment-section .comment-textarea{--background: transparent;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;width:100%}.comment-section .char-count{display:block;text-align:right;font-size:.75rem;color:var(--ion-color-medium);margin-top:4px}.submit-button{margin-top:16px}.submitted-message{margin-top:16px;color:var(--ion-color-success);font-weight:500;animation:fadeIn .3s ease-out}.error-message{margin-top:8px;color:var(--ion-color-danger);font-size:.875rem}.loading-container{display:flex;justify-content:center;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { 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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContentReactionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-content-reaction', standalone: true, imports: [CommonModule, FormsModule, IonButton, IonSpinner, IonTextarea], template: "@if (isConfigured()) {\n<div class=\"content-reaction\" [class.disabled]=\"resolvedProps().disabled\" [class.readonly]=\"resolvedProps().readonly\">\n  <!-- Loading inicial -->\n  @if (state().isLoading && !state().selectedValue) {\n  <div class=\"loading-container\">\n    <ion-spinner name=\"crescent\"></ion-spinner>\n  </div>\n  } @else {\n  <!-- Pregunta -->\n  <p class=\"question\">\n    {{ state().selectedValue === 'negative' ? t('negativeFeedbackTitle') : resolvedProps().question }}\n  </p>\n\n  <!-- Botones de reacci\u00F3n \u2014 variante emoji (caras, estrellas, thumbs, \u2026) -->\n  @if (resolvedProps().variant === 'emoji') {\n  <div class=\"reaction-buttons reaction-buttons--emoji\">\n    @for (value of activeReactionValues(); track value; let i = $index) {\n    <ion-button\n      fill=\"clear\"\n      shape=\"round\"\n      [class.selected]=\"isSelected(value)\"\n      [attr.aria-label]=\"resolvedProps().emojiLabels[i]\"\n      [attr.aria-pressed]=\"isSelected(value)\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction(value)\"\n    >\n      <span class=\"emoji-btn\">{{ resolvedProps().emojis[i] }}</span>\n    </ion-button>\n    }\n  </div>\n  } @else {\n  <!-- Botones de reacci\u00F3n \u2014 variante texto (default) -->\n  <div class=\"reaction-buttons\">\n    <ion-button\n      [fill]=\"isSelected('positive') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('positive')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('positive')\"\n    >\n      {{ t('positiveLabel') }}\n    </ion-button>\n    <ion-button\n      [fill]=\"isSelected('negative') ? 'solid' : 'outline'\"\n      shape=\"round\"\n      color=\"dark\"\n      [attr.aria-pressed]=\"isSelected('negative')\"\n      [disabled]=\"resolvedProps().disabled || resolvedProps().readonly\"\n      (click)=\"selectReaction('negative')\"\n    >\n      {{ t('negativeLabel') }}\n    </ion-button>\n  </div>\n  }\n\n  <!-- Campo de comentario (solo si hay selecci\u00F3n) -->\n  @if (showCommentField()) {\n  <div class=\"comment-section\">\n    <ion-textarea\n      [value]=\"state().comment\"\n      [placeholder]=\"resolvedProps().commentPlaceholder\"\n      [maxlength]=\"resolvedProps().maxCommentLength\"\n      [disabled]=\"resolvedProps().disabled\"\n      [rows]=\"3\"\n      class=\"comment-textarea\"\n      (ionInput)=\"updateComment($event)\"\n    ></ion-textarea>\n    <span class=\"char-count\"> {{ state().comment.length }}/{{ resolvedProps().maxCommentLength }} </span>\n  </div>\n  }\n\n  <!-- Bot\u00F3n de env\u00EDo -->\n  @if (state().selectedValue && !state().isSubmitted) {\n  <ion-button expand=\"block\" shape=\"round\" [disabled]=\"!canSubmit()\" (click)=\"submitReaction()\" class=\"submit-button\">\n    @if (state().isLoading) {\n    <ion-spinner name=\"crescent\"></ion-spinner>\n    } @else { {{ state().hadPreviousReaction ? t('update') : t('submit') }} }\n  </ion-button>\n  }\n\n  <!-- Mensaje de confirmaci\u00F3n -->\n  @if (state().isSubmitted) {\n  <p class=\"submitted-message\">{{ t('thankYou') }}</p>\n  }\n\n  <!-- Error -->\n  @if (state().error) {\n  <p class=\"error-message\">{{ state().error }}</p>\n  } }\n</div>\n}\n", styles: [":host{display:block}.content-reaction{padding:16px;text-align:center}.content-reaction.disabled{opacity:.6;pointer-events:none}.content-reaction.readonly{pointer-events:none}.question{font-size:1.0625rem;font-weight:700;color:var(--ion-color-dark);margin:0 0 16px}.reaction-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.reaction-buttons--emoji{gap:8px}.reaction-buttons--emoji ion-button{--padding-start: 4px;--padding-end: 4px;transition:transform .15s ease}.reaction-buttons--emoji ion-button.selected{transform:scale(1.25)}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]){opacity:.55}.reaction-buttons--emoji ion-button:not(.selected):not([disabled]):hover{opacity:1}.emoji-btn{font-size:2rem;line-height:1;display:block}.comment-section{margin-top:16px;animation:slideIn .3s ease-out}.comment-section .comment-textarea{--background: transparent;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;width:100%}.comment-section .char-count{display:block;text-align:right;font-size:.75rem;color:var(--ion-color-medium);margin-top:4px}.submit-button{margin-top:16px}.submitted-message{margin-top:16px;color:var(--ion-color-success);font-weight:500;animation:fadeIn .3s ease-out}.error-message{margin-top:8px;color:var(--ion-color-danger);font-size:.875rem}.loading-container{display:flex;justify-content:center;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{
-                type: Input
-            }], reactionSubmit: [{
-                type: Output
-            }], reactionChange: [{
-                type: Output
-            }] } });
-
 const DEFAULT_SPLASH_SCREEN_CONFIG = {
     fadeOutDuration: 300,
 };
@@ -62735,5 +64318,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, 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, 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