@masterteam/delegations 0.0.55 → 0.0.56

package/fesm2022/masterteam-delegations.mjs

@@ -2,22 +2,22 @@ import * as i1 from '@angular/common';
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, makeEnvironmentProviders, inject, Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, DestroyRef, viewChild, effect, model, untracked, booleanAttribute, numberAttribute, linkedSignal } from '@angular/core';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { TranslocoService, TranslocoDirective } from '@jsverse/transloco';
+import { Actions, Store, ofActionSuccessful, ofActionDispatched, Action, Selector, State, select } from '@ngxs/store';
 import { Avatar } from '@masterteam/components/avatar';
 import { ModalService } from '@masterteam/components/modal';
+import { ToastService } from '@masterteam/components/toast';
 import { Icon } from '@masterteam/icons';
 import { Popover } from 'primeng/popover';
-import { Actions, Store, ofActionSuccessful, ofActionDispatched, Action, Selector, State, select } from '@ngxs/store';
-import { switchMap, from, EMPTY, finalize, shareReplay, filter, catchError, throwError } from 'rxjs';
+import { EMPTY, switchMap, from, finalize, shareReplay, filter, catchError, throwError } from 'rxjs';
 import { HttpContextToken, HttpContext, HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import { handleApiRequest, REQUEST_CONTEXT, UserSearchFieldConfig, TextareaFieldConfig, DateFieldConfig, RadioButtonFieldConfig, MultiSelectFieldConfig, ToggleFieldConfig, ValidatorConfig } from '@masterteam/components';
 import { Button } from '@masterteam/components/button';
 import { ModalRef } from '@masterteam/components/dialog';
 import { EntityPreview } from '@masterteam/components/entities';
-import { ToastService } from '@masterteam/components/toast';
 import { RouterLink, ActivatedRoute, Router, NavigationEnd, RouterOutlet } from '@angular/router';
 import { Chip } from '@masterteam/components/chip';
-import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { Page } from '@masterteam/components/page';
 import { Breadcrumb } from '@masterteam/components/breadcrumb';
 import { Card } from '@masterteam/components/card';
@@ -32,6 +32,54 @@ import { TextField } from '@masterteam/components/text-field';
 import * as i4 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 
+/** Fetch the active delegations the current user may start (user/activedelegations). */
+class LoadDelegationCandidates {
+    page;
+    pageSize;
+    append;
+    static type = '[DelegationSession] Load Candidates';
+    constructor(page = 1, pageSize = 25, append = false) {
+        this.page = page;
+        this.pageSize = pageSize;
+        this.append = append;
+    }
+}
+/** Start a delegated session for the given assignment row. */
+class StartDelegationSession {
+    delegation;
+    static type = '[DelegationSession] Start';
+    constructor(delegation) {
+        this.delegation = delegation;
+    }
+}
+/**
+ * Re-mint the session the user was in before they reloaded the page. Dispatched
+ * by the state itself from the persisted delegation id — never a token.
+ */
+class ResumeDelegationSession {
+    delegation;
+    static type = '[DelegationSession] Resume';
+    constructor(delegation) {
+        this.delegation = delegation;
+    }
+}
+/** End the current delegated session. Client-local only (doc 05). */
+class EndDelegationSession {
+    reason;
+    static type = '[DelegationSession] End';
+    constructor(reason = 'Manual') {
+        this.reason = reason;
+    }
+}
+/** Switch directly from the current session to another delegation. */
+class SwitchDelegationSession {
+    delegation;
+    static type = '[DelegationSession] Switch';
+    constructor(delegation) {
+        this.delegation = delegation;
+    }
+}
+
 const DEFAULT_CONFIG = {
     resolveApplicationApiBaseUrl: () => '',
     resolvePromptNamespace: () => ({
@@ -58,7 +106,7 @@ function withDelegatedRuntime(context = new HttpContext()) {
     return context.set(DELEGATED_RUNTIME_REQUEST, true);
 }
 
-const STORAGE_KEY = 'mt.delegation.prompt-receipts.v1';
+const STORAGE_KEY$1 = 'mt.delegation.prompt-receipts.v1';
 const MAX_RECEIPTS = 100;
 class DelegationPromptReceiptService {
     document = inject(DOCUMENT);
@@ -103,7 +151,7 @@ class DelegationPromptReceiptService {
     }
     read() {
         try {
-            const raw = this.document.defaultView?.localStorage.getItem(STORAGE_KEY);
+            const raw = this.document.defaultView?.localStorage.getItem(STORAGE_KEY$1);
             const parsed = raw ? JSON.parse(raw) : [];
             return Array.isArray(parsed)
                 ? parsed.filter((item) => typeof item === 'string')
@@ -116,7 +164,7 @@ class DelegationPromptReceiptService {
     write(receipts) {
         try {
             const bounded = [...new Set(receipts)].slice(-MAX_RECEIPTS);
-            this.document.defaultView?.localStorage.setItem(STORAGE_KEY, JSON.stringify(bounded));
+            this.document.defaultView?.localStorage.setItem(STORAGE_KEY$1, JSON.stringify(bounded));
         }
         catch {
             // Storage can be unavailable; the in-memory claim still coalesces dialogs.
@@ -130,49 +178,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-/** Fetch the active delegations the current user may start (user/activedelegations). */
-class LoadDelegationCandidates {
-    page;
-    pageSize;
-    append;
-    static type = '[DelegationSession] Load Candidates';
-    constructor(page = 1, pageSize = 25, append = false) {
-        this.page = page;
-        this.pageSize = pageSize;
-        this.append = append;
-    }
-}
-/** Start a delegated session for the given assignment row. */
-class StartDelegationSession {
-    delegation;
-    static type = '[DelegationSession] Start';
-    constructor(delegation) {
-        this.delegation = delegation;
-    }
-}
-/** End the current delegated session. Client-local only (doc 05). */
-class EndDelegationSession {
-    reason;
-    static type = '[DelegationSession] End';
-    constructor(reason = 'Manual') {
-        this.reason = reason;
-    }
-}
-/** Switch directly from the current session to another delegation. */
-class SwitchDelegationSession {
-    delegation;
-    static type = '[DelegationSession] Switch';
-    constructor(delegation) {
-        this.delegation = delegation;
-    }
-}
-
 var DelegationSessionActionKey;
 (function (DelegationSessionActionKey) {
     DelegationSessionActionKey["LoadCandidates"] = "loadCandidates";
     DelegationSessionActionKey["StartSession"] = "startSession";
 })(DelegationSessionActionKey || (DelegationSessionActionKey = {}));
 
+const STORAGE_KEY = 'mt.delegation.session-resume.v1';
+/**
+ * Lets a delegated session survive a page reload **without persisting the
+ * token**.
+ *
+ * Doc 05 is unambiguous: the delegation access token is memory-only, and it
+ * stays that way — this store keeps a single opaque `delegationId` plus the
+ * owning user/app/tenant namespace. On the next boot the runtime calls
+ * `POST identity/delegations/{id}/session` again and mints a *fresh* token,
+ * which is what doc 09 already prescribes for restarting a session ("use the
+ * newly returned token because the scope hash or delegation version may have
+ * changed"). The backend re-authorizes from scratch every time, so a delegation
+ * that expired, was cancelled, or had its scope revoked while the tab was shut
+ * simply fails to resume and the user stays themselves.
+ *
+ * Never holds a token, a candidate record, a name, or an email.
+ */
+class DelegationSessionResumeStore {
+    document = inject(DOCUMENT);
+    config = inject(DELEGATION_RUNTIME_CONFIG);
+    remember(delegationId) {
+        this.write({ ns: this.namespace(), delegationId });
+    }
+    /**
+     * The delegation to resume for the *current* user/app/tenant, or `null`. A
+     * marker left by a different actor is dropped rather than honoured, so
+     * signing in as someone else on a shared browser never resumes their
+     * delegation.
+     */
+    pending() {
+        const marker = this.read();
+        if (!marker) {
+            return null;
+        }
+        if (marker.ns !== this.namespace()) {
+            this.clear();
+            return null;
+        }
+        return marker.delegationId;
+    }
+    clear() {
+        try {
+            this.storage()?.removeItem(STORAGE_KEY);
+        }
+        catch {
+            // Storage can be unavailable (private mode, blocked cookies).
+        }
+    }
+    namespace() {
+        const { userId, applicationKey, tenantKey } = this.config.resolvePromptNamespace();
+        return [userId, applicationKey, tenantKey ?? ''].join('|');
+    }
+    read() {
+        try {
+            const raw = this.storage()?.getItem(STORAGE_KEY);
+            const parsed = raw ? JSON.parse(raw) : null;
+            if (typeof parsed !== 'object' ||
+                parsed === null ||
+                typeof parsed.ns !== 'string' ||
+                typeof parsed.delegationId !== 'number') {
+                return null;
+            }
+            return parsed;
+        }
+        catch {
+            return null;
+        }
+    }
+    write(marker) {
+        try {
+            this.storage()?.setItem(STORAGE_KEY, JSON.stringify(marker));
+        }
+        catch {
+            // Storage can be unavailable; delegated mode then simply ends on reload.
+        }
+    }
+    storage() {
+        return this.document.defaultView?.localStorage ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationSessionResumeStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationSessionResumeStore, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationSessionResumeStore, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /** Package-private: raw delegated credentials never enter NGXS or public models. */
 class DelegationTokenVault {
     value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -255,6 +353,9 @@ let DelegationSessionState = class DelegationSessionState {
      * or open the availability prompt — after sign-out.
      */
     candidatesGeneration = 0;
+    resumeStore = inject(DelegationSessionResumeStore);
+    /** One resume attempt per page load — a dead delegation must not retry. */
+    resumeAttempted = false;
     constructor() {
         this.actions$
             .pipe(ofActionSuccessful(GatewayLoginSuccessShell))
@@ -323,6 +424,9 @@ let DelegationSessionState = class DelegationSessionState {
                     (response.data?.totalCount ?? 0) <= pageSize) {
                     queueMicrotask(() => this.store.dispatch(new EndDelegationSession('ScopeChanged')));
                 }
+                if (!active && page === 1) {
+                    this.tryResume(candidates);
+                }
                 return {
                     candidates,
                     candidatesPage: response.data?.page ?? page,
@@ -332,6 +436,39 @@ let DelegationSessionState = class DelegationSessionState {
             },
         });
     }
+    /**
+     * Re-mints the delegated session the user was in before they reloaded.
+     *
+     * The token itself was never persisted (doc 05); only the delegation id was,
+     * so this is a full `POST .../session` and the backend re-authorizes from
+     * scratch. Attempted at most once per page load — a delegation that has since
+     * expired or been revoked must not retry on every candidate refresh.
+     */
+    tryResume(candidates) {
+        if (this.resumeAttempted) {
+            return;
+        }
+        const delegationId = this.resumeStore.pending();
+        if (delegationId == null) {
+            return;
+        }
+        const row = candidates.find((candidate) => candidate.delegationId === delegationId);
+        this.resumeAttempted = true;
+        if (!row) {
+            // No longer startable (expired, cancelled, scope revoked) — forget it.
+            this.resumeStore.clear();
+            return;
+        }
+        queueMicrotask(() => this.store.dispatch(new ResumeDelegationSession(row)).subscribe({
+            error: () => this.resumeStore.clear(),
+        }));
+    }
+    resume(ctx, { delegation }) {
+        if (ctx.getState().active) {
+            return EMPTY;
+        }
+        return this.startSession(ctx, delegation, null, 'ResumeSession');
+    }
     start(ctx, { delegation }) {
         const previous = ctx.getState().active;
         return this.startSession(ctx, delegation, previous, 'StartSession');
@@ -352,6 +489,9 @@ let DelegationSessionState = class DelegationSessionState {
                     delegationVersion: response.data.delegationVersion,
                 };
                 this.scheduleExpiry(active);
+                // Id only — see `DelegationSessionResumeStore`. Never the token.
+                this.resumeStore.remember(delegation.delegationId);
+                this.resumeAttempted = true;
                 return { active };
             },
         }).pipe(switchMap(() => from(Promise.resolve(this.runtime.onContextChanged({
@@ -364,6 +504,10 @@ let DelegationSessionState = class DelegationSessionState {
         // Client-local only — there is no server end-session endpoint (doc 05).
         const previous = ctx.getState().active;
         const clearCandidates = shouldClearCandidates(reason);
+        // Whatever the reason, delegated mode is over — a reload must not bring it
+        // back. Also blocks a resume that is still queued behind this action.
+        this.resumeStore.clear();
+        this.resumeAttempted = true;
         // Logout / user / tenant / app switch must always drop the candidate list,
         // even when no delegated session was ever started. Leaving it behind kept
         // the previous actor's delegators in memory across sign-out, which is both
@@ -416,6 +560,9 @@ let DelegationSessionState = class DelegationSessionState {
 __decorate$1([
     Action(LoadDelegationCandidates)
 ], DelegationSessionState.prototype, "loadCandidates", null);
+__decorate$1([
+    Action(ResumeDelegationSession)
+], DelegationSessionState.prototype, "resume", null);
 __decorate$1([
     Action(StartDelegationSession)
 ], DelegationSessionState.prototype, "start", null);
@@ -459,7 +606,7 @@ DelegationSessionState = __decorate$1([
 ], DelegationSessionState);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationSessionState, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [], propDecorators: { loadCandidates: [], start: [], end: [], switch: [] } });
+        }], ctorParameters: () => [], propDecorators: { loadCandidates: [], resume: [], start: [], end: [], switch: [] } });
 
 class DelegationSessionFacade {
     store = inject(Store);
@@ -478,8 +625,15 @@ class DelegationSessionFacade {
     // ---------------------------------------------------------------------------
     /** On-behalf-of (delegator). */
     onBehalfOf = computed(() => this.active()?.delegation.delegator ?? null, ...(ngDevMode ? [{ debugName: "onBehalfOf" }] : /* istanbul ignore next */ []));
-    /** Executed-by (actual logged-in / delegated user). */
-    executedBy = computed(() => this.active()?.delegation.delegatedUser ?? null, ...(ngDevMode ? [{ debugName: "executedBy" }] : /* istanbul ignore next */ []));
+    /**
+     * Executed-by (the real signed-in user), known whether or not a session is
+     * active: every assigned row carries the current user as its `delegatedUser`,
+     * so the account switcher can list "you" alongside the delegators without the
+     * package depending on the host's auth state.
+     */
+    executedBy = computed(() => this.active()?.delegation.delegatedUser ??
+        this.candidates()[0]?.delegatedUser ??
+        null, ...(ngDevMode ? [{ debugName: "executedBy" }] : /* istanbul ignore next */ []));
     hasCandidates = computed(() => this.candidates().length > 0, ...(ngDevMode ? [{ debugName: "hasCandidates" }] : /* istanbul ignore next */ []));
     hasMoreCandidates = computed(() => this.candidates().length < this.candidatesTotalCount(), ...(ngDevMode ? [{ debugName: "hasMoreCandidates" }] : /* istanbul ignore next */ []));
     isStarting = computed(() => this.loadingActive().includes(DelegationSessionActionKey.StartSession), ...(ngDevMode ? [{ debugName: "isStarting" }] : /* istanbul ignore next */ []));
@@ -591,11 +745,11 @@ class StartSessionDialog {
         this.ref.close(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StartSessionDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: StartSessionDialog, isStandalone: true, selector: "mt-start-session-dialog", inputs: { delegation: { classPropertyName: "delegation", publicName: "delegation", isSignal: true, isRequired: true, transformFunction: null }, intent: { classPropertyName: "intent", publicName: "intent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\n  >\n    <mt-entity-preview\n      [data]=\"userEntity(delegation().delegator)\"\n    ></mt-entity-preview>\n\n    <p class=\"text-sm leading-relaxed text-surface-600\">\n      {{ t(bodyKey()) }}\n    </p>\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      variant=\"outlined\"\n      color=\"secondary\"\n      [label]=\"t('delegations.common.cancel')\"\n      [disabled]=\"isBusy()\"\n      (click)=\"cancel()\"\n    ></mt-button>\n    <mt-button\n      color=\"primary\"\n      icon=\"user.users-check\"\n      [label]=\"t(confirmLabelKey())\"\n      [loading]=\"isBusy()\"\n      (click)=\"confirm()\"\n    ></mt-button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: StartSessionDialog, isStandalone: true, selector: "mt-start-session-dialog", inputs: { delegation: { classPropertyName: "delegation", publicName: "delegation", isSignal: true, isRequired: true, transformFunction: null }, intent: { classPropertyName: "intent", publicName: "intent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  <div\r\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\r\n  >\r\n    <mt-entity-preview\r\n      [data]=\"userEntity(delegation().delegator)\"\r\n    ></mt-entity-preview>\r\n\r\n    <p class=\"text-sm leading-relaxed text-surface-600\">\r\n      {{ t(bodyKey()) }}\r\n    </p>\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      variant=\"outlined\"\r\n      color=\"secondary\"\r\n      [label]=\"t('delegations.common.cancel')\"\r\n      [disabled]=\"isBusy()\"\r\n      (click)=\"cancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      color=\"primary\"\r\n      icon=\"user.users-check\"\r\n      [label]=\"t(confirmLabelKey())\"\r\n      [loading]=\"isBusy()\"\r\n      (click)=\"confirm()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: StartSessionDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-start-session-dialog', imports: [CommonModule, Button, EntityPreview, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\n  >\n    <mt-entity-preview\n      [data]=\"userEntity(delegation().delegator)\"\n    ></mt-entity-preview>\n\n    <p class=\"text-sm leading-relaxed text-surface-600\">\n      {{ t(bodyKey()) }}\n    </p>\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      variant=\"outlined\"\n      color=\"secondary\"\n      [label]=\"t('delegations.common.cancel')\"\n      [disabled]=\"isBusy()\"\n      (click)=\"cancel()\"\n    ></mt-button>\n    <mt-button\n      color=\"primary\"\n      icon=\"user.users-check\"\n      [label]=\"t(confirmLabelKey())\"\n      [loading]=\"isBusy()\"\n      (click)=\"confirm()\"\n    ></mt-button>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'mt-start-session-dialog', imports: [CommonModule, Button, EntityPreview, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\r\n  <div\r\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\r\n  >\r\n    <mt-entity-preview\r\n      [data]=\"userEntity(delegation().delegator)\"\r\n    ></mt-entity-preview>\r\n\r\n    <p class=\"text-sm leading-relaxed text-surface-600\">\r\n      {{ t(bodyKey()) }}\r\n    </p>\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      variant=\"outlined\"\r\n      color=\"secondary\"\r\n      [label]=\"t('delegations.common.cancel')\"\r\n      [disabled]=\"isBusy()\"\r\n      (click)=\"cancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      color=\"primary\"\r\n      icon=\"user.users-check\"\r\n      [label]=\"t(confirmLabelKey())\"\r\n      [loading]=\"isBusy()\"\r\n      (click)=\"confirm()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], propDecorators: { delegation: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegation", required: true }] }], intent: [{ type: i0.Input, args: [{ isSignal: true, alias: "intent", required: false }] }] } });
 
 /**
@@ -617,74 +771,25 @@ class DelegationCandidatesPromptDialog {
         this.ref.close(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationCandidatesPromptDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationCandidatesPromptDialog, isStandalone: true, selector: "mt-delegation-candidates-prompt-dialog", inputs: { candidates: { classPropertyName: "candidates", publicName: "candidates", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\n  >\n    <p class=\"text-sm leading-relaxed text-surface-600\">\n      {{ t(\"delegations.session.promptBody\") }}\n    </p>\n\n    <div class=\"flex flex-col gap-2\">\n      @for (cand of candidates(); track cand.delegationId) {\n        <button\n          type=\"button\"\n          class=\"flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border border-solid border-surface-200 bg-surface-0 px-3 py-2.5 text-start transition-colors hover:border-primary-300 hover:bg-primary-50/50 focus-visible:border-primary-400 focus-visible:outline-none\"\n          [attr.aria-label]=\"\n            t('delegations.session.promptStartAria', {\n              delegatorName: cand.delegator.displayName,\n            })\n          \"\n          (click)=\"select(cand)\"\n        >\n          <span class=\"flex min-w-0 items-center gap-3\">\n            <mt-entity-preview\n              [data]=\"userEntity(cand.delegator)\"\n            ></mt-entity-preview>\n          </span>\n          <span\n            class=\"inline-flex shrink-0 items-center gap-1.5 text-sm font-medium text-primary\"\n          >\n            <span class=\"hidden sm:inline\">\n              {{ t(\"delegations.action.startSession\") }}\n            </span>\n            <mt-icon icon=\"arrow.arrow-right\" class=\"text-base\"></mt-icon>\n          </span>\n        </button>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      variant=\"outlined\"\n      color=\"secondary\"\n      [label]=\"t('delegations.common.close')\"\n      (click)=\"close()\"\n    ></mt-button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationCandidatesPromptDialog, isStandalone: true, selector: "mt-delegation-candidates-prompt-dialog", inputs: { candidates: { classPropertyName: "candidates", publicName: "candidates", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  <div\r\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\r\n  >\r\n    <p class=\"text-sm leading-relaxed text-surface-600\">\r\n      {{ t(\"delegations.session.promptBody\") }}\r\n    </p>\r\n\r\n    <div class=\"flex flex-col gap-2\">\r\n      @for (cand of candidates(); track cand.delegationId) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border border-solid border-surface-200 bg-surface-0 px-3 py-2.5 text-start transition-colors hover:border-primary-300 hover:bg-primary-50/50 focus-visible:border-primary-400 focus-visible:outline-none\"\r\n          [attr.aria-label]=\"\r\n            t('delegations.session.promptStartAria', {\r\n              delegatorName: cand.delegator.displayName,\r\n            })\r\n          \"\r\n          (click)=\"select(cand)\"\r\n        >\r\n          <span class=\"flex min-w-0 items-center gap-3\">\r\n            <mt-entity-preview\r\n              [data]=\"userEntity(cand.delegator)\"\r\n            ></mt-entity-preview>\r\n          </span>\r\n          <span\r\n            class=\"inline-flex shrink-0 items-center gap-1.5 text-sm font-medium text-primary\"\r\n          >\r\n            <span class=\"hidden sm:inline\">\r\n              {{ t(\"delegations.action.startSession\") }}\r\n            </span>\r\n            <mt-icon icon=\"arrow.arrow-right\" class=\"text-base\"></mt-icon>\r\n          </span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      variant=\"outlined\"\r\n      color=\"secondary\"\r\n      [label]=\"t('delegations.common.close')\"\r\n      (click)=\"close()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationCandidatesPromptDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-delegation-candidates-prompt-dialog', imports: [CommonModule, Button, EntityPreview, Icon, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\n  >\n    <p class=\"text-sm leading-relaxed text-surface-600\">\n      {{ t(\"delegations.session.promptBody\") }}\n    </p>\n\n    <div class=\"flex flex-col gap-2\">\n      @for (cand of candidates(); track cand.delegationId) {\n        <button\n          type=\"button\"\n          class=\"flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border border-solid border-surface-200 bg-surface-0 px-3 py-2.5 text-start transition-colors hover:border-primary-300 hover:bg-primary-50/50 focus-visible:border-primary-400 focus-visible:outline-none\"\n          [attr.aria-label]=\"\n            t('delegations.session.promptStartAria', {\n              delegatorName: cand.delegator.displayName,\n            })\n          \"\n          (click)=\"select(cand)\"\n        >\n          <span class=\"flex min-w-0 items-center gap-3\">\n            <mt-entity-preview\n              [data]=\"userEntity(cand.delegator)\"\n            ></mt-entity-preview>\n          </span>\n          <span\n            class=\"inline-flex shrink-0 items-center gap-1.5 text-sm font-medium text-primary\"\n          >\n            <span class=\"hidden sm:inline\">\n              {{ t(\"delegations.action.startSession\") }}\n            </span>\n            <mt-icon icon=\"arrow.arrow-right\" class=\"text-base\"></mt-icon>\n          </span>\n        </button>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      variant=\"outlined\"\n      color=\"secondary\"\n      [label]=\"t('delegations.common.close')\"\n      (click)=\"close()\"\n    ></mt-button>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'mt-delegation-candidates-prompt-dialog', imports: [CommonModule, Button, EntityPreview, Icon, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\r\n  <div\r\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\r\n  >\r\n    <p class=\"text-sm leading-relaxed text-surface-600\">\r\n      {{ t(\"delegations.session.promptBody\") }}\r\n    </p>\r\n\r\n    <div class=\"flex flex-col gap-2\">\r\n      @for (cand of candidates(); track cand.delegationId) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border border-solid border-surface-200 bg-surface-0 px-3 py-2.5 text-start transition-colors hover:border-primary-300 hover:bg-primary-50/50 focus-visible:border-primary-400 focus-visible:outline-none\"\r\n          [attr.aria-label]=\"\r\n            t('delegations.session.promptStartAria', {\r\n              delegatorName: cand.delegator.displayName,\r\n            })\r\n          \"\r\n          (click)=\"select(cand)\"\r\n        >\r\n          <span class=\"flex min-w-0 items-center gap-3\">\r\n            <mt-entity-preview\r\n              [data]=\"userEntity(cand.delegator)\"\r\n            ></mt-entity-preview>\r\n          </span>\r\n          <span\r\n            class=\"inline-flex shrink-0 items-center gap-1.5 text-sm font-medium text-primary\"\r\n          >\r\n            <span class=\"hidden sm:inline\">\r\n              {{ t(\"delegations.action.startSession\") }}\r\n            </span>\r\n            <mt-icon icon=\"arrow.arrow-right\" class=\"text-base\"></mt-icon>\r\n          </span>\r\n        </button>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      variant=\"outlined\"\r\n      color=\"secondary\"\r\n      [label]=\"t('delegations.common.close')\"\r\n      (click)=\"close()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], propDecorators: { candidates: [{ type: i0.Input, args: [{ isSignal: true, alias: "candidates", required: true }] }] } });
 
-const STATUS_VISUAL = {
-    Active: {
-        i18nKey: 'delegations.status.active',
-        styleClass: 'mt-status-chip mt-status-chip--active',
-    },
-    Scheduled: {
-        i18nKey: 'delegations.status.scheduled',
-        styleClass: 'mt-status-chip mt-status-chip--scheduled',
-    },
-    PendingApproval: {
-        i18nKey: 'delegations.status.pendingApproval',
-        styleClass: 'mt-status-chip mt-status-chip--pending',
-    },
-    InactiveToday: {
-        i18nKey: 'delegations.status.inactiveToday',
-        styleClass: 'mt-status-chip mt-status-chip--scheduled',
-    },
-    Expired: {
-        i18nKey: 'delegations.status.expired',
-        styleClass: 'mt-status-chip mt-status-chip--expired',
-    },
-    Rejected: {
-        i18nKey: 'delegations.status.rejected',
-        styleClass: 'mt-status-chip mt-status-chip--rejected',
-    },
-    Cancelled: {
-        i18nKey: 'delegations.status.cancelled',
-        styleClass: 'mt-status-chip mt-status-chip--cancelled',
-    },
-};
-class DelegationStatusChip {
-    status = input.required(...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
-    reasonCode = input(null, ...(ngDevMode ? [{ debugName: "reasonCode" }] : /* istanbul ignore next */ []));
-    visual = computed(() => STATUS_VISUAL[this.status() === 'Scheduled' && this.reasonCode() === 'InactiveToday'
-        ? 'InactiveToday'
-        : this.status()] ?? STATUS_VISUAL.Scheduled, ...(ngDevMode ? [{ debugName: "visual" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationStatusChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: DelegationStatusChip, isStandalone: true, selector: "mt-delegation-status-chip", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null }, reasonCode: { classPropertyName: "reasonCode", publicName: "reasonCode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <ng-container *transloco="let t">
-      @let v = visual();
-      <mt-chip [label]="t(v.i18nKey)" [styleClass]="v.styleClass"></mt-chip>
-    </ng-container>
-  `, isInline: true, styles: [":host{display:inline-flex}:host ::ng-deep .mt-status-chip{font-weight:500;font-size:.75rem;border-radius:9999px;padding-inline:.625rem;padding-block:.125rem}:host ::ng-deep .mt-status-chip--active{background-color:#dcfce7;color:#166534}:host ::ng-deep .mt-status-chip--scheduled{background-color:#dbeafe;color:#1e40af}:host ::ng-deep .mt-status-chip--pending{background-color:#fef9c3;color:#854d0e}:host ::ng-deep .mt-status-chip--expired{background-color:#f3f4f6;color:#4b5563}:host ::ng-deep .mt-status-chip--rejected{background-color:#fee2e2;color:#991b1b}:host ::ng-deep .mt-status-chip--cancelled{background-color:#e5e7eb;color:#374151}:host-context(.dark) ::ng-deep .mt-status-chip--active{background-color:#22c55e33;color:#86efac}:host-context(.dark) ::ng-deep .mt-status-chip--scheduled{background-color:#3b82f633;color:#93c5fd}:host-context(.dark) ::ng-deep .mt-status-chip--pending{background-color:#eab30833;color:#fde047}:host-context(.dark) ::ng-deep .mt-status-chip--expired{background-color:#94a3b833;color:#cbd5e1}:host-context(.dark) ::ng-deep .mt-status-chip--rejected{background-color:#ef444433;color:#fca5a5}:host-context(.dark) ::ng-deep .mt-status-chip--cancelled{background-color:#94a3b826;color:#cbd5e1}\n"], dependencies: [{ kind: "component", type: Chip, selector: "mt-chip", inputs: ["label", "icon", "image", "removable", "removeIcon", "styleClass", "size"], outputs: ["onRemove", "onImageError"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationStatusChip, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-delegation-status-chip', standalone: true, imports: [Chip, TranslocoDirective], template: `
-    <ng-container *transloco="let t">
-      @let v = visual();
-      <mt-chip [label]="t(v.i18nKey)" [styleClass]="v.styleClass"></mt-chip>
-    </ng-container>
-  `, styles: [":host{display:inline-flex}:host ::ng-deep .mt-status-chip{font-weight:500;font-size:.75rem;border-radius:9999px;padding-inline:.625rem;padding-block:.125rem}:host ::ng-deep .mt-status-chip--active{background-color:#dcfce7;color:#166534}:host ::ng-deep .mt-status-chip--scheduled{background-color:#dbeafe;color:#1e40af}:host ::ng-deep .mt-status-chip--pending{background-color:#fef9c3;color:#854d0e}:host ::ng-deep .mt-status-chip--expired{background-color:#f3f4f6;color:#4b5563}:host ::ng-deep .mt-status-chip--rejected{background-color:#fee2e2;color:#991b1b}:host ::ng-deep .mt-status-chip--cancelled{background-color:#e5e7eb;color:#374151}:host-context(.dark) ::ng-deep .mt-status-chip--active{background-color:#22c55e33;color:#86efac}:host-context(.dark) ::ng-deep .mt-status-chip--scheduled{background-color:#3b82f633;color:#93c5fd}:host-context(.dark) ::ng-deep .mt-status-chip--pending{background-color:#eab30833;color:#fde047}:host-context(.dark) ::ng-deep .mt-status-chip--expired{background-color:#94a3b833;color:#cbd5e1}:host-context(.dark) ::ng-deep .mt-status-chip--rejected{background-color:#ef444433;color:#fca5a5}:host-context(.dark) ::ng-deep .mt-status-chip--cancelled{background-color:#94a3b826;color:#cbd5e1}\n"] }]
-        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: true }] }], reasonCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "reasonCode", required: false }] }] } });
-
 /**
- * Embeddable delegation menu content (doc 05, 09): renders the candidate /
- * active-session rows and the start / switch / end actions, with no trigger of
- * its own. Designed to be dropped inside a host menu (e.g. the user-avatar
- * dropdown) or the topbar popover. Reads the shared `DelegationSessionFacade`
- * signals; candidate loading + the post-login prompt stay in the always-mounted
- * `TopbarDelegationMenu` controller.
+ * Embeddable "acting as" account switcher (doc 05, 09).
+ *
+ * Renders one row per identity the user can operate as — themselves first, then
+ * every delegator who has an active delegation assigned to them — with the
+ * current one checked. Picking a row starts, switches, or ends the delegated
+ * session; the {@link StartSessionDialog} still takes explicit consent before
+ * any session begins, so this list never changes authority on its own.
+ *
+ * Designed to be dropped inside a host menu (e.g. the user-avatar dropdown) or
+ * the topbar popover. Candidate loading + the post-login prompt stay in the
+ * always-mounted `TopbarDelegationMenu` controller.
  *
  * Emits `closeRequested` after any action so the host overlay can dismiss.
  */
@@ -692,25 +797,57 @@ class DelegationMenuPanel {
     /** Path to the management page, e.g. `/control-panel/delegations` or `/delegations`. */
     managePath = input('/delegations', ...(ngDevMode ? [{ debugName: "managePath" }] : /* istanbul ignore next */ []));
     showManageLink = input(true, ...(ngDevMode ? [{ debugName: "showManageLink" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional richer profile for the "you" row. Falls back to the current user
+     * carried on the assigned delegation rows, so the host may omit it.
+     */
+    currentUser = input(null, ...(ngDevMode ? [{ debugName: "currentUser" }] : /* istanbul ignore next */ []));
     closeRequested = output();
     facade = inject(DelegationSessionFacade);
     modal = inject(ModalService);
     transloco = inject(TranslocoService);
+    toast = inject(ToastService);
     active = this.facade.active;
     candidates = this.facade.candidates;
     hasCandidates = this.facade.hasCandidates;
     hasMoreCandidates = this.facade.hasMoreCandidates;
     isLoadingCandidates = this.facade.isLoadingCandidates;
+    isBusy = this.facade.isStarting;
     onBehalfOf = this.facade.onBehalfOf;
-    executedBy = this.facade.executedBy;
-    mode = computed(() => {
-        if (this.active())
-            return 'active';
-        if (this.hasCandidates())
-            return 'candidates';
-        return 'hidden';
-    }, ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    /** Two-letter initials for a delegator avatar (matches the user-menu pattern). */
+    /** The real signed-in user — host-supplied when available, derived otherwise. */
+    self = computed(() => this.currentUser() ?? this.facade.executedBy(), ...(ngDevMode ? [{ debugName: "self" }] : /* istanbul ignore next */ []));
+    /** Nothing to switch between and no session running — render nothing. */
+    visible = computed(() => !!this.active() || this.hasCandidates(), ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    /** "You", then every delegator. The active identity carries the checkmark. */
+    identities = computed(() => {
+        const activeSession = this.active();
+        const activeId = activeSession?.delegation.delegationId ?? null;
+        const self = this.self();
+        const candidates = this.candidates();
+        // The identity in force is always listed, even if it has fallen off the
+        // first page of candidates — a switcher that cannot show who you currently
+        // are is worse than one extra row.
+        const rows = activeSession && !candidates.some((row) => row.delegationId === activeId)
+            ? [activeSession.delegation, ...candidates]
+            : candidates;
+        return [
+            {
+                row: null,
+                party: self,
+                isSelf: true,
+                isActive: activeId === null,
+                initials: this.initials(self),
+            },
+            ...rows.map((row) => ({
+                row,
+                party: row.delegator,
+                isSelf: false,
+                isActive: row.delegationId === activeId,
+                initials: this.initials(row.delegator),
+            })),
+        ];
+    }, ...(ngDevMode ? [{ debugName: "identities" }] : /* istanbul ignore next */ []));
+    /** Two-letter initials for an avatar (matches the user-menu pattern). */
     initials(party) {
         const name = party?.displayName?.trim() || party?.email?.trim() || '';
         const parts = name.split(/\s+/).filter(Boolean);
@@ -721,20 +858,24 @@ class DelegationMenuPanel {
         }
         return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
     }
-    start(row, event) {
-        event.stopPropagation();
-        this.closeRequested.emit();
-        this.openConfirm(row, 'start');
-    }
-    switchTo(row, event) {
-        event.stopPropagation();
-        this.closeRequested.emit();
-        this.openConfirm(row, 'switch');
-    }
-    endSession(event) {
+    select(option, event) {
         event.stopPropagation();
+        if (option.isActive || this.isBusy()) {
+            return;
+        }
         this.closeRequested.emit();
-        this.facade.endSession('Manual').subscribe();
+        if (option.isSelf) {
+            // Back to your own authority. There is no server call (doc 05) — ending
+            // is local — so no confirmation dialog stands between the user and it.
+            this.facade.endSession('Manual').subscribe({
+                next: () => this.toast.success(this.transloco.translate('delegations.session.ended')),
+            });
+            return;
+        }
+        if (!option.row) {
+            return;
+        }
+        this.openConfirm(option.row, this.active() ? 'switch' : 'start');
     }
     onManage() {
         this.closeRequested.emit();
@@ -755,19 +896,12 @@ class DelegationMenuPanel {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationMenuPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationMenuPanel, isStandalone: true, selector: "mt-delegation-menu-panel", inputs: { managePath: { classPropertyName: "managePath", publicName: "managePath", isSignal: true, isRequired: false, transformFunction: null }, showManageLink: { classPropertyName: "showManageLink", publicName: "showManageLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  @if (mode() !== \"hidden\") {\r\n    <div class=\"flex w-full flex-col\">\r\n      @if (mode() === \"active\" && active(); as session) {\r\n        <!-- Active session -->\r\n        <div class=\"flex items-center gap-3 border-b border-surface px-4 py-3\">\r\n          <mt-avatar\r\n            [label]=\"initials(onBehalfOf())\"\r\n            shape=\"circle\"\r\n            styleClass=\"!size-9 !text-sm !bg-primary-100 !text-primary-700\"\r\n          ></mt-avatar>\r\n          <div class=\"flex min-w-0 flex-1 flex-col\">\r\n            <span\r\n              class=\"text-[0.625rem] font-medium uppercase text-surface-500\"\r\n            >\r\n              {{ t(\"delegations.session.actingOnBehalfOf\") }}\r\n            </span>\r\n            <span class=\"truncate text-sm font-semibold text-surface-900\">\r\n              {{ onBehalfOf()?.displayName }}\r\n            </span>\r\n            <span class=\"truncate text-xs text-surface-500\">\r\n              {{\r\n                t(\"delegations.session.executedBy\", {\r\n                  actualUserName: executedBy()?.displayName,\r\n                })\r\n              }}\r\n            </span>\r\n          </div>\r\n          <mt-delegation-status-chip\r\n            status=\"Active\"\r\n          ></mt-delegation-status-chip>\r\n        </div>\r\n\r\n        <div class=\"flex flex-col p-1.5\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-surface-700 hover:bg-surface-100\"\r\n            (click)=\"endSession($event)\"\r\n          >\r\n            <mt-icon icon=\"arrow.arrow-left\" styleClass=\"text-base\"></mt-icon>\r\n            <span>{{ t(\"delegations.action.endSession\") }}</span>\r\n          </button>\r\n        </div>\r\n\r\n        @if (candidates().length > 1) {\r\n          <div class=\"border-t border-surface p-1.5\">\r\n            <div\r\n              class=\"px-2 pb-1 text-[0.625rem] font-medium uppercase text-surface-400\"\r\n            >\r\n              {{ t(\"delegations.session.switchToAnother\") }}\r\n            </div>\r\n            @for (cand of candidates(); track cand.delegationId) {\r\n              @if (cand.delegationId !== session.delegation.delegationId) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"flex w-full cursor-pointer items-center gap-3 rounded-lg px-2 py-2 text-start hover:bg-surface-100\"\r\n                  [attr.aria-label]=\"\r\n                    t('delegations.action.switchSession') +\r\n                    ': ' +\r\n                    cand.delegator.displayName\r\n                  \"\r\n                  (click)=\"switchTo(cand, $event)\"\r\n                >\r\n                  <mt-avatar\r\n                    [label]=\"initials(cand.delegator)\"\r\n                    shape=\"circle\"\r\n                    styleClass=\"!size-8 !text-xs !bg-surface-100 !text-surface-600\"\r\n                  ></mt-avatar>\r\n                  <span\r\n                    class=\"min-w-0 flex-1 truncate text-sm font-medium text-surface-800\"\r\n                  >\r\n                    {{ cand.delegator.displayName }}\r\n                  </span>\r\n                  <mt-icon\r\n                    icon=\"arrow.switch-horizontal-01\"\r\n                    styleClass=\"text-base text-surface-400\"\r\n                  ></mt-icon>\r\n                </button>\r\n              }\r\n            }\r\n          </div>\r\n        }\r\n      } @else if (mode() === \"candidates\") {\r\n        <!-- Candidates available -->\r\n        <div class=\"border-b border-surface px-4 py-3\">\r\n          <div class=\"text-sm font-semibold text-surface-900\">\r\n            {{ t(\"delegations.session.youCanActAs\") }}\r\n          </div>\r\n          <div class=\"mt-0.5 text-xs text-surface-500\">\r\n            {{ t(\"delegations.session.chooseDelegatorHint\") }}\r\n          </div>\r\n        </div>\r\n        <div class=\"flex max-h-72 flex-col overflow-y-auto p-1.5\">\r\n          @for (cand of candidates(); track cand.delegationId) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"flex w-full cursor-pointer items-center gap-3 rounded-lg px-2 py-2 text-start hover:bg-surface-100\"\r\n              [attr.aria-label]=\"\r\n                t('delegations.action.startSession') +\r\n                ': ' +\r\n                cand.delegator.displayName\r\n              \"\r\n              (click)=\"start(cand, $event)\"\r\n            >\r\n              <mt-avatar\r\n                [label]=\"initials(cand.delegator)\"\r\n                shape=\"circle\"\r\n                styleClass=\"!size-8 !text-xs !bg-primary-100 !text-primary-700\"\r\n              ></mt-avatar>\r\n              <span class=\"flex min-w-0 flex-1 flex-col\">\r\n                <span class=\"truncate text-sm font-medium text-surface-800\">\r\n                  {{ cand.delegator.displayName }}\r\n                </span>\r\n                @if (cand.delegator.email) {\r\n                  <span class=\"truncate text-xs text-surface-500\">\r\n                    {{ cand.delegator.email }}\r\n                  </span>\r\n                }\r\n              </span>\r\n              <mt-icon\r\n                icon=\"arrow.arrow-right\"\r\n                styleClass=\"text-base text-surface-400\"\r\n              ></mt-icon>\r\n            </button>\r\n          }\r\n          @if (hasMoreCandidates()) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"mx-2 my-1 rounded-lg px-3 py-2 text-sm font-medium text-primary hover:bg-primary-50 disabled:opacity-60\"\r\n              [disabled]=\"isLoadingCandidates()\"\r\n              (click)=\"loadMore($event)\"\r\n            >\r\n              {{ t(\"delegations.session.loadMore\") }}\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n\r\n      @if (showManageLink()) {\r\n        <div class=\"border-t border-surface p-1.5\">\r\n          <a\r\n            [routerLink]=\"managePath()\"\r\n            (click)=\"onManage()\"\r\n            class=\"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-surface-700 hover:bg-surface-100\"\r\n          >\r\n            <mt-icon\r\n              icon=\"general.settings-02\"\r\n              styleClass=\"text-base\"\r\n            ></mt-icon>\r\n            <span>{{ t(\"delegations.session.manage\") }}</span>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DelegationStatusChip, selector: "mt-delegation-status-chip", inputs: ["status", "reasonCode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationMenuPanel, isStandalone: true, selector: "mt-delegation-menu-panel", inputs: { managePath: { classPropertyName: "managePath", publicName: "managePath", isSignal: true, isRequired: false, transformFunction: null }, showManageLink: { classPropertyName: "showManageLink", publicName: "showManageLink", isSignal: true, isRequired: false, transformFunction: null }, currentUser: { classPropertyName: "currentUser", publicName: "currentUser", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  @if (visible()) {\n    <div class=\"mt-delegation-switcher flex w-full flex-col\">\n      <!-- Header: what this list is, and the current mode at a glance -->\n      <div class=\"flex flex-col gap-0.5 px-4 pb-2 pt-3\">\n        <span\n          class=\"text-[0.6875rem] font-semibold uppercase tracking-wide text-surface-400\"\n        >\n          {{ t(\"delegations.session.actingAs\") }}\n        </span>\n        @if (active()) {\n          <span class=\"text-xs text-surface-500\">\n            {{\n              t(\"delegations.session.switchBackHint\", {\n                actualUserName: self()?.displayName,\n              })\n            }}\n          </span>\n        } @else {\n          <span class=\"text-xs text-surface-500\">\n            {{ t(\"delegations.session.chooseDelegatorHint\") }}\n          </span>\n        }\n      </div>\n\n      <!-- Identity list: you first, then everyone who delegated to you -->\n      <div\n        class=\"mt-delegation-switcher__list flex max-h-80 flex-col gap-0.5 overflow-y-auto px-1.5 pb-1.5\"\n        role=\"listbox\"\n        [attr.aria-label]=\"t('delegations.session.actingAs')\"\n      >\n        @for (\n          option of identities();\n          track option.row?.delegationId ?? \"self\"\n        ) {\n          <button\n            type=\"button\"\n            role=\"option\"\n            class=\"mt-delegation-switcher__row\"\n            [class.mt-delegation-switcher__row--active]=\"option.isActive\"\n            [attr.aria-selected]=\"option.isActive\"\n            [disabled]=\"isBusy() || option.isActive\"\n            [attr.aria-label]=\"\n              option.isSelf\n                ? t('delegations.session.actAsSelfAria', {\n                    actualUserName: option.party?.displayName,\n                  })\n                : t('delegations.session.promptStartAria', {\n                    delegatorName: option.party?.displayName,\n                  })\n            \"\n            (click)=\"select(option, $event)\"\n          >\n            <span class=\"relative shrink-0\">\n              <mt-avatar\n                [label]=\"option.initials\"\n                shape=\"circle\"\n                [styleClass]=\"\n                  option.isActive\n                    ? '!size-9 !text-xs !bg-primary-100 !text-primary-700'\n                    : '!size-9 !text-xs !bg-surface-100 !text-surface-600'\n                \"\n              ></mt-avatar>\n              @if (option.isActive && !option.isSelf) {\n                <span\n                  class=\"absolute -bottom-0.5 -end-0.5 flex size-4 items-center justify-center rounded-full bg-primary ring-2 ring-surface-0\"\n                  aria-hidden=\"true\"\n                >\n                  <mt-icon\n                    icon=\"user.users-check\"\n                    styleClass=\"text-[0.55rem] text-white\"\n                  ></mt-icon>\n                </span>\n              }\n            </span>\n\n            <span class=\"flex min-w-0 flex-1 flex-col text-start\">\n              <span class=\"flex min-w-0 items-center gap-1.5\">\n                <span\n                  class=\"truncate text-sm font-semibold text-surface-800\"\n                  [class.text-primary-700]=\"option.isActive\"\n                >\n                  {{ option.party?.displayName }}\n                </span>\n                @if (option.isSelf) {\n                  <span class=\"mt-delegation-switcher__badge\">\n                    {{ t(\"delegations.session.you\") }}\n                  </span>\n                }\n              </span>\n              <span class=\"truncate text-xs text-surface-500\">\n                @if (option.isSelf) {\n                  {{\n                    option.party?.email ||\n                      t(\"delegations.session.ownAccountHint\")\n                  }}\n                } @else {\n                  {{\n                    t(\"delegations.session.until\", {\n                      date: option.row?.endsAtUtc | date: \"mediumDate\",\n                    })\n                  }}\n                }\n              </span>\n            </span>\n\n            @if (option.isActive) {\n              <mt-icon\n                icon=\"general.check\"\n                styleClass=\"text-base text-primary shrink-0\"\n              ></mt-icon>\n            } @else {\n              <mt-icon\n                icon=\"arrow.chevron-right\"\n                styleClass=\"mt-delegation-switcher__chevron text-base text-surface-400 shrink-0\"\n              ></mt-icon>\n            }\n          </button>\n        }\n\n        @if (hasMoreCandidates()) {\n          <button\n            type=\"button\"\n            class=\"mx-1.5 my-1 rounded-lg px-3 py-2 text-sm font-medium text-primary hover:bg-primary-50 disabled:opacity-60\"\n            [disabled]=\"isLoadingCandidates()\"\n            (click)=\"loadMore($event)\"\n          >\n            {{ t(\"delegations.session.loadMore\") }}\n          </button>\n        }\n      </div>\n\n      @if (showManageLink()) {\n        <div class=\"border-t border-surface p-1.5\">\n          <a\n            [routerLink]=\"managePath()\"\n            (click)=\"onManage()\"\n            class=\"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-surface-700 hover:bg-surface-100\"\n          >\n            <mt-icon\n              icon=\"general.settings-02\"\n              styleClass=\"text-base\"\n            ></mt-icon>\n            <span>{{ t(\"delegations.session.manage\") }}</span>\n          </a>\n        </div>\n      }\n    </div>\n  }\n</ng-container>\n", styles: [":host{display:block;min-width:0}.mt-delegation-switcher{min-width:15rem}.mt-delegation-switcher__row{display:flex;width:100%;align-items:center;gap:.75rem;padding:.5rem .625rem;border:1px solid transparent;border-radius:.5rem;background:transparent;cursor:pointer;text-align:start;transition:background-color .12s ease-out,border-color .12s ease-out}.mt-delegation-switcher__row:hover:not(:disabled){background-color:var(--p-surface-100)}.mt-delegation-switcher__row:focus-visible{outline:none;border-color:var(--p-primary-400);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color) 22%,transparent)}.mt-delegation-switcher__row--active,.mt-delegation-switcher__row--active:hover{background-color:var(--p-primary-50);border-color:var(--p-primary-200)}.mt-delegation-switcher__row:disabled{cursor:default}.mt-delegation-switcher__row--active:disabled{opacity:1}.mt-delegation-switcher__row:disabled:not(.mt-delegation-switcher__row--active){opacity:.55}.mt-delegation-switcher__chevron{opacity:0;transition:opacity .12s ease-out}.mt-delegation-switcher__row:hover:not(:disabled) .mt-delegation-switcher__chevron,.mt-delegation-switcher__row:focus-visible .mt-delegation-switcher__chevron{opacity:1}.mt-delegation-switcher__badge{flex-shrink:0;border-radius:999px;background-color:var(--p-surface-200);color:var(--p-surface-600);font-size:.625rem;font-weight:600;line-height:1rem;padding-inline:.375rem;text-transform:uppercase;letter-spacing:.02em}:host-context([dir=\"rtl\"]) .mt-delegation-switcher__chevron{transform:scaleX(-1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationMenuPanel, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-delegation-menu-panel', standalone: true, imports: [
-                        CommonModule,
-                        Avatar,
-                        Icon,
-                        RouterLink,
-                        TranslocoDirective,
-                        DelegationStatusChip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\r\n  @if (mode() !== \"hidden\") {\r\n    <div class=\"flex w-full flex-col\">\r\n      @if (mode() === \"active\" && active(); as session) {\r\n        <!-- Active session -->\r\n        <div class=\"flex items-center gap-3 border-b border-surface px-4 py-3\">\r\n          <mt-avatar\r\n            [label]=\"initials(onBehalfOf())\"\r\n            shape=\"circle\"\r\n            styleClass=\"!size-9 !text-sm !bg-primary-100 !text-primary-700\"\r\n          ></mt-avatar>\r\n          <div class=\"flex min-w-0 flex-1 flex-col\">\r\n            <span\r\n              class=\"text-[0.625rem] font-medium uppercase text-surface-500\"\r\n            >\r\n              {{ t(\"delegations.session.actingOnBehalfOf\") }}\r\n            </span>\r\n            <span class=\"truncate text-sm font-semibold text-surface-900\">\r\n              {{ onBehalfOf()?.displayName }}\r\n            </span>\r\n            <span class=\"truncate text-xs text-surface-500\">\r\n              {{\r\n                t(\"delegations.session.executedBy\", {\r\n                  actualUserName: executedBy()?.displayName,\r\n                })\r\n              }}\r\n            </span>\r\n          </div>\r\n          <mt-delegation-status-chip\r\n            status=\"Active\"\r\n          ></mt-delegation-status-chip>\r\n        </div>\r\n\r\n        <div class=\"flex flex-col p-1.5\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"flex w-full cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-surface-700 hover:bg-surface-100\"\r\n            (click)=\"endSession($event)\"\r\n          >\r\n            <mt-icon icon=\"arrow.arrow-left\" styleClass=\"text-base\"></mt-icon>\r\n            <span>{{ t(\"delegations.action.endSession\") }}</span>\r\n          </button>\r\n        </div>\r\n\r\n        @if (candidates().length > 1) {\r\n          <div class=\"border-t border-surface p-1.5\">\r\n            <div\r\n              class=\"px-2 pb-1 text-[0.625rem] font-medium uppercase text-surface-400\"\r\n            >\r\n              {{ t(\"delegations.session.switchToAnother\") }}\r\n            </div>\r\n            @for (cand of candidates(); track cand.delegationId) {\r\n              @if (cand.delegationId !== session.delegation.delegationId) {\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"flex w-full cursor-pointer items-center gap-3 rounded-lg px-2 py-2 text-start hover:bg-surface-100\"\r\n                  [attr.aria-label]=\"\r\n                    t('delegations.action.switchSession') +\r\n                    ': ' +\r\n                    cand.delegator.displayName\r\n                  \"\r\n                  (click)=\"switchTo(cand, $event)\"\r\n                >\r\n                  <mt-avatar\r\n                    [label]=\"initials(cand.delegator)\"\r\n                    shape=\"circle\"\r\n                    styleClass=\"!size-8 !text-xs !bg-surface-100 !text-surface-600\"\r\n                  ></mt-avatar>\r\n                  <span\r\n                    class=\"min-w-0 flex-1 truncate text-sm font-medium text-surface-800\"\r\n                  >\r\n                    {{ cand.delegator.displayName }}\r\n                  </span>\r\n                  <mt-icon\r\n                    icon=\"arrow.switch-horizontal-01\"\r\n                    styleClass=\"text-base text-surface-400\"\r\n                  ></mt-icon>\r\n                </button>\r\n              }\r\n            }\r\n          </div>\r\n        }\r\n      } @else if (mode() === \"candidates\") {\r\n        <!-- Candidates available -->\r\n        <div class=\"border-b border-surface px-4 py-3\">\r\n          <div class=\"text-sm font-semibold text-surface-900\">\r\n            {{ t(\"delegations.session.youCanActAs\") }}\r\n          </div>\r\n          <div class=\"mt-0.5 text-xs text-surface-500\">\r\n            {{ t(\"delegations.session.chooseDelegatorHint\") }}\r\n          </div>\r\n        </div>\r\n        <div class=\"flex max-h-72 flex-col overflow-y-auto p-1.5\">\r\n          @for (cand of candidates(); track cand.delegationId) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"flex w-full cursor-pointer items-center gap-3 rounded-lg px-2 py-2 text-start hover:bg-surface-100\"\r\n              [attr.aria-label]=\"\r\n                t('delegations.action.startSession') +\r\n                ': ' +\r\n                cand.delegator.displayName\r\n              \"\r\n              (click)=\"start(cand, $event)\"\r\n            >\r\n              <mt-avatar\r\n                [label]=\"initials(cand.delegator)\"\r\n                shape=\"circle\"\r\n                styleClass=\"!size-8 !text-xs !bg-primary-100 !text-primary-700\"\r\n              ></mt-avatar>\r\n              <span class=\"flex min-w-0 flex-1 flex-col\">\r\n                <span class=\"truncate text-sm font-medium text-surface-800\">\r\n                  {{ cand.delegator.displayName }}\r\n                </span>\r\n                @if (cand.delegator.email) {\r\n                  <span class=\"truncate text-xs text-surface-500\">\r\n                    {{ cand.delegator.email }}\r\n                  </span>\r\n                }\r\n              </span>\r\n              <mt-icon\r\n                icon=\"arrow.arrow-right\"\r\n                styleClass=\"text-base text-surface-400\"\r\n              ></mt-icon>\r\n            </button>\r\n          }\r\n          @if (hasMoreCandidates()) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"mx-2 my-1 rounded-lg px-3 py-2 text-sm font-medium text-primary hover:bg-primary-50 disabled:opacity-60\"\r\n              [disabled]=\"isLoadingCandidates()\"\r\n              (click)=\"loadMore($event)\"\r\n            >\r\n              {{ t(\"delegations.session.loadMore\") }}\r\n            </button>\r\n          }\r\n        </div>\r\n      }\r\n\r\n      @if (showManageLink()) {\r\n        <div class=\"border-t border-surface p-1.5\">\r\n          <a\r\n            [routerLink]=\"managePath()\"\r\n            (click)=\"onManage()\"\r\n            class=\"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-surface-700 hover:bg-surface-100\"\r\n          >\r\n            <mt-icon\r\n              icon=\"general.settings-02\"\r\n              styleClass=\"text-base\"\r\n            ></mt-icon>\r\n            <span>{{ t(\"delegations.session.manage\") }}</span>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</ng-container>\r\n" }]
-        }], propDecorators: { managePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "managePath", required: false }] }], showManageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showManageLink", required: false }] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }] } });
+            args: [{ selector: 'mt-delegation-menu-panel', standalone: true, imports: [CommonModule, Avatar, Icon, RouterLink, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  @if (visible()) {\n    <div class=\"mt-delegation-switcher flex w-full flex-col\">\n      <!-- Header: what this list is, and the current mode at a glance -->\n      <div class=\"flex flex-col gap-0.5 px-4 pb-2 pt-3\">\n        <span\n          class=\"text-[0.6875rem] font-semibold uppercase tracking-wide text-surface-400\"\n        >\n          {{ t(\"delegations.session.actingAs\") }}\n        </span>\n        @if (active()) {\n          <span class=\"text-xs text-surface-500\">\n            {{\n              t(\"delegations.session.switchBackHint\", {\n                actualUserName: self()?.displayName,\n              })\n            }}\n          </span>\n        } @else {\n          <span class=\"text-xs text-surface-500\">\n            {{ t(\"delegations.session.chooseDelegatorHint\") }}\n          </span>\n        }\n      </div>\n\n      <!-- Identity list: you first, then everyone who delegated to you -->\n      <div\n        class=\"mt-delegation-switcher__list flex max-h-80 flex-col gap-0.5 overflow-y-auto px-1.5 pb-1.5\"\n        role=\"listbox\"\n        [attr.aria-label]=\"t('delegations.session.actingAs')\"\n      >\n        @for (\n          option of identities();\n          track option.row?.delegationId ?? \"self\"\n        ) {\n          <button\n            type=\"button\"\n            role=\"option\"\n            class=\"mt-delegation-switcher__row\"\n            [class.mt-delegation-switcher__row--active]=\"option.isActive\"\n            [attr.aria-selected]=\"option.isActive\"\n            [disabled]=\"isBusy() || option.isActive\"\n            [attr.aria-label]=\"\n              option.isSelf\n                ? t('delegations.session.actAsSelfAria', {\n                    actualUserName: option.party?.displayName,\n                  })\n                : t('delegations.session.promptStartAria', {\n                    delegatorName: option.party?.displayName,\n                  })\n            \"\n            (click)=\"select(option, $event)\"\n          >\n            <span class=\"relative shrink-0\">\n              <mt-avatar\n                [label]=\"option.initials\"\n                shape=\"circle\"\n                [styleClass]=\"\n                  option.isActive\n                    ? '!size-9 !text-xs !bg-primary-100 !text-primary-700'\n                    : '!size-9 !text-xs !bg-surface-100 !text-surface-600'\n                \"\n              ></mt-avatar>\n              @if (option.isActive && !option.isSelf) {\n                <span\n                  class=\"absolute -bottom-0.5 -end-0.5 flex size-4 items-center justify-center rounded-full bg-primary ring-2 ring-surface-0\"\n                  aria-hidden=\"true\"\n                >\n                  <mt-icon\n                    icon=\"user.users-check\"\n                    styleClass=\"text-[0.55rem] text-white\"\n                  ></mt-icon>\n                </span>\n              }\n            </span>\n\n            <span class=\"flex min-w-0 flex-1 flex-col text-start\">\n              <span class=\"flex min-w-0 items-center gap-1.5\">\n                <span\n                  class=\"truncate text-sm font-semibold text-surface-800\"\n                  [class.text-primary-700]=\"option.isActive\"\n                >\n                  {{ option.party?.displayName }}\n                </span>\n                @if (option.isSelf) {\n                  <span class=\"mt-delegation-switcher__badge\">\n                    {{ t(\"delegations.session.you\") }}\n                  </span>\n                }\n              </span>\n              <span class=\"truncate text-xs text-surface-500\">\n                @if (option.isSelf) {\n                  {{\n                    option.party?.email ||\n                      t(\"delegations.session.ownAccountHint\")\n                  }}\n                } @else {\n                  {{\n                    t(\"delegations.session.until\", {\n                      date: option.row?.endsAtUtc | date: \"mediumDate\",\n                    })\n                  }}\n                }\n              </span>\n            </span>\n\n            @if (option.isActive) {\n              <mt-icon\n                icon=\"general.check\"\n                styleClass=\"text-base text-primary shrink-0\"\n              ></mt-icon>\n            } @else {\n              <mt-icon\n                icon=\"arrow.chevron-right\"\n                styleClass=\"mt-delegation-switcher__chevron text-base text-surface-400 shrink-0\"\n              ></mt-icon>\n            }\n          </button>\n        }\n\n        @if (hasMoreCandidates()) {\n          <button\n            type=\"button\"\n            class=\"mx-1.5 my-1 rounded-lg px-3 py-2 text-sm font-medium text-primary hover:bg-primary-50 disabled:opacity-60\"\n            [disabled]=\"isLoadingCandidates()\"\n            (click)=\"loadMore($event)\"\n          >\n            {{ t(\"delegations.session.loadMore\") }}\n          </button>\n        }\n      </div>\n\n      @if (showManageLink()) {\n        <div class=\"border-t border-surface p-1.5\">\n          <a\n            [routerLink]=\"managePath()\"\n            (click)=\"onManage()\"\n            class=\"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-surface-700 hover:bg-surface-100\"\n          >\n            <mt-icon\n              icon=\"general.settings-02\"\n              styleClass=\"text-base\"\n            ></mt-icon>\n            <span>{{ t(\"delegations.session.manage\") }}</span>\n          </a>\n        </div>\n      }\n    </div>\n  }\n</ng-container>\n", styles: [":host{display:block;min-width:0}.mt-delegation-switcher{min-width:15rem}.mt-delegation-switcher__row{display:flex;width:100%;align-items:center;gap:.75rem;padding:.5rem .625rem;border:1px solid transparent;border-radius:.5rem;background:transparent;cursor:pointer;text-align:start;transition:background-color .12s ease-out,border-color .12s ease-out}.mt-delegation-switcher__row:hover:not(:disabled){background-color:var(--p-surface-100)}.mt-delegation-switcher__row:focus-visible{outline:none;border-color:var(--p-primary-400);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary-color) 22%,transparent)}.mt-delegation-switcher__row--active,.mt-delegation-switcher__row--active:hover{background-color:var(--p-primary-50);border-color:var(--p-primary-200)}.mt-delegation-switcher__row:disabled{cursor:default}.mt-delegation-switcher__row--active:disabled{opacity:1}.mt-delegation-switcher__row:disabled:not(.mt-delegation-switcher__row--active){opacity:.55}.mt-delegation-switcher__chevron{opacity:0;transition:opacity .12s ease-out}.mt-delegation-switcher__row:hover:not(:disabled) .mt-delegation-switcher__chevron,.mt-delegation-switcher__row:focus-visible .mt-delegation-switcher__chevron{opacity:1}.mt-delegation-switcher__badge{flex-shrink:0;border-radius:999px;background-color:var(--p-surface-200);color:var(--p-surface-600);font-size:.625rem;font-weight:600;line-height:1rem;padding-inline:.375rem;text-transform:uppercase;letter-spacing:.02em}:host-context([dir=\"rtl\"]) .mt-delegation-switcher__chevron{transform:scaleX(-1)}\n"] }]
+        }], propDecorators: { managePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "managePath", required: false }] }], showManageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showManageLink", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }] } });
 
 /**
  * Topbar surface + controller for the delegation runtime (doc 05, 09).
@@ -795,10 +929,18 @@ class TopbarDelegationMenu {
      * e.g. embedded in the user-avatar dropdown via {@link DelegationMenuPanel}.
      */
     headless = input(false, ...(ngDevMode ? [{ debugName: "headless" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional richer profile for the "you" row of the switcher. Forwarded to
+     * {@link DelegationMenuPanel}; omit it and the current user is derived from
+     * the assigned delegation rows.
+     */
+    currentUser = input(null, ...(ngDevMode ? [{ debugName: "currentUser" }] : /* istanbul ignore next */ []));
     facade = inject(DelegationSessionFacade);
     modal = inject(ModalService);
     transloco = inject(TranslocoService);
     destroyRef = inject(DestroyRef);
+    actions$ = inject(Actions);
+    toast = inject(ToastService);
     popover = viewChild('popover', ...(ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []));
     active = this.facade.active;
     candidates = this.facade.candidates;
@@ -842,6 +984,19 @@ class TopbarDelegationMenu {
                 this.closePromptFlow();
             }
         });
+        // A resumed session is the one state change the user did not just ask for
+        // — it happens silently on page load. Say so, or "acting as someone else"
+        // looks like the app forgot who they are.
+        this.actions$
+            .pipe(ofActionSuccessful(ResumeDelegationSession), takeUntilDestroyed())
+            .subscribe(() => {
+            const delegatorName = this.onBehalfOf()?.displayName;
+            if (delegatorName) {
+                this.toast.info(this.transloco.translate('delegations.session.resumed', {
+                    delegatorName,
+                }));
+            }
+        });
         this.destroyRef.onDestroy(() => {
             this.destroyed = true;
             this.closePromptFlow();
@@ -964,7 +1119,7 @@ class TopbarDelegationMenu {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TopbarDelegationMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TopbarDelegationMenu, isStandalone: true, selector: "mt-topbar-delegation-menu", inputs: { managePath: { classPropertyName: "managePath", publicName: "managePath", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, showManageLink: { classPropertyName: "showManageLink", publicName: "showManageLink", isSignal: true, isRequired: false, transformFunction: null }, promptOnCandidates: { classPropertyName: "promptOnCandidates", publicName: "promptOnCandidates", isSignal: true, isRequired: false, transformFunction: null }, headless: { classPropertyName: "headless", publicName: "headless", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  <!-- Headless = controller only (no topbar UI); the menu is surfaced in the\r\n       host user dropdown via <mt-delegation-menu-panel>. -->\r\n  @if (!headless() && mode() !== \"hidden\") {\r\n    @if (mode() === \"active\") {\r\n      <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">\r\n        {{\r\n          t(\"delegations.session.banner\", {\r\n            delegatorName: onBehalfOf()?.displayName,\r\n          })\r\n        }}.\r\n        {{\r\n          t(\"delegations.session.executedBy\", {\r\n            actualUserName: executedBy()?.displayName,\r\n          })\r\n        }}\r\n      </span>\r\n    }\r\n\r\n    <div class=\"mt-delegation-trigger flex items-center\">\r\n      @if (mode() === \"active\") {\r\n        <!-- Active: show the delegator like a user identity, with a switcher caret -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__button mt-delegation-trigger__button--active flex min-w-0 max-w-full cursor-pointer items-center gap-2 rounded-full p-1 pe-2 text-current\"\r\n          [attr.aria-label]=\"\r\n            t('delegations.session.banner', {\r\n              delegatorName: onBehalfOf()?.displayName,\r\n            }) +\r\n            '. ' +\r\n            t('delegations.session.executedBy', {\r\n              actualUserName: executedBy()?.displayName,\r\n            })\r\n          \"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <span class=\"relative shrink-0\">\r\n            <mt-avatar\r\n              [label]=\"initials(onBehalfOf())\"\r\n              shape=\"circle\"\r\n              styleClass=\"!size-7 !text-[0.7rem] !bg-primary-100 !text-primary-700\"\r\n            ></mt-avatar>\r\n            <span\r\n              class=\"absolute -bottom-0.5 -end-0.5 flex size-3.5 items-center justify-center rounded-full bg-emerald-500 ring-2 ring-white\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <mt-icon\r\n                icon=\"user.users-check\"\r\n                styleClass=\"text-[0.55rem] text-white\"\r\n              ></mt-icon>\r\n            </span>\r\n          </span>\r\n          @if (!compact()) {\r\n            <span\r\n              class=\"mt-delegation-trigger__label hidden min-w-0 flex-col text-start leading-tight md:flex\"\r\n            >\r\n              <span class=\"text-[0.625rem] font-medium uppercase opacity-60\">\r\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\r\n              </span>\r\n              <span class=\"truncate text-sm font-semibold\">\r\n                {{ onBehalfOf()?.displayName }}\r\n              </span>\r\n            </span>\r\n          }\r\n          <mt-icon\r\n            icon=\"arrow.chevron-down\"\r\n            styleClass=\"text-sm opacity-70\"\r\n          ></mt-icon>\r\n        </button>\r\n      } @else {\r\n        <!-- Candidates: plain icon button matching the other topbar icons -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__icon relative flex size-9 cursor-pointer items-center justify-center rounded-full text-current\"\r\n          [attr.aria-label]=\"t('delegations.session.availableTitle')\"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <mt-icon icon=\"user.users-plus\" styleClass=\"text-xl\"></mt-icon>\r\n          @if (candidates().length > 0) {\r\n            <span\r\n              class=\"absolute -top-0.5 -end-0.5 inline-flex min-w-[1.05rem] items-center justify-center rounded-full bg-primary px-1 text-[0.625rem] font-bold leading-4 text-white ring-2 ring-white\"\r\n            >\r\n              {{ candidates().length }}\r\n            </span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <p-popover\r\n      #popover\r\n      [pt]=\"{ content: { class: 'p-0!' } }\"\r\n      (onShow)=\"popoverOpen.set(true)\"\r\n      (onHide)=\"popoverOpen.set(false)\"\r\n    >\r\n      <div class=\"w-72 max-w-[88vw]\">\r\n        <mt-delegation-menu-panel\r\n          [managePath]=\"managePath()\"\r\n          [showManageLink]=\"showManageLink()\"\r\n          (closeRequested)=\"closePopover()\"\r\n        ></mt-delegation-menu-panel>\r\n      </div>\r\n    </p-popover>\r\n  }\r\n</ng-container>\r\n", styles: [":host{display:inline-flex;align-items:center;min-width:0;max-width:100%}.mt-delegation-trigger{min-width:0;max-width:100%}.mt-delegation-trigger__button,.mt-delegation-trigger__icon{transition:background-color .15s ease-out;border:1px solid transparent}.mt-delegation-trigger__button:hover,.mt-delegation-trigger__icon:hover{background-color:var(--p-surface-100, rgba(0, 0, 0, .05))}.mt-delegation-trigger__button--active{background-color:var(--p-surface-100, rgba(0, 0, 0, .05));border-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__button--active:hover{background-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__label{max-width:min(12rem,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.mt-delegation-trigger__label{max-width:8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DelegationMenuPanel, selector: "mt-delegation-menu-panel", inputs: ["managePath", "showManageLink"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TopbarDelegationMenu, isStandalone: true, selector: "mt-topbar-delegation-menu", inputs: { managePath: { classPropertyName: "managePath", publicName: "managePath", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, showManageLink: { classPropertyName: "showManageLink", publicName: "showManageLink", isSignal: true, isRequired: false, transformFunction: null }, promptOnCandidates: { classPropertyName: "promptOnCandidates", publicName: "promptOnCandidates", isSignal: true, isRequired: false, transformFunction: null }, headless: { classPropertyName: "headless", publicName: "headless", isSignal: true, isRequired: false, transformFunction: null }, currentUser: { classPropertyName: "currentUser", publicName: "currentUser", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  <!-- Headless = controller only (no topbar UI); the menu is surfaced in the\r\n       host user dropdown via <mt-delegation-menu-panel>. -->\r\n  @if (!headless() && mode() !== \"hidden\") {\r\n    @if (mode() === \"active\") {\r\n      <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">\r\n        {{\r\n          t(\"delegations.session.banner\", {\r\n            delegatorName: onBehalfOf()?.displayName,\r\n          })\r\n        }}.\r\n        {{\r\n          t(\"delegations.session.executedBy\", {\r\n            actualUserName: executedBy()?.displayName,\r\n          })\r\n        }}\r\n      </span>\r\n    }\r\n\r\n    <div class=\"mt-delegation-trigger flex items-center\">\r\n      @if (mode() === \"active\") {\r\n        <!-- Active: show the delegator like a user identity, with a switcher caret -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__button mt-delegation-trigger__button--active flex min-w-0 max-w-full cursor-pointer items-center gap-2 rounded-full p-1 pe-2 text-current\"\r\n          [attr.aria-label]=\"\r\n            t('delegations.session.banner', {\r\n              delegatorName: onBehalfOf()?.displayName,\r\n            }) +\r\n            '. ' +\r\n            t('delegations.session.executedBy', {\r\n              actualUserName: executedBy()?.displayName,\r\n            })\r\n          \"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <span class=\"relative shrink-0\">\r\n            <mt-avatar\r\n              [label]=\"initials(onBehalfOf())\"\r\n              shape=\"circle\"\r\n              styleClass=\"!size-7 !text-[0.7rem] !bg-primary-100 !text-primary-700\"\r\n            ></mt-avatar>\r\n            <span\r\n              class=\"absolute -bottom-0.5 -end-0.5 flex size-3.5 items-center justify-center rounded-full bg-emerald-500 ring-2 ring-white\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <mt-icon\r\n                icon=\"user.users-check\"\r\n                styleClass=\"text-[0.55rem] text-white\"\r\n              ></mt-icon>\r\n            </span>\r\n          </span>\r\n          @if (!compact()) {\r\n            <span\r\n              class=\"mt-delegation-trigger__label hidden min-w-0 flex-col text-start leading-tight md:flex\"\r\n            >\r\n              <span class=\"text-[0.625rem] font-medium uppercase opacity-60\">\r\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\r\n              </span>\r\n              <span class=\"truncate text-sm font-semibold\">\r\n                {{ onBehalfOf()?.displayName }}\r\n              </span>\r\n            </span>\r\n          }\r\n          <mt-icon\r\n            icon=\"arrow.chevron-down\"\r\n            styleClass=\"text-sm opacity-70\"\r\n          ></mt-icon>\r\n        </button>\r\n      } @else {\r\n        <!-- Candidates: plain icon button matching the other topbar icons -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__icon relative flex size-9 cursor-pointer items-center justify-center rounded-full text-current\"\r\n          [attr.aria-label]=\"t('delegations.session.availableTitle')\"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <mt-icon icon=\"user.users-plus\" styleClass=\"text-xl\"></mt-icon>\r\n          @if (candidates().length > 0) {\r\n            <span\r\n              class=\"absolute -top-0.5 -end-0.5 inline-flex min-w-[1.05rem] items-center justify-center rounded-full bg-primary px-1 text-[0.625rem] font-bold leading-4 text-white ring-2 ring-white\"\r\n            >\r\n              {{ candidates().length }}\r\n            </span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <p-popover\r\n      #popover\r\n      [pt]=\"{ content: { class: 'p-0!' } }\"\r\n      (onShow)=\"popoverOpen.set(true)\"\r\n      (onHide)=\"popoverOpen.set(false)\"\r\n    >\r\n      <div class=\"w-80 max-w-[92vw]\">\r\n        <mt-delegation-menu-panel\r\n          [managePath]=\"managePath()\"\r\n          [showManageLink]=\"showManageLink()\"\r\n          [currentUser]=\"currentUser()\"\r\n          (closeRequested)=\"closePopover()\"\r\n        ></mt-delegation-menu-panel>\r\n      </div>\r\n    </p-popover>\r\n  }\r\n</ng-container>\r\n", styles: [":host{display:inline-flex;align-items:center;min-width:0;max-width:100%}.mt-delegation-trigger{min-width:0;max-width:100%}.mt-delegation-trigger__button,.mt-delegation-trigger__icon{transition:background-color .15s ease-out;border:1px solid transparent}.mt-delegation-trigger__button:hover,.mt-delegation-trigger__icon:hover{background-color:var(--p-surface-100, rgba(0, 0, 0, .05))}.mt-delegation-trigger__button--active{background-color:var(--p-surface-100, rgba(0, 0, 0, .05));border-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__button--active:hover{background-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__label{max-width:min(12rem,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.mt-delegation-trigger__label{max-width:8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DelegationMenuPanel, selector: "mt-delegation-menu-panel", inputs: ["managePath", "showManageLink", "currentUser"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TopbarDelegationMenu, decorators: [{
             type: Component,
@@ -975,8 +1130,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         Popover,
                         TranslocoDirective,
                         DelegationMenuPanel,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\r\n  <!-- Headless = controller only (no topbar UI); the menu is surfaced in the\r\n       host user dropdown via <mt-delegation-menu-panel>. -->\r\n  @if (!headless() && mode() !== \"hidden\") {\r\n    @if (mode() === \"active\") {\r\n      <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">\r\n        {{\r\n          t(\"delegations.session.banner\", {\r\n            delegatorName: onBehalfOf()?.displayName,\r\n          })\r\n        }}.\r\n        {{\r\n          t(\"delegations.session.executedBy\", {\r\n            actualUserName: executedBy()?.displayName,\r\n          })\r\n        }}\r\n      </span>\r\n    }\r\n\r\n    <div class=\"mt-delegation-trigger flex items-center\">\r\n      @if (mode() === \"active\") {\r\n        <!-- Active: show the delegator like a user identity, with a switcher caret -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__button mt-delegation-trigger__button--active flex min-w-0 max-w-full cursor-pointer items-center gap-2 rounded-full p-1 pe-2 text-current\"\r\n          [attr.aria-label]=\"\r\n            t('delegations.session.banner', {\r\n              delegatorName: onBehalfOf()?.displayName,\r\n            }) +\r\n            '. ' +\r\n            t('delegations.session.executedBy', {\r\n              actualUserName: executedBy()?.displayName,\r\n            })\r\n          \"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <span class=\"relative shrink-0\">\r\n            <mt-avatar\r\n              [label]=\"initials(onBehalfOf())\"\r\n              shape=\"circle\"\r\n              styleClass=\"!size-7 !text-[0.7rem] !bg-primary-100 !text-primary-700\"\r\n            ></mt-avatar>\r\n            <span\r\n              class=\"absolute -bottom-0.5 -end-0.5 flex size-3.5 items-center justify-center rounded-full bg-emerald-500 ring-2 ring-white\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <mt-icon\r\n                icon=\"user.users-check\"\r\n                styleClass=\"text-[0.55rem] text-white\"\r\n              ></mt-icon>\r\n            </span>\r\n          </span>\r\n          @if (!compact()) {\r\n            <span\r\n              class=\"mt-delegation-trigger__label hidden min-w-0 flex-col text-start leading-tight md:flex\"\r\n            >\r\n              <span class=\"text-[0.625rem] font-medium uppercase opacity-60\">\r\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\r\n              </span>\r\n              <span class=\"truncate text-sm font-semibold\">\r\n                {{ onBehalfOf()?.displayName }}\r\n              </span>\r\n            </span>\r\n          }\r\n          <mt-icon\r\n            icon=\"arrow.chevron-down\"\r\n            styleClass=\"text-sm opacity-70\"\r\n          ></mt-icon>\r\n        </button>\r\n      } @else {\r\n        <!-- Candidates: plain icon button matching the other topbar icons -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__icon relative flex size-9 cursor-pointer items-center justify-center rounded-full text-current\"\r\n          [attr.aria-label]=\"t('delegations.session.availableTitle')\"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <mt-icon icon=\"user.users-plus\" styleClass=\"text-xl\"></mt-icon>\r\n          @if (candidates().length > 0) {\r\n            <span\r\n              class=\"absolute -top-0.5 -end-0.5 inline-flex min-w-[1.05rem] items-center justify-center rounded-full bg-primary px-1 text-[0.625rem] font-bold leading-4 text-white ring-2 ring-white\"\r\n            >\r\n              {{ candidates().length }}\r\n            </span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <p-popover\r\n      #popover\r\n      [pt]=\"{ content: { class: 'p-0!' } }\"\r\n      (onShow)=\"popoverOpen.set(true)\"\r\n      (onHide)=\"popoverOpen.set(false)\"\r\n    >\r\n      <div class=\"w-72 max-w-[88vw]\">\r\n        <mt-delegation-menu-panel\r\n          [managePath]=\"managePath()\"\r\n          [showManageLink]=\"showManageLink()\"\r\n          (closeRequested)=\"closePopover()\"\r\n        ></mt-delegation-menu-panel>\r\n      </div>\r\n    </p-popover>\r\n  }\r\n</ng-container>\r\n", styles: [":host{display:inline-flex;align-items:center;min-width:0;max-width:100%}.mt-delegation-trigger{min-width:0;max-width:100%}.mt-delegation-trigger__button,.mt-delegation-trigger__icon{transition:background-color .15s ease-out;border:1px solid transparent}.mt-delegation-trigger__button:hover,.mt-delegation-trigger__icon:hover{background-color:var(--p-surface-100, rgba(0, 0, 0, .05))}.mt-delegation-trigger__button--active{background-color:var(--p-surface-100, rgba(0, 0, 0, .05));border-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__button--active:hover{background-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__label{max-width:min(12rem,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.mt-delegation-trigger__label{max-width:8rem}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { managePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "managePath", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], showManageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showManageLink", required: false }] }], promptOnCandidates: [{ type: i0.Input, args: [{ isSignal: true, alias: "promptOnCandidates", required: false }] }], headless: [{ type: i0.Input, args: [{ isSignal: true, alias: "headless", required: false }] }], popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\r\n  <!-- Headless = controller only (no topbar UI); the menu is surfaced in the\r\n       host user dropdown via <mt-delegation-menu-panel>. -->\r\n  @if (!headless() && mode() !== \"hidden\") {\r\n    @if (mode() === \"active\") {\r\n      <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">\r\n        {{\r\n          t(\"delegations.session.banner\", {\r\n            delegatorName: onBehalfOf()?.displayName,\r\n          })\r\n        }}.\r\n        {{\r\n          t(\"delegations.session.executedBy\", {\r\n            actualUserName: executedBy()?.displayName,\r\n          })\r\n        }}\r\n      </span>\r\n    }\r\n\r\n    <div class=\"mt-delegation-trigger flex items-center\">\r\n      @if (mode() === \"active\") {\r\n        <!-- Active: show the delegator like a user identity, with a switcher caret -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__button mt-delegation-trigger__button--active flex min-w-0 max-w-full cursor-pointer items-center gap-2 rounded-full p-1 pe-2 text-current\"\r\n          [attr.aria-label]=\"\r\n            t('delegations.session.banner', {\r\n              delegatorName: onBehalfOf()?.displayName,\r\n            }) +\r\n            '. ' +\r\n            t('delegations.session.executedBy', {\r\n              actualUserName: executedBy()?.displayName,\r\n            })\r\n          \"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <span class=\"relative shrink-0\">\r\n            <mt-avatar\r\n              [label]=\"initials(onBehalfOf())\"\r\n              shape=\"circle\"\r\n              styleClass=\"!size-7 !text-[0.7rem] !bg-primary-100 !text-primary-700\"\r\n            ></mt-avatar>\r\n            <span\r\n              class=\"absolute -bottom-0.5 -end-0.5 flex size-3.5 items-center justify-center rounded-full bg-emerald-500 ring-2 ring-white\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <mt-icon\r\n                icon=\"user.users-check\"\r\n                styleClass=\"text-[0.55rem] text-white\"\r\n              ></mt-icon>\r\n            </span>\r\n          </span>\r\n          @if (!compact()) {\r\n            <span\r\n              class=\"mt-delegation-trigger__label hidden min-w-0 flex-col text-start leading-tight md:flex\"\r\n            >\r\n              <span class=\"text-[0.625rem] font-medium uppercase opacity-60\">\r\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\r\n              </span>\r\n              <span class=\"truncate text-sm font-semibold\">\r\n                {{ onBehalfOf()?.displayName }}\r\n              </span>\r\n            </span>\r\n          }\r\n          <mt-icon\r\n            icon=\"arrow.chevron-down\"\r\n            styleClass=\"text-sm opacity-70\"\r\n          ></mt-icon>\r\n        </button>\r\n      } @else {\r\n        <!-- Candidates: plain icon button matching the other topbar icons -->\r\n        <button\r\n          type=\"button\"\r\n          class=\"mt-delegation-trigger__icon relative flex size-9 cursor-pointer items-center justify-center rounded-full text-current\"\r\n          [attr.aria-label]=\"t('delegations.session.availableTitle')\"\r\n          [attr.aria-expanded]=\"popoverOpen()\"\r\n          aria-haspopup=\"dialog\"\r\n          (click)=\"togglePopover($event)\"\r\n        >\r\n          <mt-icon icon=\"user.users-plus\" styleClass=\"text-xl\"></mt-icon>\r\n          @if (candidates().length > 0) {\r\n            <span\r\n              class=\"absolute -top-0.5 -end-0.5 inline-flex min-w-[1.05rem] items-center justify-center rounded-full bg-primary px-1 text-[0.625rem] font-bold leading-4 text-white ring-2 ring-white\"\r\n            >\r\n              {{ candidates().length }}\r\n            </span>\r\n          }\r\n        </button>\r\n      }\r\n    </div>\r\n\r\n    <p-popover\r\n      #popover\r\n      [pt]=\"{ content: { class: 'p-0!' } }\"\r\n      (onShow)=\"popoverOpen.set(true)\"\r\n      (onHide)=\"popoverOpen.set(false)\"\r\n    >\r\n      <div class=\"w-80 max-w-[92vw]\">\r\n        <mt-delegation-menu-panel\r\n          [managePath]=\"managePath()\"\r\n          [showManageLink]=\"showManageLink()\"\r\n          [currentUser]=\"currentUser()\"\r\n          (closeRequested)=\"closePopover()\"\r\n        ></mt-delegation-menu-panel>\r\n      </div>\r\n    </p-popover>\r\n  }\r\n</ng-container>\r\n", styles: [":host{display:inline-flex;align-items:center;min-width:0;max-width:100%}.mt-delegation-trigger{min-width:0;max-width:100%}.mt-delegation-trigger__button,.mt-delegation-trigger__icon{transition:background-color .15s ease-out;border:1px solid transparent}.mt-delegation-trigger__button:hover,.mt-delegation-trigger__icon:hover{background-color:var(--p-surface-100, rgba(0, 0, 0, .05))}.mt-delegation-trigger__button--active{background-color:var(--p-surface-100, rgba(0, 0, 0, .05));border-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__button--active:hover{background-color:var(--p-surface-200, rgba(0, 0, 0, .08))}.mt-delegation-trigger__label{max-width:min(12rem,20vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.mt-delegation-trigger__label{max-width:8rem}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { managePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "managePath", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], showManageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showManageLink", required: false }] }], promptOnCandidates: [{ type: i0.Input, args: [{ isSignal: true, alias: "promptOnCandidates", required: false }] }], headless: [{ type: i0.Input, args: [{ isSignal: true, alias: "headless", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }] } });
+
+const STATUS_VISUAL = {
+    Active: {
+        i18nKey: 'delegations.status.active',
+        styleClass: 'mt-status-chip mt-status-chip--active',
+    },
+    Scheduled: {
+        i18nKey: 'delegations.status.scheduled',
+        styleClass: 'mt-status-chip mt-status-chip--scheduled',
+    },
+    PendingApproval: {
+        i18nKey: 'delegations.status.pendingApproval',
+        styleClass: 'mt-status-chip mt-status-chip--pending',
+    },
+    InactiveToday: {
+        i18nKey: 'delegations.status.inactiveToday',
+        styleClass: 'mt-status-chip mt-status-chip--scheduled',
+    },
+    Expired: {
+        i18nKey: 'delegations.status.expired',
+        styleClass: 'mt-status-chip mt-status-chip--expired',
+    },
+    Rejected: {
+        i18nKey: 'delegations.status.rejected',
+        styleClass: 'mt-status-chip mt-status-chip--rejected',
+    },
+    Cancelled: {
+        i18nKey: 'delegations.status.cancelled',
+        styleClass: 'mt-status-chip mt-status-chip--cancelled',
+    },
+};
+class DelegationStatusChip {
+    status = input.required(...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    reasonCode = input(null, ...(ngDevMode ? [{ debugName: "reasonCode" }] : /* istanbul ignore next */ []));
+    visual = computed(() => STATUS_VISUAL[this.status() === 'Scheduled' && this.reasonCode() === 'InactiveToday'
+        ? 'InactiveToday'
+        : this.status()] ?? STATUS_VISUAL.Scheduled, ...(ngDevMode ? [{ debugName: "visual" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationStatusChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.8", type: DelegationStatusChip, isStandalone: true, selector: "mt-delegation-status-chip", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null }, reasonCode: { classPropertyName: "reasonCode", publicName: "reasonCode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <ng-container *transloco="let t">
+      @let v = visual();
+      <mt-chip [label]="t(v.i18nKey)" [styleClass]="v.styleClass"></mt-chip>
+    </ng-container>
+  `, isInline: true, styles: [":host{display:inline-flex}:host ::ng-deep .mt-status-chip{font-weight:500;font-size:.75rem;border-radius:9999px;padding-inline:.625rem;padding-block:.125rem}:host ::ng-deep .mt-status-chip--active{background-color:#dcfce7;color:#166534}:host ::ng-deep .mt-status-chip--scheduled{background-color:#dbeafe;color:#1e40af}:host ::ng-deep .mt-status-chip--pending{background-color:#fef9c3;color:#854d0e}:host ::ng-deep .mt-status-chip--expired{background-color:#f3f4f6;color:#4b5563}:host ::ng-deep .mt-status-chip--rejected{background-color:#fee2e2;color:#991b1b}:host ::ng-deep .mt-status-chip--cancelled{background-color:#e5e7eb;color:#374151}:host-context(.dark) ::ng-deep .mt-status-chip--active{background-color:#22c55e33;color:#86efac}:host-context(.dark) ::ng-deep .mt-status-chip--scheduled{background-color:#3b82f633;color:#93c5fd}:host-context(.dark) ::ng-deep .mt-status-chip--pending{background-color:#eab30833;color:#fde047}:host-context(.dark) ::ng-deep .mt-status-chip--expired{background-color:#94a3b833;color:#cbd5e1}:host-context(.dark) ::ng-deep .mt-status-chip--rejected{background-color:#ef444433;color:#fca5a5}:host-context(.dark) ::ng-deep .mt-status-chip--cancelled{background-color:#94a3b826;color:#cbd5e1}\n"], dependencies: [{ kind: "component", type: Chip, selector: "mt-chip", inputs: ["label", "icon", "image", "removable", "removeIcon", "styleClass", "size"], outputs: ["onRemove", "onImageError"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationStatusChip, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-delegation-status-chip', standalone: true, imports: [Chip, TranslocoDirective], template: `
+    <ng-container *transloco="let t">
+      @let v = visual();
+      <mt-chip [label]="t(v.i18nKey)" [styleClass]="v.styleClass"></mt-chip>
+    </ng-container>
+  `, styles: [":host{display:inline-flex}:host ::ng-deep .mt-status-chip{font-weight:500;font-size:.75rem;border-radius:9999px;padding-inline:.625rem;padding-block:.125rem}:host ::ng-deep .mt-status-chip--active{background-color:#dcfce7;color:#166534}:host ::ng-deep .mt-status-chip--scheduled{background-color:#dbeafe;color:#1e40af}:host ::ng-deep .mt-status-chip--pending{background-color:#fef9c3;color:#854d0e}:host ::ng-deep .mt-status-chip--expired{background-color:#f3f4f6;color:#4b5563}:host ::ng-deep .mt-status-chip--rejected{background-color:#fee2e2;color:#991b1b}:host ::ng-deep .mt-status-chip--cancelled{background-color:#e5e7eb;color:#374151}:host-context(.dark) ::ng-deep .mt-status-chip--active{background-color:#22c55e33;color:#86efac}:host-context(.dark) ::ng-deep .mt-status-chip--scheduled{background-color:#3b82f633;color:#93c5fd}:host-context(.dark) ::ng-deep .mt-status-chip--pending{background-color:#eab30833;color:#fde047}:host-context(.dark) ::ng-deep .mt-status-chip--expired{background-color:#94a3b833;color:#cbd5e1}:host-context(.dark) ::ng-deep .mt-status-chip--rejected{background-color:#ef444433;color:#fca5a5}:host-context(.dark) ::ng-deep .mt-status-chip--cancelled{background-color:#94a3b826;color:#cbd5e1}\n"] }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: true }] }], reasonCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "reasonCode", required: false }] }] } });
 
 // ---------------------------------------------------------------------------
 // Lists / detail
@@ -1729,11 +1938,11 @@ class RejectDelegationDialog {
         this.ref.close(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RejectDelegationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: RejectDelegationDialog, isStandalone: true, selector: "mt-reject-delegation-dialog", inputs: { delegation: { classPropertyName: "delegation", publicName: "delegation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\n  >\n    <div class=\"flex flex-col gap-1\">\n      <div class=\"text-sm text-surface-700\">\n        {{ t(\"delegations.confirm.reject\") }}\n      </div>\n      <mt-entity-preview\n        [data]=\"userEntity(delegation().delegator)\"\n      ></mt-entity-preview>\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <label\n        class=\"text-sm font-medium text-surface-800\"\n        for=\"mt-reject-reason\"\n      >\n        {{ t(\"delegations.form.rejectionReason\") }}\n        <span class=\"text-red-600\">*</span>\n      </label>\n      <textarea\n        id=\"mt-reject-reason\"\n        rows=\"3\"\n        class=\"w-full rounded-md border border-surface-300 px-3 py-2 text-sm focus:border-primary focus:outline-none\"\n        [class.border-red-400]=\"submitted() && !isValid()\"\n        [value]=\"reason()\"\n        (input)=\"onReasonInput($event)\"\n        [attr.aria-invalid]=\"submitted() && !isValid()\"\n        [placeholder]=\"t('delegations.form.rejectionReason')\"\n      ></textarea>\n      @if (submitted() && !isValid()) {\n        <span class=\"text-xs text-red-600\">\n          {{ t(\"delegations.form.rejectReasonRequired\") }}\n        </span>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      variant=\"outlined\"\n      color=\"secondary\"\n      [label]=\"t('delegations.common.cancel')\"\n      [disabled]=\"isBusy()\"\n      (click)=\"cancel()\"\n    ></mt-button>\n    <mt-button\n      color=\"danger\"\n      icon=\"general.x-close\"\n      [label]=\"t('delegations.action.reject')\"\n      [loading]=\"isBusy()\"\n      [disabled]=\"!isValid()\"\n      (click)=\"confirm()\"\n    ></mt-button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: RejectDelegationDialog, isStandalone: true, selector: "mt-reject-delegation-dialog", inputs: { delegation: { classPropertyName: "delegation", publicName: "delegation", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n  <div\r\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\r\n  >\r\n    <div class=\"flex flex-col gap-1\">\r\n      <div class=\"text-sm text-surface-700\">\r\n        {{ t(\"delegations.confirm.reject\") }}\r\n      </div>\r\n      <mt-entity-preview\r\n        [data]=\"userEntity(delegation().delegator)\"\r\n      ></mt-entity-preview>\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-1\">\r\n      <label\r\n        class=\"text-sm font-medium text-surface-800\"\r\n        for=\"mt-reject-reason\"\r\n      >\r\n        {{ t(\"delegations.form.rejectionReason\") }}\r\n        <span class=\"text-red-600\">*</span>\r\n      </label>\r\n      <textarea\r\n        id=\"mt-reject-reason\"\r\n        rows=\"3\"\r\n        class=\"w-full rounded-md border border-surface-300 px-3 py-2 text-sm focus:border-primary focus:outline-none\"\r\n        [class.border-red-400]=\"submitted() && !isValid()\"\r\n        [value]=\"reason()\"\r\n        (input)=\"onReasonInput($event)\"\r\n        [attr.aria-invalid]=\"submitted() && !isValid()\"\r\n        [placeholder]=\"t('delegations.form.rejectionReason')\"\r\n      ></textarea>\r\n      @if (submitted() && !isValid()) {\r\n        <span class=\"text-xs text-red-600\">\r\n          {{ t(\"delegations.form.rejectReasonRequired\") }}\r\n        </span>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      variant=\"outlined\"\r\n      color=\"secondary\"\r\n      [label]=\"t('delegations.common.cancel')\"\r\n      [disabled]=\"isBusy()\"\r\n      (click)=\"cancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      color=\"danger\"\r\n      icon=\"general.x-close\"\r\n      [label]=\"t('delegations.action.reject')\"\r\n      [loading]=\"isBusy()\"\r\n      [disabled]=\"!isValid()\"\r\n      (click)=\"confirm()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: EntityPreview, selector: "mt-entity-preview", inputs: ["data", "attachmentShape"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: RejectDelegationDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-reject-delegation-dialog', imports: [CommonModule, Button, EntityPreview, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\n  >\n    <div class=\"flex flex-col gap-1\">\n      <div class=\"text-sm text-surface-700\">\n        {{ t(\"delegations.confirm.reject\") }}\n      </div>\n      <mt-entity-preview\n        [data]=\"userEntity(delegation().delegator)\"\n      ></mt-entity-preview>\n    </div>\n\n    <div class=\"flex flex-col gap-1\">\n      <label\n        class=\"text-sm font-medium text-surface-800\"\n        for=\"mt-reject-reason\"\n      >\n        {{ t(\"delegations.form.rejectionReason\") }}\n        <span class=\"text-red-600\">*</span>\n      </label>\n      <textarea\n        id=\"mt-reject-reason\"\n        rows=\"3\"\n        class=\"w-full rounded-md border border-surface-300 px-3 py-2 text-sm focus:border-primary focus:outline-none\"\n        [class.border-red-400]=\"submitted() && !isValid()\"\n        [value]=\"reason()\"\n        (input)=\"onReasonInput($event)\"\n        [attr.aria-invalid]=\"submitted() && !isValid()\"\n        [placeholder]=\"t('delegations.form.rejectionReason')\"\n      ></textarea>\n      @if (submitted() && !isValid()) {\n        <span class=\"text-xs text-red-600\">\n          {{ t(\"delegations.form.rejectReasonRequired\") }}\n        </span>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modal.footerClass\">\n    <mt-button\n      variant=\"outlined\"\n      color=\"secondary\"\n      [label]=\"t('delegations.common.cancel')\"\n      [disabled]=\"isBusy()\"\n      (click)=\"cancel()\"\n    ></mt-button>\n    <mt-button\n      color=\"danger\"\n      icon=\"general.x-close\"\n      [label]=\"t('delegations.action.reject')\"\n      [loading]=\"isBusy()\"\n      [disabled]=\"!isValid()\"\n      (click)=\"confirm()\"\n    ></mt-button>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'mt-reject-delegation-dialog', imports: [CommonModule, Button, EntityPreview, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\r\n  <div\r\n    [class]=\"modal.contentClass + ' flex flex-col gap-4 overflow-y-auto p-5'\"\r\n  >\r\n    <div class=\"flex flex-col gap-1\">\r\n      <div class=\"text-sm text-surface-700\">\r\n        {{ t(\"delegations.confirm.reject\") }}\r\n      </div>\r\n      <mt-entity-preview\r\n        [data]=\"userEntity(delegation().delegator)\"\r\n      ></mt-entity-preview>\r\n    </div>\r\n\r\n    <div class=\"flex flex-col gap-1\">\r\n      <label\r\n        class=\"text-sm font-medium text-surface-800\"\r\n        for=\"mt-reject-reason\"\r\n      >\r\n        {{ t(\"delegations.form.rejectionReason\") }}\r\n        <span class=\"text-red-600\">*</span>\r\n      </label>\r\n      <textarea\r\n        id=\"mt-reject-reason\"\r\n        rows=\"3\"\r\n        class=\"w-full rounded-md border border-surface-300 px-3 py-2 text-sm focus:border-primary focus:outline-none\"\r\n        [class.border-red-400]=\"submitted() && !isValid()\"\r\n        [value]=\"reason()\"\r\n        (input)=\"onReasonInput($event)\"\r\n        [attr.aria-invalid]=\"submitted() && !isValid()\"\r\n        [placeholder]=\"t('delegations.form.rejectionReason')\"\r\n      ></textarea>\r\n      @if (submitted() && !isValid()) {\r\n        <span class=\"text-xs text-red-600\">\r\n          {{ t(\"delegations.form.rejectReasonRequired\") }}\r\n        </span>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      variant=\"outlined\"\r\n      color=\"secondary\"\r\n      [label]=\"t('delegations.common.cancel')\"\r\n      [disabled]=\"isBusy()\"\r\n      (click)=\"cancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      color=\"danger\"\r\n      icon=\"general.x-close\"\r\n      [label]=\"t('delegations.action.reject')\"\r\n      [loading]=\"isBusy()\"\r\n      [disabled]=\"!isValid()\"\r\n      (click)=\"confirm()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], propDecorators: { delegation: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegation", required: true }] }] } });
 
 class Delegations {
@@ -4146,5 +4355,5 @@ const appDelegationInterceptor = (req, next) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ApproveDelegation, CancelDelegation, ClearDelegationDetail, ClearScopePreview, CreateDelegationLegacy, CreateDelegationV2, DELEGATED_RUNTIME_REQUEST, DELEGATION_RUNTIME_CONFIG, DelegationDetailDrawer, DelegationForm, DelegationMenuPanel, DelegationSessionActionKey, DelegationSessionFacade, DelegationSessionState, DelegationStatusChip, Delegations, DelegationsActionKey, DelegationsFacade, DelegationsList, DelegationsState, EndDelegationSession, GetActiveAssignedDelegations, GetAdminDelegations, GetApprovalDelegations, GetAssignedDelegations, GetDelegationDetail, GetMyDelegations, GetScopeOptions, LoadDelegationCandidates, PreviewScope, RejectDelegation, RejectDelegationDialog, ScopePicker, StartDelegationSession, StartSessionDialog, SwitchDelegationSession, TopbarDelegationMenu, UpdateDelegationLegacy, UpdateDelegationV2, appDelegationInterceptor, provideDelegationRuntime, withDelegatedRuntime };
+export { ApproveDelegation, CancelDelegation, ClearDelegationDetail, ClearScopePreview, CreateDelegationLegacy, CreateDelegationV2, DELEGATED_RUNTIME_REQUEST, DELEGATION_RUNTIME_CONFIG, DelegationDetailDrawer, DelegationForm, DelegationMenuPanel, DelegationSessionActionKey, DelegationSessionFacade, DelegationSessionResumeStore, DelegationSessionState, DelegationStatusChip, Delegations, DelegationsActionKey, DelegationsFacade, DelegationsList, DelegationsState, EndDelegationSession, GetActiveAssignedDelegations, GetAdminDelegations, GetApprovalDelegations, GetAssignedDelegations, GetDelegationDetail, GetMyDelegations, GetScopeOptions, LoadDelegationCandidates, PreviewScope, RejectDelegation, RejectDelegationDialog, ResumeDelegationSession, ScopePicker, StartDelegationSession, StartSessionDialog, SwitchDelegationSession, TopbarDelegationMenu, UpdateDelegationLegacy, UpdateDelegationV2, appDelegationInterceptor, provideDelegationRuntime, withDelegatedRuntime };
 //# sourceMappingURL=masterteam-delegations.mjs.map