valtech-components 4.0.174 → 4.0.176

package/fesm2022/valtech-components.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, SecurityContext, NgZone, ViewChild, ElementRef, ChangeDetectorRef, output, ContentChild, model, ViewEncapsulation, untracked, viewChild, Injector, isSignal } from '@angular/core';
-import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, forkJoin, race, timer, shareReplay as shareReplay$1 } from 'rxjs';
-import { catchError, switchMap, finalize, filter, take, timeout, map as map$1, tap, shareReplay, distinctUntilChanged as distinctUntilChanged$1, retry, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
+import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, forkJoin, race, timer, shareReplay } from 'rxjs';
+import { catchError, switchMap, finalize, filter, take, timeout, map as map$1, tap, distinctUntilChanged as distinctUntilChanged$1, retry, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
 import { provideHttpClient, withInterceptors, HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i1$1 from '@angular/fire/firestore';
@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.174';
+const VERSION = '4.0.176';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -2204,7 +2204,10 @@ class AuthStateService {
      * Resetea todo el estado a valores iniciales.
      */
     reset() {
-        this._state.set(INITIAL_AUTH_STATE);
+        // isLoading: false — al resetear (logout) ya no hay bootstrap en curso;
+        // INITIAL_AUTH_STATE tiene isLoading:true porque es el estado del arranque frío.
+        // El guestGuard espera isLoading=false para dejar pasar a /login.
+        this._state.set({ ...INITIAL_AUTH_STATE, isLoading: false });
         this._mfaPending.set(INITIAL_MFA_STATE);
     }
     /**
@@ -8349,13 +8352,6 @@ class AuthService {
         this.refreshTimerId = null;
         this.syncSubscription = null;
         this.firestoreRBACUnsubscribe = null;
-        // Single-flight refresh: un solo POST /refresh en vuelo a la vez. Todos los
-        // callers (bootstrap, reestablecer Firebase, interceptor 401, timer proactivo)
-        // comparten el MISMO observable. Sin esto, refreshes concurrentes chocan contra
-        // la rotación de refresh token del backend: el primero rota el token y el
-        // segundo llega con el token ya invalidado → 401 → logout espurio (el usuario
-        // cae a la landing al actualizar). Ver project_pwa-login-freeze.
-        this.inFlightRefresh$ = null;
         // =============================================
         // ESTADO PÚBLICO (Signals readonly)
         // =============================================
@@ -8766,20 +8762,13 @@ class AuthService {
      * que el cliente debe guardar para el próximo refresh.
      */
     refreshAccessToken() {
-        // Single-flight: si ya hay un /refresh en vuelo, devolvemos el MISMO
-        // observable (multicast vía shareReplay). Evita la carrera contra la rotación
-        // de refresh token del backend, que producía 401 espurios → logout al
-        // actualizar. Ver inFlightRefresh$ y project_pwa-login-freeze.
-        if (this.inFlightRefresh$) {
-            return this.inFlightRefresh$;
-        }
         // H-05 same-site-aware: en same-site (prod) el refresh va SOLO por la cookie
         // HttpOnly (body vacío), no se persiste en localStorage → un XSS no lo roba.
         // En cross-site (dev) la cookie de terceros se bloquea (Safari ITP / Chrome
         // 3rd-party phase-out) → se manda en el body + se persiste (fallback).
         // withCredentials adjunta la cookie cuando el browser la permite.
         const body = this.storageService.cookieOnly ? {} : { refreshToken: this.state().refreshToken };
-        this.inFlightRefresh$ = this.http
+        return this.http
             .post(`${this.baseUrl}/refresh`, body, { withCredentials: true })
             .pipe(
         // Nunca dejar el refresh colgado: si la red/Lambda no responde a tiempo,
@@ -8809,17 +8798,7 @@ class AuthService {
             // initialize() only clears state (no redirect). Auto-navigating to
             // /login from this method redirects even users on public routes.
             return throwError(() => error);
-        }), 
-        // Liberar el slot al terminar (éxito, error o timeout) para que el
-        // próximo refresh real arranque uno nuevo.
-        finalize(() => {
-            this.inFlightRefresh$ = null;
-        }), 
-        // Multicast: los side-effects del tap corren UNA vez y todos los callers
-        // concurrentes reciben la misma respuesta/error. refCount:false → que un
-        // caller se desuscribe temprano NO cancela la rotación de token en vuelo.
-        shareReplay({ bufferSize: 1, refCount: false }));
-        return this.inFlightRefresh$;
+        }));
     }
     /**
      * Maneja autenticación exitosa desde fuentes externas (OAuth, etc).
@@ -28372,13 +28351,6 @@ class UpdateBannerComponent {
                 dismissAction: this.tr('dismissAction'),
             };
         });
-        /**
-         * Feedback visual mientras se aplica el update. El botón pasa a estado
-         * WORKING (spinner) y se bloquean nuevos taps. `applyUpdate()` siempre
-         * recarga la página al terminar (try/finally), así que NO reseteamos este
-         * flag: queda en true hasta que el reload reemplaza la app.
-         */
-        this.applying = signal(false);
         if (!this.i18n.hasNamespace(UPDATE_BANNER_I18N_NAMESPACE)) {
             this.i18n.registerContent(UPDATE_BANNER_I18N_NAMESPACE, {
                 es: UPDATE_BANNER_DEFAULT_CONTENT.es,
@@ -28388,11 +28360,6 @@ class UpdateBannerComponent {
     }
     /** Aplica la actualización (activa el SW si existe + recarga). */
     onUpdate() {
-        // Anti multi-tap: el botón WORKING no queda `disabled` a nivel DOM, así que
-        // sin este guard un usuario impaciente dispararía applyUpdate() N veces.
-        if (this.applying())
-            return;
-        this.applying.set(true);
         void this.version.applyUpdate();
     }
     /** Descarta el banner opcional. No-op en modo obligatorio. */
@@ -28462,7 +28429,7 @@ class UpdateBannerComponent {
                 color: 'primary',
                 fill: 'solid',
                 size: 'small',
-                state: applying() ? 'WORKING' : 'ENABLED',
+                state: 'ENABLED',
                 type: 'button',
               }"
               (onClick)="onUpdate()"
@@ -28474,7 +28441,7 @@ class UpdateBannerComponent {
                   color: 'dark',
                   fill: 'clear',
                   size: 'small',
-                  state: applying() ? 'DISABLED' : 'ENABLED',
+                  state: 'ENABLED',
                   type: 'button',
                 }"
                 (onClick)="onDismiss()"
@@ -28537,7 +28504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 color: 'primary',
                 fill: 'solid',
                 size: 'small',
-                state: applying() ? 'WORKING' : 'ENABLED',
+                state: 'ENABLED',
                 type: 'button',
               }"
               (onClick)="onUpdate()"
@@ -28549,7 +28516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                   color: 'dark',
                   fill: 'clear',
                   size: 'small',
-                  state: applying() ? 'DISABLED' : 'ENABLED',
+                  state: 'ENABLED',
                   type: 'button',
                 }"
                 (onClick)="onDismiss()"
@@ -49841,384 +49808,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
-/**
- * Defaults i18n (es/en) embebidos en `val-switch-org-modal`. Auto-registrados en
- * el constructor del componente si el consumer no proveyó el namespace
- * (`Settings.SwitchOrg` por default). SOLO incluye las keys que el modal usa.
- */
-const SWITCH_ORG_MODAL_I18N = {
-    es: {
-        title: 'Cambiar de cuenta',
-        subtitle: 'Selecciona la organización a la que quieres cambiar.',
-        searchPlaceholder: 'Buscar organización...',
-        noResults: 'No se encontraron organizaciones.',
-        current: 'Actual',
-        close: 'Cerrar',
-        switchError: 'No se pudo cambiar de organización.',
-        profile: 'Mi perfil',
-        newOrg: 'Nueva organización',
-    },
-    en: {
-        title: 'Switch account',
-        subtitle: 'Select the organization you want to switch to.',
-        searchPlaceholder: 'Search organization...',
-        noResults: 'No organizations found.',
-        current: 'Active',
-        close: 'Close',
-        switchError: 'Could not switch organization.',
-        profile: 'My profile',
-        newOrg: 'New organization',
-    },
-};
-
-const DEFAULT_NAMESPACE$e = 'Settings.SwitchOrg';
-addIcons({ addOutline, businessOutline, checkmarkCircleOutline });
-/**
- * `val-switch-org-modal` — modal de cambio de organización activa (organism
- * compartido). Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por
- * la vista Cuenta (y futuras vistas org-aware).
- *
- * Lista las organizaciones del user (vía `OrgService.listMyOrgs`), permite buscar
- * por nombre, y cambia la org activa con `OrgSwitchService.switchTo`. La org
- * actual queda primera y deshabilitada.
- *
- * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
- * `onSuccess`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en
- * `slot=end`, título/subtítulo en el body con `val-display`/`val-title`.
- *
- * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
- * `Settings.SwitchOrg`.
- */
-class SwitchOrgModalComponent {
-    onLogoError(orgId) {
-        const next = new Set(this.failedLogos());
-        next.add(orgId);
-        this.failedLogos.set(next);
-    }
-    constructor() {
-        this.i18n = inject(I18nService);
-        this.auth = inject(AuthService);
-        this.orgService = inject(OrgService);
-        this.orgSwitch = inject(OrgSwitchService);
-        this.errors = inject(ValtechErrorService);
-        /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$e;
-        this.orgs = signal([]);
-        this.loading = signal(false);
-        this.query = signal('');
-        this.switchingId = signal(null);
-        this.user = computed(() => this.auth.user());
-        /** Avatar de usuario que falló al cargar → cae a iniciales. */
-        this.userAvatarFailed = signal(false);
-        /** IDs de orgs cuyo logo falló al cargar → caen al ícono business-outline. */
-        this.failedLogos = signal(new Set());
-        this.userInitials = computed(() => {
-            const name = this.user()?.name ?? this.user()?.email ?? '?';
-            return name.slice(0, 2).toUpperCase();
-        });
-        this.activeOrgId = computed(() => {
-            const u = this.auth.user();
-            return u?.activeOrgId ?? u?.activeOrg ?? '';
-        });
-        this.filteredOrgs = computed(() => {
-            const q = this.query().trim().toLowerCase();
-            const list = this.orgs();
-            if (!q)
-                return list;
-            return list.filter(o => o.name.toLowerCase().includes(q));
-        });
-        this.i18n.registerDefaults(DEFAULT_NAMESPACE$e, SWITCH_ORG_MODAL_I18N);
-        this.loadOrgs();
-    }
-    onQueryChange(value) {
-        this.query.set(value ?? '');
-    }
-    async onSelect(org) {
-        if (this.switchingId() || org.id === this.activeOrgId())
-            return;
-        this.switchingId.set(org.id);
-        try {
-            await this.orgSwitch.switchTo(org.id);
-            this.onSuccess?.();
-            this.dismiss();
-        }
-        catch (err) {
-            this.errors.handle(err, {
-                context: 'account.switchOrg',
-                fallbackKey: 'switchError',
-                i18nNamespace: this.i18nNamespace,
-            });
-            this.switchingId.set(null);
-        }
-    }
-    loadOrgs() {
-        this.loading.set(true);
-        this.orgService
-            .listMyOrgs()
-            .pipe(take(1))
-            .subscribe({
-            next: orgs => {
-                const activeId = this.activeOrgId();
-                this.orgs.set([...orgs].sort((a, b) => (a.id === activeId ? -1 : b.id === activeId ? 1 : 0)));
-                this.loading.set(false);
-            },
-            error: () => this.loading.set(false),
-        });
-    }
-    onProfile() {
-        this.dismiss();
-        this.onProfileClick?.();
-    }
-    onCreateNew() {
-        this.dismiss();
-        this.onCreateOrg?.();
-    }
-    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: SwitchOrgModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SwitchOrgModalComponent, isStandalone: true, selector: "val-switch-org-modal", inputs: { _modalRef: "_modalRef", onSuccess: "onSuccess", onProfileClick: "onProfileClick", onCreateOrg: "onCreateOrg", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
-    <ion-header>
-      <ion-toolbar>
-        <ion-buttons slot="end">
-          <ion-button fill="clear" color="dark" shape="round" (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('subtitle'),
-          size: 'large',
-          color: '',
-          bold: false,
-        }"
-      />
-
-      <div class="user-strip">
-        <div class="user-strip__avatar">
-          @if (user()?.avatarUrl && !userAvatarFailed()) {
-            <img [src]="user()!.avatarUrl!" [alt]="user()?.name ?? ''" (error)="userAvatarFailed.set(true)" />
-          } @else {
-            <span>{{ userInitials() }}</span>
-          }
-        </div>
-        <div class="user-strip__info">
-          <span class="user-strip__name">{{ user()?.name || user()?.email || '' }}</span>
-          <span class="user-strip__email">{{ user()?.email || '' }}</span>
-        </div>
-        <button class="user-strip__profile-btn" type="button" (click)="onProfile()">
-          {{ t('profile') }}
-        </button>
-      </div>
-
-      <div class="switch-section">
-        <val-searchbar
-          [props]="{
-            placeholder: t('searchPlaceholder'),
-            debounce: 200,
-            showCancelButton: 'never',
-          }"
-          (filterEvent)="onQueryChange($event)"
-        />
-
-        @if (loading()) {
-          <div class="switch-state">
-            <ion-spinner name="crescent" />
-          </div>
-        } @else if (filteredOrgs().length === 0) {
-          <val-empty-state
-            [props]="{
-              variant: 'empty',
-              title: t('noResults'),
-              icon: 'business-outline',
-            }"
-          />
-        } @else {
-          <div class="orgs-list">
-            @for (org of filteredOrgs(); track org.id) {
-              <button
-                type="button"
-                class="org-row"
-                [class.org-row--active]="org.id === activeOrgId()"
-                [disabled]="!!switchingId() || org.id === activeOrgId()"
-                (click)="onSelect(org)"
-              >
-                <div class="org-row__icon">
-                  @if (org.logoUrl && !failedLogos().has(org.id)) {
-                    <img [src]="org.logoUrl" [alt]="org.name" (error)="onLogoError(org.id)" />
-                  } @else {
-                    <ion-icon name="business-outline" />
-                  }
-                </div>
-                <div class="org-row__body">
-                  <span class="org-row__name">{{ org.name }}</span>
-                  <span class="org-row__type">{{ org.type }}</span>
-                </div>
-                <div class="org-row__end">
-                  @if (switchingId() === org.id) {
-                    <ion-spinner name="crescent" class="org-row__spinner" />
-                  } @else if (org.id === activeOrgId()) {
-                    <span class="org-row__current">{{ t('current') }}</span>
-                    <ion-icon name="checkmark-circle-outline" class="org-row__check" />
-                  }
-                </div>
-              </button>
-            }
-          </div>
-        }
-      </div>
-
-      @if (onCreateOrg) {
-        <div class="new-org-cta">
-          <ion-button expand="block" fill="outline" color="dark" shape="round" (click)="onCreateNew()">
-            <ion-icon slot="start" name="add-outline" />
-            {{ t('newOrg') }}
-          </ion-button>
-        </div>
-      }
-    </ion-content>
-  `, isInline: true, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__profile-btn{background:none;border:none;padding:6px 0;font-size:.82rem;font-weight:600;color:var(--ion-color-dark);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"], dependencies: [{ 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchOrgModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-switch-org-modal', standalone: true, imports: [
-                        IonHeader,
-                        IonToolbar,
-                        IonButtons,
-                        IonButton,
-                        IonContent,
-                        IonSpinner,
-                        IonIcon,
-                        DisplayComponent,
-                        EmptyStateComponent,
-                        SearchbarComponent,
-                        TitleComponent,
-                    ], template: `
-    <ion-header>
-      <ion-toolbar>
-        <ion-buttons slot="end">
-          <ion-button fill="clear" color="dark" shape="round" (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('subtitle'),
-          size: 'large',
-          color: '',
-          bold: false,
-        }"
-      />
-
-      <div class="user-strip">
-        <div class="user-strip__avatar">
-          @if (user()?.avatarUrl && !userAvatarFailed()) {
-            <img [src]="user()!.avatarUrl!" [alt]="user()?.name ?? ''" (error)="userAvatarFailed.set(true)" />
-          } @else {
-            <span>{{ userInitials() }}</span>
-          }
-        </div>
-        <div class="user-strip__info">
-          <span class="user-strip__name">{{ user()?.name || user()?.email || '' }}</span>
-          <span class="user-strip__email">{{ user()?.email || '' }}</span>
-        </div>
-        <button class="user-strip__profile-btn" type="button" (click)="onProfile()">
-          {{ t('profile') }}
-        </button>
-      </div>
-
-      <div class="switch-section">
-        <val-searchbar
-          [props]="{
-            placeholder: t('searchPlaceholder'),
-            debounce: 200,
-            showCancelButton: 'never',
-          }"
-          (filterEvent)="onQueryChange($event)"
-        />
-
-        @if (loading()) {
-          <div class="switch-state">
-            <ion-spinner name="crescent" />
-          </div>
-        } @else if (filteredOrgs().length === 0) {
-          <val-empty-state
-            [props]="{
-              variant: 'empty',
-              title: t('noResults'),
-              icon: 'business-outline',
-            }"
-          />
-        } @else {
-          <div class="orgs-list">
-            @for (org of filteredOrgs(); track org.id) {
-              <button
-                type="button"
-                class="org-row"
-                [class.org-row--active]="org.id === activeOrgId()"
-                [disabled]="!!switchingId() || org.id === activeOrgId()"
-                (click)="onSelect(org)"
-              >
-                <div class="org-row__icon">
-                  @if (org.logoUrl && !failedLogos().has(org.id)) {
-                    <img [src]="org.logoUrl" [alt]="org.name" (error)="onLogoError(org.id)" />
-                  } @else {
-                    <ion-icon name="business-outline" />
-                  }
-                </div>
-                <div class="org-row__body">
-                  <span class="org-row__name">{{ org.name }}</span>
-                  <span class="org-row__type">{{ org.type }}</span>
-                </div>
-                <div class="org-row__end">
-                  @if (switchingId() === org.id) {
-                    <ion-spinner name="crescent" class="org-row__spinner" />
-                  } @else if (org.id === activeOrgId()) {
-                    <span class="org-row__current">{{ t('current') }}</span>
-                    <ion-icon name="checkmark-circle-outline" class="org-row__check" />
-                  }
-                </div>
-              </button>
-            }
-          </div>
-        }
-      </div>
-
-      @if (onCreateOrg) {
-        <div class="new-org-cta">
-          <ion-button expand="block" fill="outline" color="dark" shape="round" (click)="onCreateNew()">
-            <ion-icon slot="start" name="add-outline" />
-            {{ t('newOrg') }}
-          </ion-button>
-        </div>
-      }
-    </ion-content>
-  `, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__profile-btn{background:none;border:none;padding:6px 0;font-size:.82rem;font-weight:600;color:var(--ion-color-dark);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
-                type: Input
-            }], onSuccess: [{
-                type: Input
-            }], onProfileClick: [{
-                type: Input
-            }], onCreateOrg: [{
-                type: Input
-            }], i18nNamespace: [{
-                type: Input
-            }] } });
-
 /**
  * Defaults i18n (es/en) embebidos en `val-account-view`. Auto-registrados en el
  * constructor del componente si el consumer no proveyó el namespace
@@ -50320,7 +49909,7 @@ const ACCOUNT_VIEW_I18N = {
 };
 
 addIcons({ peopleOutline, businessOutline, chevronForwardOutline, swapHorizontalOutline, mailOutline, warningOutline });
-const DEFAULT_NAMESPACE$d = 'Settings.Account';
+const DEFAULT_NAMESPACE$e = 'Settings.Account';
 const DEFAULT_MANAGE_ORG_ROUTE = '/app/settings/organization';
 /**
  * `val-account-view` — vista Cuenta full-feature autocontenida (organism).
@@ -50361,7 +49950,7 @@ class AccountViewComponent {
                 showNewOrgCta: merged.showNewOrgCta ?? false,
                 showLogout: merged.showLogout ?? true,
                 showDeleteAccount: merged.showDeleteAccount ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$d,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$e,
                 manageOrgRoute: merged.manageOrgRoute ?? DEFAULT_MANAGE_ORG_ROUTE,
                 onOrgSwitched: merged.onOrgSwitched,
                 onOrgCreated: merged.onOrgCreated,
@@ -50459,15 +50048,6 @@ class AccountViewComponent {
             type: 'button',
             token: 'account-delete',
         }));
-        this.switchAccountButtonProps = computed(() => ({
-            text: this.tt('switchAccountCta'),
-            color: 'dark',
-            fill: 'outline',
-            size: 'default',
-            shape: 'round',
-            type: 'button',
-            token: 'account-switch',
-        }));
         const ns = this.ns;
         this.i18n.registerDefaults(ns, ACCOUNT_VIEW_I18N);
         this.nav.setBackHeader('pageTitle', ns, { withMenu: true });
@@ -50486,25 +50066,6 @@ class AccountViewComponent {
         };
         return map[type] ?? type;
     }
-    onSwitchAccount() {
-        void this.modalService.open({
-            component: SwitchOrgModalComponent,
-            componentProps: {
-                i18nNamespace: 'Settings.SwitchOrg',
-                onSuccess: () => {
-                    this.loadOrgs();
-                    this.loadPendingInvites();
-                    this.resolvedConfig().onOrgSwitched?.();
-                },
-            },
-            breakpoints: {
-                breakpoints: [0, 0.85],
-                initialBreakpoint: 0.85,
-                showHandle: true,
-            },
-            backdropDismiss: true,
-        });
-    }
     onDeleteAccount() {
         this.deleteAccountOpen.set(true);
         this.resolvedConfig().onAccountDeleted?.();
@@ -50691,11 +50252,6 @@ class AccountViewComponent {
                 content: orgsActiveTitle(),
               }"
             />
-            @if (orgs().length > 1) {
-              <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onSwitchAccount()">
-                {{ tt('orgsSwitch') }}
-              </ion-button>
-            }
           </div>
           <div class="section-body">
             @if (orgsLoading()) {
@@ -50895,11 +50451,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 content: orgsActiveTitle(),
               }"
             />
-            @if (orgs().length > 1) {
-              <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onSwitchAccount()">
-                {{ tt('orgsSwitch') }}
-              </ion-button>
-            }
           </div>
           <div class="section-body">
             @if (orgsLoading()) {
@@ -51173,7 +50724,7 @@ const EDIT_ORG_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$c = 'EditOrgModal';
+const DEFAULT_NAMESPACE$d = '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
@@ -51200,7 +50751,7 @@ 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$c;
+        this.i18nNamespace = DEFAULT_NAMESPACE$d;
         this.saving = signal(false);
         this.logoUrl = signal(null);
         this.removingLogo = signal(false);
@@ -51208,7 +50759,7 @@ class EditOrgModalComponent {
             const name = this.org?.name ?? '';
             return name.slice(0, 2).toUpperCase() || '?';
         });
-        this.i18n.registerDefaults(DEFAULT_NAMESPACE$c, EDIT_ORG_MODAL_I18N);
+        this.i18n.registerDefaults(DEFAULT_NAMESPACE$d, EDIT_ORG_MODAL_I18N);
         this.formMeta = signal(this.buildFormMeta());
         effect(() => {
             this.i18n.lang();
@@ -51532,7 +51083,7 @@ const INVITE_MEMBER_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$b = 'InviteModal';
+const DEFAULT_NAMESPACE$c = 'InviteModal';
 addIcons({ personOutline, mailOutline, closeOutline, checkmarkCircleOutline });
 /**
  * `val-invite-member-modal` — invitación de miembros a una organización.
@@ -51563,7 +51114,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$b;
+        this.i18nNamespace = DEFAULT_NAMESPACE$c;
         this.query = signal('');
         this.searching = signal(false);
         this.searchResults = signal([]);
@@ -51608,7 +51159,7 @@ class InviteMemberModalComponent {
             state: this.sending() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
         this.searchSubject = new Subject();
-        this.i18n.registerDefaults(DEFAULT_NAMESPACE$b, INVITE_MEMBER_MODAL_I18N);
+        this.i18n.registerDefaults(DEFAULT_NAMESPACE$c, INVITE_MEMBER_MODAL_I18N);
         this.roleSub = this.roleControl.valueChanges.subscribe(v => {
             if (v)
                 this.selectedRole.set(v);
@@ -52301,7 +51852,7 @@ const MEMBER_DETAIL_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$a = 'Settings.MemberDetail';
+const DEFAULT_NAMESPACE$b = '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.
@@ -52351,7 +51902,7 @@ class MemberDetailModalComponent {
             { id: 'admin', name: 'admin' },
         ];
         /** Namespace i18n con que la vista resuelve sus textos. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$a;
+        this.i18nNamespace = DEFAULT_NAMESPACE$b;
         this.working = signal(false);
         this.currentRole = signal('');
         this.roleControl = new FormControl('');
@@ -52417,7 +51968,7 @@ class MemberDetailModalComponent {
             type: 'button',
             state: this.working() ? ComponentStates.WORKING : ComponentStates.ENABLED,
         }));
-        this.i18n.registerDefaults(DEFAULT_NAMESPACE$a, MEMBER_DETAIL_MODAL_I18N);
+        this.i18n.registerDefaults(DEFAULT_NAMESPACE$b, MEMBER_DETAIL_MODAL_I18N);
     }
     ngOnInit() {
         this.i18n.registerDefaults(this.i18nNamespace, MEMBER_DETAIL_MODAL_I18N);
@@ -52876,7 +52427,7 @@ const PERMISSIONS_VIEW_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$9 = 'Settings.Permissions';
+const DEFAULT_NAMESPACE$a = 'Settings.Permissions';
 /**
  * `val-permissions-view` — vista Permisos full-feature autocontenida (organism).
  * Visor RBAC de solo lectura: muestra los roles del sistema (Visor/Editor/Admin +
@@ -52921,7 +52472,7 @@ class PermissionsViewComponent {
             return {
                 showSystemRoles: merged.showSystemRoles ?? true,
                 showCustomRoles: merged.showCustomRoles ?? true,
-                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$9,
+                i18nNamespace: merged.i18nNamespace ?? DEFAULT_NAMESPACE$a,
             };
         });
         this.loading = signal(false);
@@ -53425,7 +52976,7 @@ const TRANSFER_OWNERSHIP_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$8 = 'Settings.TransferModal';
+const DEFAULT_NAMESPACE$9 = 'Settings.TransferModal';
 /**
  * `val-transfer-ownership-modal` — selector de miembro para transferir la
  * propiedad de la organización. Promovido desde `showcase` bajo el proceso de
@@ -53449,7 +53000,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$8;
+        this.i18nNamespace = DEFAULT_NAMESPACE$9;
         this.query = signal('');
         this.selectedId = signal('');
         this.filtered = computed(() => {
@@ -53459,7 +53010,7 @@ class TransferOwnershipModalComponent {
             return this.members.filter(m => m.name?.toLowerCase().includes(q) || m.email?.toLowerCase().includes(q) || m.userId.toLowerCase().includes(q));
         });
         this.noResultsLabel = computed(() => `${this.t('noResults')} "${this.query()}"`);
-        this.i18n.registerDefaults(DEFAULT_NAMESPACE$8, TRANSFER_OWNERSHIP_MODAL_I18N);
+        this.i18n.registerDefaults(DEFAULT_NAMESPACE$9, TRANSFER_OWNERSHIP_MODAL_I18N);
     }
     ngOnInit() {
         this.i18n.registerDefaults(this.i18nNamespace, TRANSFER_OWNERSHIP_MODAL_I18N);
@@ -53732,7 +53283,7 @@ const MEMBER_IMPORT_MODAL_I18N = {
     },
 };
 
-const DEFAULT_NAMESPACE$7 = 'Settings.ImportModal';
+const DEFAULT_NAMESPACE$8 = 'Settings.ImportModal';
 addIcons({ cloudUploadOutline, documentTextOutline });
 /**
  * `val-member-import-modal` — panel de carga masiva de miembros (ADR-023 fase 6).
@@ -53752,7 +53303,7 @@ class MemberImportModalComponent {
         /** Nombres de roles disponibles (para el hint). Opcional. */
         this.availableRoles = [];
         /** Namespace i18n. */
-        this.i18nNamespace = DEFAULT_NAMESPACE$7;
+        this.i18nNamespace = DEFAULT_NAMESPACE$8;
         this.csv = '';
         this.importMode = signal('file');
         this.onConflictControl = new FormControl('assignRole');
@@ -53794,7 +53345,7 @@ class MemberImportModalComponent {
                 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')}`;
         });
-        this.i18n.registerDefaults(DEFAULT_NAMESPACE$7, MEMBER_IMPORT_MODAL_I18N);
+        this.i18n.registerDefaults(DEFAULT_NAMESPACE$8, MEMBER_IMPORT_MODAL_I18N);
     }
     ngOnInit() {
         this.i18n.registerDefaults(this.i18nNamespace, MEMBER_IMPORT_MODAL_I18N);
@@ -54195,6 +53746,384 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Defaults i18n (es/en) embebidos en `val-switch-org-modal`. Auto-registrados en
+ * el constructor del componente si el consumer no proveyó el namespace
+ * (`Settings.SwitchOrg` por default). SOLO incluye las keys que el modal usa.
+ */
+const SWITCH_ORG_MODAL_I18N = {
+    es: {
+        title: 'Cambiar de cuenta',
+        subtitle: 'Selecciona la organización a la que quieres cambiar.',
+        searchPlaceholder: 'Buscar organización...',
+        noResults: 'No se encontraron organizaciones.',
+        current: 'Actual',
+        close: 'Cerrar',
+        switchError: 'No se pudo cambiar de organización.',
+        profile: 'Mi perfil',
+        newOrg: 'Nueva organización',
+    },
+    en: {
+        title: 'Switch account',
+        subtitle: 'Select the organization you want to switch to.',
+        searchPlaceholder: 'Search organization...',
+        noResults: 'No organizations found.',
+        current: 'Active',
+        close: 'Close',
+        switchError: 'Could not switch organization.',
+        profile: 'My profile',
+        newOrg: 'New organization',
+    },
+};
+
+const DEFAULT_NAMESPACE$7 = 'Settings.SwitchOrg';
+addIcons({ addOutline, businessOutline, checkmarkCircleOutline });
+/**
+ * `val-switch-org-modal` — modal de cambio de organización activa (organism
+ * compartido). Promovido desde `showcase` bajo el proceso de ADR-021. Reusado por
+ * la vista Cuenta (y futuras vistas org-aware).
+ *
+ * Lista las organizaciones del user (vía `OrgService.listMyOrgs`), permite buscar
+ * por nombre, y cambia la org activa con `OrgSwitchService.switchTo`. La org
+ * actual queda primera y deshabilitada.
+ *
+ * Abierto vía `ModalService` — recibe `_modalRef` por `componentProps` + callback
+ * `onSuccess`. Header canónico (Regla #5): sin `ion-title`, botón Cerrar texto en
+ * `slot=end`, título/subtítulo en el body con `val-display`/`val-title`.
+ *
+ * Auto-registra sus defaults i18n (es/en) si el consumer no proveyó el namespace
+ * `Settings.SwitchOrg`.
+ */
+class SwitchOrgModalComponent {
+    onLogoError(orgId) {
+        const next = new Set(this.failedLogos());
+        next.add(orgId);
+        this.failedLogos.set(next);
+    }
+    constructor() {
+        this.i18n = inject(I18nService);
+        this.auth = inject(AuthService);
+        this.orgService = inject(OrgService);
+        this.orgSwitch = inject(OrgSwitchService);
+        this.errors = inject(ValtechErrorService);
+        /** Namespace i18n con que la vista resuelve sus textos. */
+        this.i18nNamespace = DEFAULT_NAMESPACE$7;
+        this.orgs = signal([]);
+        this.loading = signal(false);
+        this.query = signal('');
+        this.switchingId = signal(null);
+        this.user = computed(() => this.auth.user());
+        /** Avatar de usuario que falló al cargar → cae a iniciales. */
+        this.userAvatarFailed = signal(false);
+        /** IDs de orgs cuyo logo falló al cargar → caen al ícono business-outline. */
+        this.failedLogos = signal(new Set());
+        this.userInitials = computed(() => {
+            const name = this.user()?.name ?? this.user()?.email ?? '?';
+            return name.slice(0, 2).toUpperCase();
+        });
+        this.activeOrgId = computed(() => {
+            const u = this.auth.user();
+            return u?.activeOrgId ?? u?.activeOrg ?? '';
+        });
+        this.filteredOrgs = computed(() => {
+            const q = this.query().trim().toLowerCase();
+            const list = this.orgs();
+            if (!q)
+                return list;
+            return list.filter(o => o.name.toLowerCase().includes(q));
+        });
+        this.i18n.registerDefaults(DEFAULT_NAMESPACE$7, SWITCH_ORG_MODAL_I18N);
+        this.loadOrgs();
+    }
+    onQueryChange(value) {
+        this.query.set(value ?? '');
+    }
+    async onSelect(org) {
+        if (this.switchingId() || org.id === this.activeOrgId())
+            return;
+        this.switchingId.set(org.id);
+        try {
+            await this.orgSwitch.switchTo(org.id);
+            this.onSuccess?.();
+            this.dismiss();
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: 'account.switchOrg',
+                fallbackKey: 'switchError',
+                i18nNamespace: this.i18nNamespace,
+            });
+            this.switchingId.set(null);
+        }
+    }
+    loadOrgs() {
+        this.loading.set(true);
+        this.orgService
+            .listMyOrgs()
+            .pipe(take(1))
+            .subscribe({
+            next: orgs => {
+                const activeId = this.activeOrgId();
+                this.orgs.set([...orgs].sort((a, b) => (a.id === activeId ? -1 : b.id === activeId ? 1 : 0)));
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    onProfile() {
+        this.dismiss();
+        this.onProfileClick?.();
+    }
+    onCreateNew() {
+        this.dismiss();
+        this.onCreateOrg?.();
+    }
+    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: SwitchOrgModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SwitchOrgModalComponent, isStandalone: true, selector: "val-switch-org-modal", inputs: { _modalRef: "_modalRef", onSuccess: "onSuccess", onProfileClick: "onProfileClick", onCreateOrg: "onCreateOrg", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" shape="round" (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('subtitle'),
+          size: 'large',
+          color: '',
+          bold: false,
+        }"
+      />
+
+      <div class="user-strip">
+        <div class="user-strip__avatar">
+          @if (user()?.avatarUrl && !userAvatarFailed()) {
+            <img [src]="user()!.avatarUrl!" [alt]="user()?.name ?? ''" (error)="userAvatarFailed.set(true)" />
+          } @else {
+            <span>{{ userInitials() }}</span>
+          }
+        </div>
+        <div class="user-strip__info">
+          <span class="user-strip__name">{{ user()?.name || user()?.email || '' }}</span>
+          <span class="user-strip__email">{{ user()?.email || '' }}</span>
+        </div>
+        <button class="user-strip__profile-btn" type="button" (click)="onProfile()">
+          {{ t('profile') }}
+        </button>
+      </div>
+
+      <div class="switch-section">
+        <val-searchbar
+          [props]="{
+            placeholder: t('searchPlaceholder'),
+            debounce: 200,
+            showCancelButton: 'never',
+          }"
+          (filterEvent)="onQueryChange($event)"
+        />
+
+        @if (loading()) {
+          <div class="switch-state">
+            <ion-spinner name="crescent" />
+          </div>
+        } @else if (filteredOrgs().length === 0) {
+          <val-empty-state
+            [props]="{
+              variant: 'empty',
+              title: t('noResults'),
+              icon: 'business-outline',
+            }"
+          />
+        } @else {
+          <div class="orgs-list">
+            @for (org of filteredOrgs(); track org.id) {
+              <button
+                type="button"
+                class="org-row"
+                [class.org-row--active]="org.id === activeOrgId()"
+                [disabled]="!!switchingId() || org.id === activeOrgId()"
+                (click)="onSelect(org)"
+              >
+                <div class="org-row__icon">
+                  @if (org.logoUrl && !failedLogos().has(org.id)) {
+                    <img [src]="org.logoUrl" [alt]="org.name" (error)="onLogoError(org.id)" />
+                  } @else {
+                    <ion-icon name="business-outline" />
+                  }
+                </div>
+                <div class="org-row__body">
+                  <span class="org-row__name">{{ org.name }}</span>
+                  <span class="org-row__type">{{ org.type }}</span>
+                </div>
+                <div class="org-row__end">
+                  @if (switchingId() === org.id) {
+                    <ion-spinner name="crescent" class="org-row__spinner" />
+                  } @else if (org.id === activeOrgId()) {
+                    <span class="org-row__current">{{ t('current') }}</span>
+                    <ion-icon name="checkmark-circle-outline" class="org-row__check" />
+                  }
+                </div>
+              </button>
+            }
+          </div>
+        }
+      </div>
+
+      @if (onCreateOrg) {
+        <div class="new-org-cta">
+          <ion-button expand="block" fill="outline" color="dark" shape="round" (click)="onCreateNew()">
+            <ion-icon slot="start" name="add-outline" />
+            {{ t('newOrg') }}
+          </ion-button>
+        </div>
+      }
+    </ion-content>
+  `, isInline: true, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__profile-btn{background:none;border:none;padding:6px 0;font-size:.82rem;font-weight:600;color:var(--ion-color-dark);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"], dependencies: [{ 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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchOrgModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-switch-org-modal', standalone: true, imports: [
+                        IonHeader,
+                        IonToolbar,
+                        IonButtons,
+                        IonButton,
+                        IonContent,
+                        IonSpinner,
+                        IonIcon,
+                        DisplayComponent,
+                        EmptyStateComponent,
+                        SearchbarComponent,
+                        TitleComponent,
+                    ], template: `
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-button fill="clear" color="dark" shape="round" (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('subtitle'),
+          size: 'large',
+          color: '',
+          bold: false,
+        }"
+      />
+
+      <div class="user-strip">
+        <div class="user-strip__avatar">
+          @if (user()?.avatarUrl && !userAvatarFailed()) {
+            <img [src]="user()!.avatarUrl!" [alt]="user()?.name ?? ''" (error)="userAvatarFailed.set(true)" />
+          } @else {
+            <span>{{ userInitials() }}</span>
+          }
+        </div>
+        <div class="user-strip__info">
+          <span class="user-strip__name">{{ user()?.name || user()?.email || '' }}</span>
+          <span class="user-strip__email">{{ user()?.email || '' }}</span>
+        </div>
+        <button class="user-strip__profile-btn" type="button" (click)="onProfile()">
+          {{ t('profile') }}
+        </button>
+      </div>
+
+      <div class="switch-section">
+        <val-searchbar
+          [props]="{
+            placeholder: t('searchPlaceholder'),
+            debounce: 200,
+            showCancelButton: 'never',
+          }"
+          (filterEvent)="onQueryChange($event)"
+        />
+
+        @if (loading()) {
+          <div class="switch-state">
+            <ion-spinner name="crescent" />
+          </div>
+        } @else if (filteredOrgs().length === 0) {
+          <val-empty-state
+            [props]="{
+              variant: 'empty',
+              title: t('noResults'),
+              icon: 'business-outline',
+            }"
+          />
+        } @else {
+          <div class="orgs-list">
+            @for (org of filteredOrgs(); track org.id) {
+              <button
+                type="button"
+                class="org-row"
+                [class.org-row--active]="org.id === activeOrgId()"
+                [disabled]="!!switchingId() || org.id === activeOrgId()"
+                (click)="onSelect(org)"
+              >
+                <div class="org-row__icon">
+                  @if (org.logoUrl && !failedLogos().has(org.id)) {
+                    <img [src]="org.logoUrl" [alt]="org.name" (error)="onLogoError(org.id)" />
+                  } @else {
+                    <ion-icon name="business-outline" />
+                  }
+                </div>
+                <div class="org-row__body">
+                  <span class="org-row__name">{{ org.name }}</span>
+                  <span class="org-row__type">{{ org.type }}</span>
+                </div>
+                <div class="org-row__end">
+                  @if (switchingId() === org.id) {
+                    <ion-spinner name="crescent" class="org-row__spinner" />
+                  } @else if (org.id === activeOrgId()) {
+                    <span class="org-row__current">{{ t('current') }}</span>
+                    <ion-icon name="checkmark-circle-outline" class="org-row__check" />
+                  }
+                </div>
+              </button>
+            }
+          </div>
+        }
+      </div>
+
+      @if (onCreateOrg) {
+        <div class="new-org-cta">
+          <ion-button expand="block" fill="outline" color="dark" shape="round" (click)="onCreateNew()">
+            <ion-icon slot="start" name="add-outline" />
+            {{ t('newOrg') }}
+          </ion-button>
+        </div>
+      }
+    </ion-content>
+  `, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__profile-btn{background:none;border:none;padding:6px 0;font-size:.82rem;font-weight:600;color:var(--ion-color-dark);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _modalRef: [{
+                type: Input
+            }], onSuccess: [{
+                type: Input
+            }], onProfileClick: [{
+                type: Input
+            }], onCreateOrg: [{
+                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
@@ -54265,6 +54194,7 @@ const ORGANIZATION_VIEW_I18N = {
         apiKeysFeaturePermsDesc: 'Cada key lleva solo los permisos que tú le asignes — concede el mínimo.',
         apiKeysFeatureSecretTitle: 'Secreto único',
         apiKeysFeatureSecretDesc: 'El secreto se muestra una sola vez. Guárdalo en un gestor de secretos.',
+        switchOrgCta: 'Cambiar organización',
         orgsMoreInfo: 'Aprender más sobre organizaciones',
         orgsInfoTitle: '¿Qué son las organizaciones?',
         orgsInfoSubtitle: 'Todo lo que necesitas saber',
@@ -54363,6 +54293,7 @@ const ORGANIZATION_VIEW_I18N = {
         apiKeysFeaturePermsDesc: 'Each key carries only the permissions you assign — grant the minimum.',
         apiKeysFeatureSecretTitle: 'One-time secret',
         apiKeysFeatureSecretDesc: 'The secret is shown only once. Store it in a secret manager.',
+        switchOrgCta: 'Switch organization',
         orgsMoreInfo: 'Learn more about organizations',
         orgsInfoTitle: 'What are organizations?',
         orgsInfoSubtitle: 'Everything you need to know',
@@ -54797,6 +54728,16 @@ class OrganizationViewComponent {
     }
     // "Más información" sobre organizaciones — mismo sheet explicativo que muestra
     // account-view sin org, pero disponible siempre (todo user tiene org por defecto).
+    onSwitchOrg() {
+        void this.modalService.open({
+            component: SwitchOrgModalComponent,
+            componentProps: {
+                i18nNamespace: 'Settings.SwitchOrg',
+            },
+            breakpoints: { breakpoints: [0, 0.85], initialBreakpoint: 0.85, showHandle: true },
+            backdropDismiss: true,
+        });
+    }
     onOrgInfo() {
         void this.modalService.open({
             component: OrgInfoSheetComponent,
@@ -55066,6 +55007,12 @@ class OrganizationViewComponent {
         <button class="org-more-info-link" type="button" (click)="onOrgInfo()">
           {{ tt('orgsMoreInfo') }}
         </button>
+        <!-- Cambiar de organización activa (solo si hay más de una). -->
+        <div class="org-switch-row">
+          <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onSwitchOrg()">
+            {{ tt('switchOrgCta') }}
+          </ion-button>
+        </div>
       </header>
 
       @if (resolvedConfig().showInfo) {
@@ -55367,7 +55314,7 @@ class OrganizationViewComponent {
         (created)="onOrgCreated($event)"
       />
     </div>
-  `, 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;flex-direction:column;gap:16px}.invite-cta__text{display:flex;flex-direction:column;gap:4px}.invite-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}.org-info-logo{display:flex;justify-content:center;padding:8px 0 16px}.org-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--ion-color-light)}: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:last-child{border-bottom:none}.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)}.section-title-danger{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title-danger val-title{display:block;margin:0}.danger-icon{display:block;font-size:1.125rem;color:var(--ion-color-warning-shade, #d4a017);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: CreateOrgModalComponent, selector: "val-create-org-modal", inputs: ["i18nNamespace", "isOpen"], outputs: ["dismissed", "created"] }, { kind: "component", type: CtaCardComponent, selector: "val-cta-card", inputs: ["props"], outputs: ["onAction"] }, { 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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"] }, { kind: "component", type: PermissionsModalComponent, selector: "val-permissions-modal", inputs: ["isOpen", "config"], outputs: ["dismissed"] }] }); }
+  `, 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;flex-direction:column;gap:16px}.invite-cta__text{display:flex;flex-direction:column;gap:4px}.invite-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}.org-info-logo{display:flex;justify-content:center;padding:8px 0 16px}.org-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--ion-color-light)}: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:last-child{border-bottom:none}.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)}.section-title-danger{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title-danger val-title{display:block;margin:0}.danger-icon{display:block;font-size:1.125rem;color:var(--ion-color-warning-shade, #d4a017);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: CreateOrgModalComponent, selector: "val-create-org-modal", inputs: ["i18nNamespace", "isOpen"], outputs: ["dismissed", "created"] }, { kind: "component", type: CtaCardComponent, selector: "val-cta-card", inputs: ["props"], outputs: ["onAction"] }, { 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: 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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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"] }, { kind: "component", type: PermissionsModalComponent, selector: "val-permissions-modal", inputs: ["isOpen", "config"], outputs: ["dismissed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrganizationViewComponent, decorators: [{
             type: Component,
@@ -55377,6 +55324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         DisplayComponent,
                         EmptyStateComponent,
                         HasPermissionDirective,
+                        IonButton,
                         IonIcon,
                         SkeletonLayoutComponent,
                         TitleComponent,
@@ -55387,6 +55335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TransferOwnershipModalComponent,
                         MemberImportModalComponent,
                         OrgInfoSheetComponent,
+                        SwitchOrgModalComponent,
                     ], template: `
     <div class="page">
       <header class="page-header">
@@ -55404,6 +55353,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <button class="org-more-info-link" type="button" (click)="onOrgInfo()">
           {{ tt('orgsMoreInfo') }}
         </button>
+        <!-- Cambiar de organización activa (solo si hay más de una). -->
+        <div class="org-switch-row">
+          <ion-button fill="outline" color="dark" shape="round" size="small" (click)="onSwitchOrg()">
+            {{ tt('switchOrgCta') }}
+          </ion-button>
+        </div>
       </header>
 
       @if (resolvedConfig().showInfo) {
@@ -61944,7 +61899,7 @@ class LegalContentService {
         const stream = fallback && fallback !== locale
             ? primary.pipe(catchError$1(() => this.loadOne(slug, fallback, options.basePath)))
             : primary;
-        const shared = stream.pipe(shareReplay$1({ bufferSize: 1, refCount: false }));
+        const shared = stream.pipe(shareReplay({ bufferSize: 1, refCount: false }));
         this.cache.set(key, shared);
         return shared;
     }