@masterteam/delegations 0.0.20 → 0.0.22

package/fesm2022/masterteam-delegations.mjs

@@ -19,6 +19,7 @@ import { ToastService } from '@masterteam/components/toast';
 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';
 import { Table } from '@masterteam/components/table';
 import * as i1$1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
@@ -384,6 +385,9 @@ function humanizeDelegationKey(value) {
     }
     return normalized.replace(/\b\w/g, (char) => char.toUpperCase());
 }
+function formatDelegationDisplayValue(value, preferredLanguage = 'en') {
+    return resolveDisplayValue(value, preferredLanguage) ?? '';
+}
 function formatDelegationTargetLabel(target, preferredLanguage = 'en') {
     return resolveDisplayOrHumanizedKey(target, ['displayName', 'displayLabel', 'label'], target.targetKey, preferredLanguage);
 }
@@ -397,7 +401,7 @@ function formatDelegationActionLabel(action, preferredLanguage = 'en') {
     ], action.operationKey, preferredLanguage);
 }
 function formatDelegationScopeSummary(value, preferredLanguage = 'en') {
-    return resolveDisplayValue(value, preferredLanguage) ?? '';
+    return formatDelegationDisplayValue(value, preferredLanguage);
 }
 
 /**
@@ -457,6 +461,7 @@ class TopbarDelegationMenu {
     /** Path to the management page, e.g. `/control-panel/delegations` or `/delegations`. */
     managePath = input('/delegations', ...(ngDevMode ? [{ debugName: "managePath" }] : /* istanbul ignore next */ []));
     compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+    showManageLink = input(true, ...(ngDevMode ? [{ debugName: "showManageLink" }] : /* istanbul ignore next */ []));
     facade = inject(DelegationSessionFacade);
     modal = inject(ModalService);
     transloco = inject(TranslocoService);
@@ -504,7 +509,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 } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  @if (mode() !== \"hidden\") {\n    <div class=\"mt-delegation-trigger flex items-center gap-2\">\n      <button\n        type=\"button\"\n        class=\"mt-delegation-trigger__button flex min-w-0 max-w-full items-center gap-2 rounded-full px-2 py-1 hover:bg-surface-100 cursor-pointer\"\n        [attr.aria-label]=\"t('delegations.title')\"\n        [attr.title]=\"\n          mode() === 'active'\n            ? t('delegations.session.banner', {\n                delegatorName: onBehalfOf()?.displayName,\n              })\n            : null\n        \"\n        (click)=\"togglePopover($event)\"\n      >\n        @if (mode() === \"active\") {\n          <mt-icon\n            icon=\"user.users-check\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{\n                t(\"delegations.session.banner\", {\n                  delegatorName: onBehalfOf()?.displayName,\n                })\n              }}\n            </span>\n          }\n          <mt-delegation-status-chip\n            status=\"Active\"\n          ></mt-delegation-status-chip>\n        } @else {\n          <mt-icon\n            icon=\"user.users-plus\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{ t(\"delegations.session.availableTitle\") }}\n            </span>\n          }\n        }\n      </button>\n    </div>\n\n    <p-popover #popover [pt]=\"{ content: { class: 'p-0!' } }\">\n      <div class=\"flex flex-col min-w-80 max-w-96 p-0\">\n        @if (mode() === \"active\" && active(); as session) {\n          <!-- STATE C \u2014 active session -->\n          <div\n            class=\"flex items-start gap-3 border-b border-gray-200 px-4 py-4\"\n          >\n            <mt-avatar\n              icon=\"user.user-01\"\n              styleClass=\"w-11! h-11! text-xl! text-gray-600! bg-surface-300!\"\n            ></mt-avatar>\n            <div class=\"flex flex-col min-w-0 flex-1\">\n              <div class=\"text-xs text-gray-500\">\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\n              </div>\n              <div class=\"text-sm font-medium text-gray-900 truncate\">\n                {{ onBehalfOf()?.displayName }}\n              </div>\n              <div class=\"text-xs text-gray-500 mt-1\">\n                {{\n                  t(\"delegations.session.executedBy\", {\n                    actualUserName: executedBy()?.displayName,\n                  })\n                }}\n              </div>\n              @if (session.delegation.scopeSummary) {\n                @let summary =\n                  formatScopeSummary(session.delegation.scopeSummary);\n                <div\n                  class=\"text-xs text-gray-500 mt-1 truncate\"\n                  [title]=\"summary\"\n                >\n                  {{ t(\"delegations.column.scopeSummary\") }}:\n                  {{ summary }}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1 px-2 py-2\">\n            <mt-button\n              variant=\"text\"\n              icon=\"arrow.arrow-left\"\n              [label]=\"t('delegations.action.endSession')\"\n              styleClass=\"w-full justify-start\"\n              (click)=\"endSession($event)\"\n            ></mt-button>\n          </div>\n\n          @if (candidates().length > 1) {\n            <div class=\"border-t border-gray-200 pt-2 px-2 pb-2\">\n              <div class=\"text-xs text-gray-500 px-2 pb-1\">\n                {{ t(\"delegations.session.switchToAnother\") }}\n              </div>\n              @for (cand of candidates(); track cand.delegationId) {\n                @if (cand.delegationId !== session.delegation.delegationId) {\n                  <button\n                    type=\"button\"\n                    class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer\"\n                    (click)=\"switchTo(cand, $event)\"\n                  >\n                    <div class=\"flex items-center gap-2 min-w-0\">\n                      <mt-avatar\n                        icon=\"user.user-01\"\n                        styleClass=\"w-7! h-7! text-sm! bg-surface-200!\"\n                      ></mt-avatar>\n                      <span class=\"text-sm text-gray-900 truncate\">\n                        {{ cand.delegator.displayName }}\n                      </span>\n                    </div>\n                    <mt-icon\n                      icon=\"arrow.switch-horizontal-01\"\n                      styleClass=\"text-base text-gray-400\"\n                    ></mt-icon>\n                  </button>\n                }\n              }\n            </div>\n          }\n        } @else if (mode() === \"candidates\") {\n          <!-- STATE B \u2014 candidates available -->\n          <div class=\"border-b border-gray-200 px-4 py-3\">\n            <div class=\"text-sm font-medium text-gray-900\">\n              {{ t(\"delegations.session.youCanActAs\") }}\n            </div>\n            <div class=\"text-xs text-gray-500 mt-1\">\n              {{ t(\"delegations.session.chooseDelegatorHint\") }}\n            </div>\n          </div>\n          <div class=\"flex flex-col gap-1 px-2 py-2 max-h-72 overflow-y-auto\">\n            @for (cand of candidates(); track cand.delegationId) {\n              <button\n                type=\"button\"\n                class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer text-start\"\n                (click)=\"start(cand, $event)\"\n              >\n                <div class=\"flex items-center gap-2 min-w-0 flex-1\">\n                  <mt-avatar\n                    icon=\"user.user-01\"\n                    styleClass=\"w-9! h-9! text-base! bg-surface-200!\"\n                  ></mt-avatar>\n                  <div class=\"flex flex-col min-w-0\">\n                    <span class=\"text-sm font-medium text-gray-900 truncate\">\n                      {{ cand.delegator.displayName }}\n                    </span>\n                    @if (cand.scopeSummary) {\n                      @let summary = formatScopeSummary(cand.scopeSummary);\n                      <span\n                        class=\"text-xs text-gray-500 truncate\"\n                        [title]=\"summary\"\n                      >\n                        {{ summary }}\n                      </span>\n                    }\n                  </div>\n                </div>\n                <mt-icon\n                  icon=\"arrow.arrow-right\"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Footer -->\n        <div class=\"border-t border-gray-200 px-2 py-2\">\n          <a\n            [routerLink]=\"managePath()\"\n            (click)=\"popover().hide()\"\n            class=\"flex items-center gap-2 px-3 py-2 rounded-md text-gray-700 hover:bg-surface-100 text-sm cursor-pointer\"\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      </div>\n    </p-popover>\n  }\n</ng-container>\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{transition:background-color .2s ease-out;min-width:0;max-width:100%}.mt-delegation-trigger__label{max-width:min(16rem,28vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.mt-delegation-trigger__label{max-width:10rem}}@media(max-width:1024px){.mt-delegation-trigger__button{gap:.375rem;padding-inline:.375rem}.mt-delegation-trigger__label{display:none}}:host-context(.dark) .mt-delegation-trigger__button:hover{background-color:#94a3b826}\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: 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"], outputs: ["onClick", "onFocus", "onBlur"] }, { 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: 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"] }], 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 } }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  @if (mode() !== \"hidden\") {\n    <div class=\"mt-delegation-trigger flex items-center gap-2\">\n      <button\n        type=\"button\"\n        class=\"mt-delegation-trigger__button flex min-w-0 max-w-full items-center gap-2 rounded-full px-2 py-1 hover:bg-surface-100 cursor-pointer\"\n        [attr.aria-label]=\"t('delegations.title')\"\n        [attr.title]=\"\n          mode() === 'active'\n            ? t('delegations.session.banner', {\n                delegatorName: onBehalfOf()?.displayName,\n              })\n            : null\n        \"\n        (click)=\"togglePopover($event)\"\n      >\n        @if (mode() === \"active\") {\n          <mt-icon\n            icon=\"user.users-check\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{\n                t(\"delegations.session.banner\", {\n                  delegatorName: onBehalfOf()?.displayName,\n                })\n              }}\n            </span>\n          }\n          <mt-delegation-status-chip\n            status=\"Active\"\n          ></mt-delegation-status-chip>\n        } @else {\n          <mt-icon\n            icon=\"user.users-plus\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{ t(\"delegations.session.availableTitle\") }}\n            </span>\n          }\n        }\n      </button>\n    </div>\n\n    <p-popover #popover [pt]=\"{ content: { class: 'p-0!' } }\">\n      <div class=\"flex flex-col min-w-80 max-w-96 p-0\">\n        @if (mode() === \"active\" && active(); as session) {\n          <!-- STATE C \u2014 active session -->\n          <div\n            class=\"flex items-start gap-3 border-b border-gray-200 px-4 py-4\"\n          >\n            <mt-avatar\n              icon=\"user.user-01\"\n              styleClass=\"w-11! h-11! text-xl! text-gray-600! bg-surface-300!\"\n            ></mt-avatar>\n            <div class=\"flex flex-col min-w-0 flex-1\">\n              <div class=\"text-xs text-gray-500\">\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\n              </div>\n              <div class=\"text-sm font-medium text-gray-900 truncate\">\n                {{ onBehalfOf()?.displayName }}\n              </div>\n              <div class=\"text-xs text-gray-500 mt-1\">\n                {{\n                  t(\"delegations.session.executedBy\", {\n                    actualUserName: executedBy()?.displayName,\n                  })\n                }}\n              </div>\n              @if (session.delegation.scopeSummary) {\n                @let summary =\n                  formatScopeSummary(session.delegation.scopeSummary);\n                <div\n                  class=\"text-xs text-gray-500 mt-1 truncate\"\n                  [title]=\"summary\"\n                >\n                  {{ t(\"delegations.column.scopeSummary\") }}:\n                  {{ summary }}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1 px-2 py-2\">\n            <mt-button\n              variant=\"text\"\n              icon=\"arrow.arrow-left\"\n              [label]=\"t('delegations.action.endSession')\"\n              styleClass=\"w-full justify-start\"\n              (click)=\"endSession($event)\"\n            ></mt-button>\n          </div>\n\n          @if (candidates().length > 1) {\n            <div class=\"border-t border-gray-200 pt-2 px-2 pb-2\">\n              <div class=\"text-xs text-gray-500 px-2 pb-1\">\n                {{ t(\"delegations.session.switchToAnother\") }}\n              </div>\n              @for (cand of candidates(); track cand.delegationId) {\n                @if (cand.delegationId !== session.delegation.delegationId) {\n                  <button\n                    type=\"button\"\n                    class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer\"\n                    (click)=\"switchTo(cand, $event)\"\n                  >\n                    <div class=\"flex items-center gap-2 min-w-0\">\n                      <mt-avatar\n                        icon=\"user.user-01\"\n                        styleClass=\"w-7! h-7! text-sm! bg-surface-200!\"\n                      ></mt-avatar>\n                      <span class=\"text-sm text-gray-900 truncate\">\n                        {{ cand.delegator.displayName }}\n                      </span>\n                    </div>\n                    <mt-icon\n                      icon=\"arrow.switch-horizontal-01\"\n                      styleClass=\"text-base text-gray-400\"\n                    ></mt-icon>\n                  </button>\n                }\n              }\n            </div>\n          }\n        } @else if (mode() === \"candidates\") {\n          <!-- STATE B \u2014 candidates available -->\n          <div class=\"border-b border-gray-200 px-4 py-3\">\n            <div class=\"text-sm font-medium text-gray-900\">\n              {{ t(\"delegations.session.youCanActAs\") }}\n            </div>\n            <div class=\"text-xs text-gray-500 mt-1\">\n              {{ t(\"delegations.session.chooseDelegatorHint\") }}\n            </div>\n          </div>\n          <div class=\"flex flex-col gap-1 px-2 py-2 max-h-72 overflow-y-auto\">\n            @for (cand of candidates(); track cand.delegationId) {\n              <button\n                type=\"button\"\n                class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer text-start\"\n                (click)=\"start(cand, $event)\"\n              >\n                <div class=\"flex items-center gap-2 min-w-0 flex-1\">\n                  <mt-avatar\n                    icon=\"user.user-01\"\n                    styleClass=\"w-9! h-9! text-base! bg-surface-200!\"\n                  ></mt-avatar>\n                  <div class=\"flex flex-col min-w-0\">\n                    <span class=\"text-sm font-medium text-gray-900 truncate\">\n                      {{ cand.delegator.displayName }}\n                    </span>\n                    @if (cand.scopeSummary) {\n                      @let summary = formatScopeSummary(cand.scopeSummary);\n                      <span\n                        class=\"text-xs text-gray-500 truncate\"\n                        [title]=\"summary\"\n                      >\n                        {{ summary }}\n                      </span>\n                    }\n                  </div>\n                </div>\n                <mt-icon\n                  icon=\"arrow.arrow-right\"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Footer -->\n        @if (showManageLink()) {\n          <div class=\"border-t border-gray-200 px-2 py-2\">\n            <a\n              [routerLink]=\"managePath()\"\n              (click)=\"popover().hide()\"\n              class=\"flex items-center gap-2 px-3 py-2 rounded-md text-gray-700 hover:bg-surface-100 text-sm cursor-pointer\"\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    </p-popover>\n  }\n</ng-container>\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{transition:background-color .2s ease-out;min-width:0;max-width:100%}.mt-delegation-trigger__label{max-width:min(16rem,28vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.mt-delegation-trigger__label{max-width:10rem}}@media(max-width:1024px){.mt-delegation-trigger__button{gap:.375rem;padding-inline:.375rem}.mt-delegation-trigger__label{display:none}}:host-context(.dark) .mt-delegation-trigger__button:hover{background-color:#94a3b826}\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: 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"], outputs: ["onClick", "onFocus", "onBlur"] }, { 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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TopbarDelegationMenu, decorators: [{
             type: Component,
@@ -517,8 +522,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         RouterLink,
                         TranslocoDirective,
                         DelegationStatusChip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  @if (mode() !== \"hidden\") {\n    <div class=\"mt-delegation-trigger flex items-center gap-2\">\n      <button\n        type=\"button\"\n        class=\"mt-delegation-trigger__button flex min-w-0 max-w-full items-center gap-2 rounded-full px-2 py-1 hover:bg-surface-100 cursor-pointer\"\n        [attr.aria-label]=\"t('delegations.title')\"\n        [attr.title]=\"\n          mode() === 'active'\n            ? t('delegations.session.banner', {\n                delegatorName: onBehalfOf()?.displayName,\n              })\n            : null\n        \"\n        (click)=\"togglePopover($event)\"\n      >\n        @if (mode() === \"active\") {\n          <mt-icon\n            icon=\"user.users-check\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{\n                t(\"delegations.session.banner\", {\n                  delegatorName: onBehalfOf()?.displayName,\n                })\n              }}\n            </span>\n          }\n          <mt-delegation-status-chip\n            status=\"Active\"\n          ></mt-delegation-status-chip>\n        } @else {\n          <mt-icon\n            icon=\"user.users-plus\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{ t(\"delegations.session.availableTitle\") }}\n            </span>\n          }\n        }\n      </button>\n    </div>\n\n    <p-popover #popover [pt]=\"{ content: { class: 'p-0!' } }\">\n      <div class=\"flex flex-col min-w-80 max-w-96 p-0\">\n        @if (mode() === \"active\" && active(); as session) {\n          <!-- STATE C \u2014 active session -->\n          <div\n            class=\"flex items-start gap-3 border-b border-gray-200 px-4 py-4\"\n          >\n            <mt-avatar\n              icon=\"user.user-01\"\n              styleClass=\"w-11! h-11! text-xl! text-gray-600! bg-surface-300!\"\n            ></mt-avatar>\n            <div class=\"flex flex-col min-w-0 flex-1\">\n              <div class=\"text-xs text-gray-500\">\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\n              </div>\n              <div class=\"text-sm font-medium text-gray-900 truncate\">\n                {{ onBehalfOf()?.displayName }}\n              </div>\n              <div class=\"text-xs text-gray-500 mt-1\">\n                {{\n                  t(\"delegations.session.executedBy\", {\n                    actualUserName: executedBy()?.displayName,\n                  })\n                }}\n              </div>\n              @if (session.delegation.scopeSummary) {\n                @let summary =\n                  formatScopeSummary(session.delegation.scopeSummary);\n                <div\n                  class=\"text-xs text-gray-500 mt-1 truncate\"\n                  [title]=\"summary\"\n                >\n                  {{ t(\"delegations.column.scopeSummary\") }}:\n                  {{ summary }}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1 px-2 py-2\">\n            <mt-button\n              variant=\"text\"\n              icon=\"arrow.arrow-left\"\n              [label]=\"t('delegations.action.endSession')\"\n              styleClass=\"w-full justify-start\"\n              (click)=\"endSession($event)\"\n            ></mt-button>\n          </div>\n\n          @if (candidates().length > 1) {\n            <div class=\"border-t border-gray-200 pt-2 px-2 pb-2\">\n              <div class=\"text-xs text-gray-500 px-2 pb-1\">\n                {{ t(\"delegations.session.switchToAnother\") }}\n              </div>\n              @for (cand of candidates(); track cand.delegationId) {\n                @if (cand.delegationId !== session.delegation.delegationId) {\n                  <button\n                    type=\"button\"\n                    class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer\"\n                    (click)=\"switchTo(cand, $event)\"\n                  >\n                    <div class=\"flex items-center gap-2 min-w-0\">\n                      <mt-avatar\n                        icon=\"user.user-01\"\n                        styleClass=\"w-7! h-7! text-sm! bg-surface-200!\"\n                      ></mt-avatar>\n                      <span class=\"text-sm text-gray-900 truncate\">\n                        {{ cand.delegator.displayName }}\n                      </span>\n                    </div>\n                    <mt-icon\n                      icon=\"arrow.switch-horizontal-01\"\n                      styleClass=\"text-base text-gray-400\"\n                    ></mt-icon>\n                  </button>\n                }\n              }\n            </div>\n          }\n        } @else if (mode() === \"candidates\") {\n          <!-- STATE B \u2014 candidates available -->\n          <div class=\"border-b border-gray-200 px-4 py-3\">\n            <div class=\"text-sm font-medium text-gray-900\">\n              {{ t(\"delegations.session.youCanActAs\") }}\n            </div>\n            <div class=\"text-xs text-gray-500 mt-1\">\n              {{ t(\"delegations.session.chooseDelegatorHint\") }}\n            </div>\n          </div>\n          <div class=\"flex flex-col gap-1 px-2 py-2 max-h-72 overflow-y-auto\">\n            @for (cand of candidates(); track cand.delegationId) {\n              <button\n                type=\"button\"\n                class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer text-start\"\n                (click)=\"start(cand, $event)\"\n              >\n                <div class=\"flex items-center gap-2 min-w-0 flex-1\">\n                  <mt-avatar\n                    icon=\"user.user-01\"\n                    styleClass=\"w-9! h-9! text-base! bg-surface-200!\"\n                  ></mt-avatar>\n                  <div class=\"flex flex-col min-w-0\">\n                    <span class=\"text-sm font-medium text-gray-900 truncate\">\n                      {{ cand.delegator.displayName }}\n                    </span>\n                    @if (cand.scopeSummary) {\n                      @let summary = formatScopeSummary(cand.scopeSummary);\n                      <span\n                        class=\"text-xs text-gray-500 truncate\"\n                        [title]=\"summary\"\n                      >\n                        {{ summary }}\n                      </span>\n                    }\n                  </div>\n                </div>\n                <mt-icon\n                  icon=\"arrow.arrow-right\"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Footer -->\n        <div class=\"border-t border-gray-200 px-2 py-2\">\n          <a\n            [routerLink]=\"managePath()\"\n            (click)=\"popover().hide()\"\n            class=\"flex items-center gap-2 px-3 py-2 rounded-md text-gray-700 hover:bg-surface-100 text-sm cursor-pointer\"\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      </div>\n    </p-popover>\n  }\n</ng-container>\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{transition:background-color .2s ease-out;min-width:0;max-width:100%}.mt-delegation-trigger__label{max-width:min(16rem,28vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.mt-delegation-trigger__label{max-width:10rem}}@media(max-width:1024px){.mt-delegation-trigger__button{gap:.375rem;padding-inline:.375rem}.mt-delegation-trigger__label{display:none}}:host-context(.dark) .mt-delegation-trigger__button:hover{background-color:#94a3b826}\n"] }]
-        }], propDecorators: { managePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "managePath", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  @if (mode() !== \"hidden\") {\n    <div class=\"mt-delegation-trigger flex items-center gap-2\">\n      <button\n        type=\"button\"\n        class=\"mt-delegation-trigger__button flex min-w-0 max-w-full items-center gap-2 rounded-full px-2 py-1 hover:bg-surface-100 cursor-pointer\"\n        [attr.aria-label]=\"t('delegations.title')\"\n        [attr.title]=\"\n          mode() === 'active'\n            ? t('delegations.session.banner', {\n                delegatorName: onBehalfOf()?.displayName,\n              })\n            : null\n        \"\n        (click)=\"togglePopover($event)\"\n      >\n        @if (mode() === \"active\") {\n          <mt-icon\n            icon=\"user.users-check\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{\n                t(\"delegations.session.banner\", {\n                  delegatorName: onBehalfOf()?.displayName,\n                })\n              }}\n            </span>\n          }\n          <mt-delegation-status-chip\n            status=\"Active\"\n          ></mt-delegation-status-chip>\n        } @else {\n          <mt-icon\n            icon=\"user.users-plus\"\n            styleClass=\"text-lg text-primary\"\n          ></mt-icon>\n          @if (!compact()) {\n            <span class=\"mt-delegation-trigger__label text-sm font-medium\">\n              {{ t(\"delegations.session.availableTitle\") }}\n            </span>\n          }\n        }\n      </button>\n    </div>\n\n    <p-popover #popover [pt]=\"{ content: { class: 'p-0!' } }\">\n      <div class=\"flex flex-col min-w-80 max-w-96 p-0\">\n        @if (mode() === \"active\" && active(); as session) {\n          <!-- STATE C \u2014 active session -->\n          <div\n            class=\"flex items-start gap-3 border-b border-gray-200 px-4 py-4\"\n          >\n            <mt-avatar\n              icon=\"user.user-01\"\n              styleClass=\"w-11! h-11! text-xl! text-gray-600! bg-surface-300!\"\n            ></mt-avatar>\n            <div class=\"flex flex-col min-w-0 flex-1\">\n              <div class=\"text-xs text-gray-500\">\n                {{ t(\"delegations.session.actingOnBehalfOf\") }}\n              </div>\n              <div class=\"text-sm font-medium text-gray-900 truncate\">\n                {{ onBehalfOf()?.displayName }}\n              </div>\n              <div class=\"text-xs text-gray-500 mt-1\">\n                {{\n                  t(\"delegations.session.executedBy\", {\n                    actualUserName: executedBy()?.displayName,\n                  })\n                }}\n              </div>\n              @if (session.delegation.scopeSummary) {\n                @let summary =\n                  formatScopeSummary(session.delegation.scopeSummary);\n                <div\n                  class=\"text-xs text-gray-500 mt-1 truncate\"\n                  [title]=\"summary\"\n                >\n                  {{ t(\"delegations.column.scopeSummary\") }}:\n                  {{ summary }}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1 px-2 py-2\">\n            <mt-button\n              variant=\"text\"\n              icon=\"arrow.arrow-left\"\n              [label]=\"t('delegations.action.endSession')\"\n              styleClass=\"w-full justify-start\"\n              (click)=\"endSession($event)\"\n            ></mt-button>\n          </div>\n\n          @if (candidates().length > 1) {\n            <div class=\"border-t border-gray-200 pt-2 px-2 pb-2\">\n              <div class=\"text-xs text-gray-500 px-2 pb-1\">\n                {{ t(\"delegations.session.switchToAnother\") }}\n              </div>\n              @for (cand of candidates(); track cand.delegationId) {\n                @if (cand.delegationId !== session.delegation.delegationId) {\n                  <button\n                    type=\"button\"\n                    class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer\"\n                    (click)=\"switchTo(cand, $event)\"\n                  >\n                    <div class=\"flex items-center gap-2 min-w-0\">\n                      <mt-avatar\n                        icon=\"user.user-01\"\n                        styleClass=\"w-7! h-7! text-sm! bg-surface-200!\"\n                      ></mt-avatar>\n                      <span class=\"text-sm text-gray-900 truncate\">\n                        {{ cand.delegator.displayName }}\n                      </span>\n                    </div>\n                    <mt-icon\n                      icon=\"arrow.switch-horizontal-01\"\n                      styleClass=\"text-base text-gray-400\"\n                    ></mt-icon>\n                  </button>\n                }\n              }\n            </div>\n          }\n        } @else if (mode() === \"candidates\") {\n          <!-- STATE B \u2014 candidates available -->\n          <div class=\"border-b border-gray-200 px-4 py-3\">\n            <div class=\"text-sm font-medium text-gray-900\">\n              {{ t(\"delegations.session.youCanActAs\") }}\n            </div>\n            <div class=\"text-xs text-gray-500 mt-1\">\n              {{ t(\"delegations.session.chooseDelegatorHint\") }}\n            </div>\n          </div>\n          <div class=\"flex flex-col gap-1 px-2 py-2 max-h-72 overflow-y-auto\">\n            @for (cand of candidates(); track cand.delegationId) {\n              <button\n                type=\"button\"\n                class=\"flex items-center justify-between gap-2 w-full px-2 py-2 rounded-md hover:bg-surface-100 cursor-pointer text-start\"\n                (click)=\"start(cand, $event)\"\n              >\n                <div class=\"flex items-center gap-2 min-w-0 flex-1\">\n                  <mt-avatar\n                    icon=\"user.user-01\"\n                    styleClass=\"w-9! h-9! text-base! bg-surface-200!\"\n                  ></mt-avatar>\n                  <div class=\"flex flex-col min-w-0\">\n                    <span class=\"text-sm font-medium text-gray-900 truncate\">\n                      {{ cand.delegator.displayName }}\n                    </span>\n                    @if (cand.scopeSummary) {\n                      @let summary = formatScopeSummary(cand.scopeSummary);\n                      <span\n                        class=\"text-xs text-gray-500 truncate\"\n                        [title]=\"summary\"\n                      >\n                        {{ summary }}\n                      </span>\n                    }\n                  </div>\n                </div>\n                <mt-icon\n                  icon=\"arrow.arrow-right\"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n              </button>\n            }\n          </div>\n        }\n\n        <!-- Footer -->\n        @if (showManageLink()) {\n          <div class=\"border-t border-gray-200 px-2 py-2\">\n            <a\n              [routerLink]=\"managePath()\"\n              (click)=\"popover().hide()\"\n              class=\"flex items-center gap-2 px-3 py-2 rounded-md text-gray-700 hover:bg-surface-100 text-sm cursor-pointer\"\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    </p-popover>\n  }\n</ng-container>\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{transition:background-color .2s ease-out;min-width:0;max-width:100%}.mt-delegation-trigger__label{max-width:min(16rem,28vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.mt-delegation-trigger__label{max-width:10rem}}@media(max-width:1024px){.mt-delegation-trigger__button{gap:.375rem;padding-inline:.375rem}.mt-delegation-trigger__label{display:none}}:host-context(.dark) .mt-delegation-trigger__button:hover{background-color:#94a3b826}\n"] }]
+        }], 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 }] }], popover: [{ type: i0.ViewChild, args: ['popover', { isSignal: true }] }] } });
 
 // ---------------------------------------------------------------------------
 // Lists / detail
@@ -537,6 +542,13 @@ class GetAssignedDelegations {
         this.query = query;
     }
 }
+class GetAdminDelegations {
+    query;
+    static type = '[Delegations] Get Admin Delegations';
+    constructor(query = {}) {
+        this.query = query;
+    }
+}
 class GetActiveAssignedDelegations {
     query;
     static type = '[Delegations] Get Active Assigned Delegations';
@@ -649,6 +661,7 @@ var DelegationsActionKey;
 (function (DelegationsActionKey) {
     DelegationsActionKey["GetMy"] = "getMy";
     DelegationsActionKey["GetAssigned"] = "getAssigned";
+    DelegationsActionKey["GetAdmin"] = "getAdmin";
     DelegationsActionKey["GetActive"] = "getActive";
     DelegationsActionKey["GetDetail"] = "getDetail";
     DelegationsActionKey["GetScopeOptions"] = "getScopeOptions";
@@ -702,6 +715,9 @@ let DelegationsState = class DelegationsState {
     static getAssigned(state) {
         return state.assigned;
     }
+    static getAdmin(state) {
+        return state.admin;
+    }
     static getActive(state) {
         return state.active;
     }
@@ -743,6 +759,15 @@ let DelegationsState = class DelegationsState {
             onSuccess: (response) => ({ assigned: response.data }),
         });
     }
+    getAdmin(ctx, { query }) {
+        const req$ = this.http.get(`${BASE}/All`, { params: buildListParams(query) });
+        return handleApiRequest({
+            ctx,
+            key: DelegationsActionKey.GetAdmin,
+            request$: req$,
+            onSuccess: (response) => ({ admin: response.data }),
+        });
+    }
     getActive(ctx, { query }) {
         const req$ = this.http.get(`${BASE}/user/activedelegations`, { params: buildListParams(query) });
         return handleApiRequest({
@@ -873,6 +898,9 @@ __decorate([
 __decorate([
     Action(GetAssignedDelegations)
 ], DelegationsState.prototype, "getAssigned", null);
+__decorate([
+    Action(GetAdminDelegations)
+], DelegationsState.prototype, "getAdmin", null);
 __decorate([
     Action(GetActiveAssignedDelegations)
 ], DelegationsState.prototype, "getActive", null);
@@ -918,6 +946,9 @@ __decorate([
 __decorate([
     Selector()
 ], DelegationsState, "getAssigned", null);
+__decorate([
+    Selector()
+], DelegationsState, "getAdmin", null);
 __decorate([
     Selector()
 ], DelegationsState, "getActive", null);
@@ -942,6 +973,7 @@ DelegationsState = __decorate([
         defaults: {
             my: null,
             assigned: null,
+            admin: null,
             active: null,
             detail: null,
             scopeOptions: null,
@@ -953,7 +985,7 @@ DelegationsState = __decorate([
 ], DelegationsState);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationsState, decorators: [{
             type: Injectable
-        }], propDecorators: { getMy: [], getAssigned: [], getActive: [], getDetail: [], clearDetail: [], getScopeOptions: [], previewScope: [], clearScopePreview: [], createLegacy: [], createV2: [], updateLegacy: [], updateV2: [], approve: [], reject: [], cancel: [] } });
+        }], propDecorators: { getMy: [], getAssigned: [], getAdmin: [], getActive: [], getDetail: [], clearDetail: [], getScopeOptions: [], previewScope: [], clearScopePreview: [], createLegacy: [], createV2: [], updateLegacy: [], updateV2: [], approve: [], reject: [], cancel: [] } });
 
 class DelegationsFacade {
     store = inject(Store);
@@ -962,6 +994,7 @@ class DelegationsFacade {
     // ---------------------------------------------------------------------------
     myPage = select(DelegationsState.getMy);
     assignedPage = select(DelegationsState.getAssigned);
+    adminPage = select(DelegationsState.getAdmin);
     activePage = select(DelegationsState.getActive);
     detail = select(DelegationsState.getDetail);
     scopeOptions = select(DelegationsState.getScopeOptions);
@@ -973,12 +1006,14 @@ class DelegationsFacade {
     // ---------------------------------------------------------------------------
     myItems = computed(() => this.myPage()?.items ?? [], ...(ngDevMode ? [{ debugName: "myItems" }] : /* istanbul ignore next */ []));
     assignedItems = computed(() => this.assignedPage()?.items ?? [], ...(ngDevMode ? [{ debugName: "assignedItems" }] : /* istanbul ignore next */ []));
+    adminItems = computed(() => this.adminPage()?.items ?? [], ...(ngDevMode ? [{ debugName: "adminItems" }] : /* istanbul ignore next */ []));
     activeItems = computed(() => this.activePage()?.items ?? [], ...(ngDevMode ? [{ debugName: "activeItems" }] : /* istanbul ignore next */ []));
     // ---------------------------------------------------------------------------
     // Loading
     // ---------------------------------------------------------------------------
     isLoadingMy = computed(() => this.loadingActive().includes(DelegationsActionKey.GetMy), ...(ngDevMode ? [{ debugName: "isLoadingMy" }] : /* istanbul ignore next */ []));
     isLoadingAssigned = computed(() => this.loadingActive().includes(DelegationsActionKey.GetAssigned), ...(ngDevMode ? [{ debugName: "isLoadingAssigned" }] : /* istanbul ignore next */ []));
+    isLoadingAdmin = computed(() => this.loadingActive().includes(DelegationsActionKey.GetAdmin), ...(ngDevMode ? [{ debugName: "isLoadingAdmin" }] : /* istanbul ignore next */ []));
     isLoadingActive = computed(() => this.loadingActive().includes(DelegationsActionKey.GetActive), ...(ngDevMode ? [{ debugName: "isLoadingActive" }] : /* istanbul ignore next */ []));
     isLoadingDetail = computed(() => this.loadingActive().includes(DelegationsActionKey.GetDetail), ...(ngDevMode ? [{ debugName: "isLoadingDetail" }] : /* istanbul ignore next */ []));
     isLoadingScopeOptions = computed(() => this.loadingActive().includes(DelegationsActionKey.GetScopeOptions), ...(ngDevMode ? [{ debugName: "isLoadingScopeOptions" }] : /* istanbul ignore next */ []));
@@ -993,6 +1028,7 @@ class DelegationsFacade {
     // ---------------------------------------------------------------------------
     errorMy = computed(() => this.errors()[DelegationsActionKey.GetMy] ?? null, ...(ngDevMode ? [{ debugName: "errorMy" }] : /* istanbul ignore next */ []));
     errorAssigned = computed(() => this.errors()[DelegationsActionKey.GetAssigned] ?? null, ...(ngDevMode ? [{ debugName: "errorAssigned" }] : /* istanbul ignore next */ []));
+    errorAdmin = computed(() => this.errors()[DelegationsActionKey.GetAdmin] ?? null, ...(ngDevMode ? [{ debugName: "errorAdmin" }] : /* istanbul ignore next */ []));
     errorDetail = computed(() => this.errors()[DelegationsActionKey.GetDetail] ?? null, ...(ngDevMode ? [{ debugName: "errorDetail" }] : /* istanbul ignore next */ []));
     errorScopeOptions = computed(() => this.errors()[DelegationsActionKey.GetScopeOptions] ?? null, ...(ngDevMode ? [{ debugName: "errorScopeOptions" }] : /* istanbul ignore next */ []));
     errorSave = computed(() => this.errors()[DelegationsActionKey.Create] ??
@@ -1007,6 +1043,9 @@ class DelegationsFacade {
     getAssigned(query = {}) {
         return this.store.dispatch(new GetAssignedDelegations(query));
     }
+    getAdmin(query = {}) {
+        return this.store.dispatch(new GetAdminDelegations(query));
+    }
     getActive(query = {}) {
         return this.store.dispatch(new GetActiveAssignedDelegations(query));
     }
@@ -1152,17 +1191,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             args: [{ selector: 'mt-delegations', imports: [Page, RouterOutlet, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <mt-page\n    [title]=\"t('delegations.title')\"\n    [avatarIcon]=\"'custom.hierarchy-structure'\"\n    [tabs]=\"tabs()\"\n    [activeTab]=\"activeTab()\"\n    [contentClass]=\"'max-[1025px]:p-4 max-[640px]:p-3'\"\n    [avatarStyle]=\"{\n      '--p-avatar-background': 'var(--p-indigo-50)',\n      '--p-avatar-color': 'var(--p-indigo-700)',\n    }\"\n    (tabChange)=\"onTabChange($event)\"\n    (backButtonClick)=\"goBack()\"\n    backButton\n  >\n    <router-outlet />\n  </mt-page>\n</ng-container>\n" }]
         }], ctorParameters: () => [] });
 
+const DEFAULT_SORT_ORDER = Number.MAX_SAFE_INTEGER;
 function toArray(value) {
     return Array.isArray(value) ? value : [];
 }
 function normalizeGrant$1(grant) {
     return {
         ...grant,
+        action: normalizeAction(grant.action),
         accessibilities: toArray(grant.accessibilities),
         dataFilters: toArray(grant.dataFilters),
         constraints: toArray(grant.constraints),
     };
 }
+function normalizeAction(action) {
+    return {
+        ...action,
+        isDelegableSnapshot: action.isDelegableSnapshot ?? action.isDelegable ?? undefined,
+    };
+}
 function normalizeKey(value) {
     if (typeof value === 'string') {
         const trimmed = value.trim();
@@ -1173,21 +1220,36 @@ function normalizeKey(value) {
     }
     return null;
 }
-function matchesTarget(target, rule) {
-    return (target.targetType === rule.targetType &&
-        target.targetKey === rule.targetKey &&
-        (!rule.applicationKey ||
-            !target.applicationKey ||
-            target.applicationKey === rule.applicationKey));
+function normalizeSortOrder(value) {
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return value;
+    }
+    const numericValue = Number(value);
+    return Number.isFinite(numericValue) ? numericValue : DEFAULT_SORT_ORDER;
 }
-function matchesAction(action, rule, applicationKey) {
-    return (action.operationKey === rule.operationKey &&
-        (!rule.applicationKey ||
-            !action.applicationKey ||
-            action.applicationKey === rule.applicationKey) &&
-        (!applicationKey ||
-            !action.applicationKey ||
-            action.applicationKey === applicationKey));
+function compareBySortThenKey(left, right, leftKey, rightKey) {
+    if (left !== right) {
+        return left - right;
+    }
+    return leftKey.localeCompare(rightKey);
+}
+function targetIdentity(target) {
+    return `${target.applicationKey}::${target.targetType}::${target.targetKey}`;
+}
+function groupIdentity(groupType, groupKey, fallbackTargetKey) {
+    return `${groupType}::${groupKey || fallbackTargetKey || 'group'}`;
+}
+function buildHierarchyGrant(target, action) {
+    return normalizeGrant$1({
+        applicationKey: normalizeKey(target.applicationKey) ??
+            normalizeKey(action.applicationKey) ??
+            '',
+        target,
+        action: normalizeAction(action),
+        accessibilities: [],
+        dataFilters: [],
+        constraints: [],
+    });
 }
 function factLookupKeys(fact) {
     const candidates = [
@@ -1245,6 +1307,22 @@ function ruleKeys(rule, preferredKeys) {
     }
     return null;
 }
+function matchesTarget(target, rule) {
+    return (target.targetType === rule.targetType &&
+        target.targetKey === rule.targetKey &&
+        (!rule.applicationKey ||
+            !target.applicationKey ||
+            target.applicationKey === rule.applicationKey));
+}
+function matchesAction(action, rule, applicationKey) {
+    return (action.operationKey === rule.operationKey &&
+        (!rule.applicationKey ||
+            !action.applicationKey ||
+            action.applicationKey === rule.applicationKey) &&
+        (!applicationKey ||
+            !action.applicationKey ||
+            action.applicationKey === applicationKey));
+}
 function grantIdentity(grant) {
     return JSON.stringify({
         app: grant.applicationKey,
@@ -1268,7 +1346,35 @@ function grantIdentity(grant) {
         constraints: grant.constraints.map(factLookupKeys),
     });
 }
-function getDelegationGrantableGrants(options) {
+function buildGroupsFromHierarchy(hierarchy) {
+    return hierarchy
+        .map((group) => {
+        const targets = toArray(group.targets)
+            .map((targetNode) => {
+            const grants = toArray(targetNode.operations)
+                .map((operation) => buildHierarchyGrant(targetNode.target, operation))
+                .sort((left, right) => compareBySortThenKey(normalizeSortOrder(left.action.sortOrder), normalizeSortOrder(right.action.sortOrder), left.action.operationKey, right.action.operationKey));
+            return {
+                key: targetIdentity(targetNode.target),
+                target: targetNode.target,
+                grants,
+                sortOrder: normalizeSortOrder(targetNode.sortOrder ?? targetNode.target.levelModuleId),
+            };
+        })
+            .filter((targetNode) => targetNode.grants.length > 0)
+            .sort((left, right) => compareBySortThenKey(left.sortOrder, right.sortOrder, left.key, right.key));
+        return {
+            key: groupIdentity(group.groupType, group.groupKey),
+            groupType: group.groupType,
+            displayName: group.displayName,
+            sortOrder: normalizeSortOrder(group.sortOrder ?? group.levelId),
+            targets,
+        };
+    })
+        .filter((group) => group.targets.length > 0)
+        .sort((left, right) => compareBySortThenKey(left.sortOrder, right.sortOrder, left.key, right.key));
+}
+function getLegacyGrantableGrants(options) {
     if (!options) {
         return [];
     }
@@ -1307,7 +1413,7 @@ function getDelegationGrantableGrants(options) {
                 normalizeKey(target.applicationKey) ??
                 '',
             target,
-            action,
+            action: normalizeAction(action),
             accessibilities: lookupFacts(ruleKeys(rule, ['accessibilityKeys', 'accessibilities']), accessibilityIndex),
             dataFilters: lookupFacts(ruleKeys(rule, ['dataFilterKeys', 'dataFilters', 'filterKeys']), dataFilterIndex),
             constraints: lookupFacts(ruleKeys(rule, ['constraintKeys', 'constraints']), constraintIndex),
@@ -1321,14 +1427,65 @@ function getDelegationGrantableGrants(options) {
     }
     return grants;
 }
+function buildGroupsFromGrants(grants) {
+    const groups = new Map();
+    for (const grant of grants) {
+        const parentGroupKey = normalizeKey(grant.target.parentTargetKey) ?? grant.target.targetKey;
+        const parentGroupType = grant.target.parentTargetType ?? grant.target.targetType;
+        const groupKey = groupIdentity(parentGroupType, parentGroupKey, grant.target.targetKey);
+        let group = groups.get(groupKey);
+        if (!group) {
+            group = {
+                groupType: parentGroupType,
+                displayName: grant.target.parentDisplayName ?? grant.target.displayName ?? null,
+                sortOrder: normalizeSortOrder(grant.target.parentLevelId ?? grant.target.levelId),
+                targets: new Map(),
+            };
+            groups.set(groupKey, group);
+        }
+        const targetKey = targetIdentity(grant.target);
+        const existingTarget = group.targets.get(targetKey);
+        if (existingTarget) {
+            existingTarget.grants.push(grant);
+            continue;
+        }
+        group.targets.set(targetKey, {
+            key: targetKey,
+            target: grant.target,
+            grants: [grant],
+            sortOrder: normalizeSortOrder(grant.target.levelModuleId ?? grant.target.targetId),
+        });
+    }
+    return Array.from(groups.entries())
+        .map(([key, value]) => ({
+        key,
+        groupType: value.groupType,
+        displayName: value.displayName,
+        sortOrder: value.sortOrder,
+        targets: Array.from(value.targets.values())
+            .map((targetGroup) => ({
+            ...targetGroup,
+            grants: [...targetGroup.grants].sort((left, right) => compareBySortThenKey(normalizeSortOrder(left.action.sortOrder), normalizeSortOrder(right.action.sortOrder), left.action.operationKey, right.action.operationKey)),
+        }))
+            .sort((left, right) => compareBySortThenKey(left.sortOrder, right.sortOrder, left.key, right.key)),
+    }))
+        .sort((left, right) => compareBySortThenKey(left.sortOrder, right.sortOrder, left.key, right.key));
+}
+function getDelegationGrantableGroups(options) {
+    const hierarchyGroups = buildGroupsFromHierarchy(toArray(options?.hierarchy));
+    if (hierarchyGroups.length > 0) {
+        return hierarchyGroups;
+    }
+    return buildGroupsFromGrants(getLegacyGrantableGrants(options));
+}
+function getDelegationGrantableGrants(options) {
+    return getDelegationGrantableGroups(options).flatMap((group) => group.targets.flatMap((targetGroup) => targetGroup.grants));
+}
 function hasDelegationGrantableScope(options) {
-    return getDelegationGrantableGrants(options).length > 0;
+    return getDelegationGrantableGroups(options).length > 0;
 }
 
 const EMPTY_SCOPE$1 = { grants: [], metadata: {} };
-function targetKey(t) {
-    return `${t.applicationKey}::${t.targetType}::${t.targetKey}`;
-}
 /**
  * Full grant identity. Two grants with the same target/action but different
  * accessibilities, data filters, or constraints are DIFFERENT grants and must
@@ -1373,13 +1530,14 @@ function normalizeGrant(g) {
     };
 }
 /**
- * Grants-based scope picker (doc 03). Driven entirely by `scope/options`:
- * - lists grantable target/action pairs returned by the backend,
- * - lets the user toggle each grant,
+ * Hierarchy-based scope picker (doc 03). Driven entirely by `scope/options`:
+ * - renders backend-owned Level -> Level Module -> operations hierarchy,
+ * - lets the user toggle each explicit grant,
  * - calls `scope/preview` (debounced) and surfaces summary / warnings / denied.
  *
  * `[(scope)]` two-way binds a `DelegationScopeSelection`. The component never
- * invents permission metadata — it only echoes grants returned by options.
+ * invents permission metadata — it only echoes targets/actions returned by
+ * options.
  */
 class ScopePicker {
     scope = model(EMPTY_SCOPE$1, ...(ngDevMode ? [{ debugName: "scope" }] : /* istanbul ignore next */ []));
@@ -1397,22 +1555,7 @@ class ScopePicker {
     isLoadingOptions = this.facade.isLoadingScopeOptions;
     isPreviewing = this.facade.isPreviewingScope;
     errorOptions = this.facade.errorScopeOptions;
-    /** Grantable options grouped by target. */
-    groups = computed(() => {
-        const grants = getDelegationGrantableGrants(this.options());
-        const map = new Map();
-        for (const g of grants) {
-            const key = targetKey(g.target);
-            const existing = map.get(key);
-            if (existing) {
-                existing.grants.push(g);
-            }
-            else {
-                map.set(key, { key, target: g.target, grants: [g] });
-            }
-        }
-        return Array.from(map.values());
-    }, ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+    groups = computed(() => getDelegationGrantableGroups(this.options()), ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
     /** Selected grant keys for O(1) checkbox state. */
     selectedKeys = computed(() => new Set(this.scope().grants.map(grantKey)), ...(ngDevMode ? [{ debugName: "selectedKeys" }] : /* istanbul ignore next */ []));
     expanded = signal(new Set(), ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
@@ -1448,6 +1591,21 @@ class ScopePicker {
                 timer = setTimeout(() => this.facade.previewScope(s), 300);
             });
         });
+        let lastGroupKeys = '';
+        effect(() => {
+            const groups = this.groups();
+            const nextGroupKeys = groups.map((group) => group.key).join('|');
+            if (!nextGroupKeys) {
+                lastGroupKeys = '';
+                this.expanded.set(new Set());
+                return;
+            }
+            if (nextGroupKeys === lastGroupKeys) {
+                return;
+            }
+            lastGroupKeys = nextGroupKeys;
+            this.expanded.set(new Set(groups.map((group) => group.key)));
+        });
     }
     isExpanded(group) {
         return this.expanded().has(group.key);
@@ -1463,12 +1621,19 @@ class ScopePicker {
     isSelected(grant) {
         return this.selectedKeys().has(grantKey(grant));
     }
+    getGroupLabel(group) {
+        return (formatDelegationDisplayValue(group.displayName, this.currentLanguage()) ||
+            humanizeDelegationKey(group.groupType));
+    }
     getTargetLabel(target) {
         return formatDelegationTargetLabel(target, this.currentLanguage());
     }
     getActionLabel(grant) {
         return formatDelegationActionLabel(grant.action, this.currentLanguage());
     }
+    getTargetActions(targetGroup) {
+        return targetGroup.grants;
+    }
     getPreviewSummary(summary) {
         return formatDelegationScopeSummary(summary, this.currentLanguage());
     }
@@ -1492,13 +1657,19 @@ class ScopePicker {
     }
     selectedCount(group) {
         const keys = this.selectedKeys();
-        return group.grants.filter((g) => keys.has(grantKey(g))).length;
+        return group.targets.reduce((count, targetGroup) => count +
+            targetGroup.grants.filter((grant) => keys.has(grantKey(grant))).length, 0);
+    }
+    selectedTargetCount(targetGroup) {
+        const keys = this.selectedKeys();
+        return targetGroup.grants.filter((grant) => keys.has(grantKey(grant)))
+            .length;
     }
     currentLanguage() {
         return this.transloco.getActiveLang();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ScopePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ScopePicker, isStandalone: true, selector: "mt-scope-picker", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, delegatorUserId: { classPropertyName: "delegatorUserId", publicName: "delegatorUserId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scope: "scopeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div class=\"mt-scope-picker flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-2\">\n        <h4 class=\"text-sm font-medium text-gray-800\">\n          {{ t(\"delegations.scope.permissionsTitle\") }}\n        </h4>\n\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700\"\n          >\n            {{ errorMessage }}\n          </div>\n        }\n\n        @if (groups().length === 0 && !errorOptions()) {\n          <p class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </p>\n        }\n\n        @for (group of groups(); track group.key) {\n          <div class=\"overflow-hidden rounded-md border border-gray-200\">\n            <button\n              type=\"button\"\n              class=\"flex w-full cursor-pointer items-center justify-between px-3 py-2 hover:bg-surface-50\"\n              (click)=\"toggleAccordion(group)\"\n            >\n              <div class=\"flex min-w-0 items-center gap-2\">\n                <mt-icon\n                  [icon]=\"\n                    isExpanded(group)\n                      ? 'arrow.chevron-down'\n                      : 'arrow.chevron-right'\n                  \"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ getTargetLabel(group.target) }}\n                </span>\n                <span class=\"text-xs text-gray-400\">\n                  {{ group.target.targetType }}\n                </span>\n              </div>\n              @if (selectedCount(group); as count) {\n                @if (count > 0) {\n                  <span\n                    class=\"rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary\"\n                  >\n                    {{ count }}\n                  </span>\n                }\n              }\n            </button>\n\n            @if (isExpanded(group)) {\n              <div class=\"flex flex-col gap-1 bg-surface-50/40 px-3 py-2\">\n                @for (grant of group.grants; track $index) {\n                  <label\n                    class=\"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-surface-100\"\n                  >\n                    <input\n                      type=\"checkbox\"\n                      [checked]=\"isSelected(grant)\"\n                      [disabled]=\"readonly()\"\n                      (change)=\"toggleGrant(grant)\"\n                    />\n                    <span class=\"text-sm\">\n                      {{ getActionLabel(grant) }}\n                    </span>\n                    @if (grant.action.isHighRisk) {\n                      <mt-icon\n                        icon=\"alert.alert-triangle\"\n                        styleClass=\"text-sm text-amber-500\"\n                        [pTooltip]=\"t('delegations.scope.highRisk')\"\n                        tooltipPosition=\"top\"\n                      ></mt-icon>\n                    }\n                  </label>\n                }\n              </div>\n            }\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-1 rounded-md border border-dashed border-gray-300 bg-surface-50 px-3 py-2\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-xs font-medium text-gray-700\">\n            {{ t(\"delegations.scope.previewTitle\") }}\n          </div>\n          @if (isPreviewing()) {\n            <p-skeleton width=\"6rem\" height=\"0.75rem\"></p-skeleton>\n          }\n        </div>\n        @if (preview(); as p) {\n          @if (p.isValid) {\n            <div class=\"text-sm text-gray-900\">\n              {{\n                getPreviewSummary(p.summary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n          } @else {\n            <div class=\"text-sm text-red-700\">\n              {{ t(\"delegations.scope.previewInvalid\") }}\n            </div>\n          }\n          @if (p.warnings.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-amber-700\">\n              @for (w of p.warnings; track w.message) {\n                <li>{{ w.message }}</li>\n              }\n            </ul>\n          }\n          @if (p.deniedItems.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-red-700\">\n              @for (d of p.deniedItems; track d.operationKey) {\n                <li>\n                  {{ formatDeniedTarget(d.targetKey) }} /\n                  {{ formatDeniedOperation(d.operationKey) }} -\n                  {{ d.reasonCode }}\n                </li>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block}.mt-scope-picker input[type=checkbox]{accent-color:var(--p-primary-color, currentColor)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { 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: ScopePicker, isStandalone: true, selector: "mt-scope-picker", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, delegatorUserId: { classPropertyName: "delegatorUserId", publicName: "delegatorUserId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scope: "scopeChange" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div class=\"mt-scope-picker flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-2\">\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700\"\n          >\n            {{ errorMessage }}\n          </div>\n        }\n\n        @if (groups().length === 0 && !errorOptions()) {\n          <p class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </p>\n        }\n\n        @for (group of groups(); track group.key) {\n          <div class=\"overflow-hidden rounded-md border border-gray-200\">\n            <button\n              type=\"button\"\n              class=\"flex w-full cursor-pointer items-center justify-between px-3 py-2 hover:bg-surface-50\"\n              (click)=\"toggleAccordion(group)\"\n            >\n              <div class=\"flex min-w-0 items-center gap-2\">\n                <mt-icon\n                  [icon]=\"\n                    isExpanded(group)\n                      ? 'arrow.chevron-down'\n                      : 'arrow.chevron-right'\n                  \"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ getGroupLabel(group) }}\n                </span>\n              </div>\n              @if (selectedCount(group); as selectedGrantCount) {\n                @if (selectedGrantCount > 0) {\n                  <span\n                    class=\"rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary\"\n                  >\n                    {{ selectedGrantCount }}\n                  </span>\n                }\n              }\n            </button>\n\n            @if (isExpanded(group)) {\n              <div\n                class=\"mt-scope-picker__group flex flex-col gap-3 bg-surface-50/40 px-3 py-3\"\n              >\n                @for (targetGroup of group.targets; track targetGroup.key) {\n                  <section\n                    class=\"rounded-md border border-surface-200 bg-white px-3 py-3\"\n                  >\n                    <div\n                      class=\"flex flex-wrap items-center justify-between gap-2\"\n                    >\n                      <div class=\"min-w-0\">\n                        <div class=\"truncate text-sm font-medium text-gray-900\">\n                          {{ getTargetLabel(targetGroup.target) }}\n                        </div>\n                      </div>\n                      @if (\n                        selectedTargetCount(targetGroup);\n                        as selectedTargetGrantCount\n                      ) {\n                        @if (selectedTargetGrantCount > 0) {\n                          <span\n                            class=\"rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary\"\n                          >\n                            {{ selectedTargetGrantCount }}\n                          </span>\n                        }\n                      }\n                    </div>\n\n                    <div\n                      class=\"mt-scope-picker__actions mt-3 flex flex-col gap-1\"\n                    >\n                      @for (\n                        grant of getTargetActions(targetGroup);\n                        track $index\n                      ) {\n                        <label\n                          class=\"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-surface-100\"\n                        >\n                          <input\n                            type=\"checkbox\"\n                            [checked]=\"isSelected(grant)\"\n                            [disabled]=\"readonly()\"\n                            (change)=\"toggleGrant(grant)\"\n                          />\n                          <span class=\"text-sm\">\n                            {{ getActionLabel(grant) }}\n                          </span>\n                          @if (grant.action.isHighRisk) {\n                            <mt-icon\n                              icon=\"alert.alert-triangle\"\n                              styleClass=\"text-sm text-amber-500\"\n                              [pTooltip]=\"t('delegations.scope.highRisk')\"\n                              tooltipPosition=\"top\"\n                            ></mt-icon>\n                          }\n                        </label>\n                      }\n                    </div>\n                  </section>\n                } @empty {\n                  <div class=\"text-xs text-gray-500\">\n                    {{ t(\"delegations.scope.noGrantableOptions\") }}\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-1 rounded-md border border-dashed border-gray-300 bg-surface-50 px-3 py-2\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-xs font-medium text-gray-700\">\n            {{ t(\"delegations.scope.previewTitle\") }}\n          </div>\n          @if (isPreviewing()) {\n            <p-skeleton width=\"6rem\" height=\"0.75rem\"></p-skeleton>\n          }\n        </div>\n        @if (preview(); as p) {\n          @if (p.isValid) {\n            <div class=\"text-sm text-gray-900\">\n              {{\n                getPreviewSummary(p.summary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n          } @else {\n            <div class=\"text-sm text-red-700\">\n              {{ t(\"delegations.scope.previewInvalid\") }}\n            </div>\n          }\n          @if (p.warnings.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-amber-700\">\n              @for (w of p.warnings; track w.message) {\n                <li>{{ w.message }}</li>\n              }\n            </ul>\n          }\n          @if (p.deniedItems.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-red-700\">\n              @for (d of p.deniedItems; track d.operationKey) {\n                <li>\n                  {{ formatDeniedTarget(d.targetKey) }} /\n                  {{ formatDeniedOperation(d.operationKey) }} -\n                  {{ d.reasonCode }}\n                </li>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { 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: ScopePicker, decorators: [{
             type: Component,
@@ -1508,10 +1679,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         SkeletonModule,
                         TooltipModule,
                         TranslocoDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div class=\"mt-scope-picker flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-2\">\n        <h4 class=\"text-sm font-medium text-gray-800\">\n          {{ t(\"delegations.scope.permissionsTitle\") }}\n        </h4>\n\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700\"\n          >\n            {{ errorMessage }}\n          </div>\n        }\n\n        @if (groups().length === 0 && !errorOptions()) {\n          <p class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </p>\n        }\n\n        @for (group of groups(); track group.key) {\n          <div class=\"overflow-hidden rounded-md border border-gray-200\">\n            <button\n              type=\"button\"\n              class=\"flex w-full cursor-pointer items-center justify-between px-3 py-2 hover:bg-surface-50\"\n              (click)=\"toggleAccordion(group)\"\n            >\n              <div class=\"flex min-w-0 items-center gap-2\">\n                <mt-icon\n                  [icon]=\"\n                    isExpanded(group)\n                      ? 'arrow.chevron-down'\n                      : 'arrow.chevron-right'\n                  \"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ getTargetLabel(group.target) }}\n                </span>\n                <span class=\"text-xs text-gray-400\">\n                  {{ group.target.targetType }}\n                </span>\n              </div>\n              @if (selectedCount(group); as count) {\n                @if (count > 0) {\n                  <span\n                    class=\"rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary\"\n                  >\n                    {{ count }}\n                  </span>\n                }\n              }\n            </button>\n\n            @if (isExpanded(group)) {\n              <div class=\"flex flex-col gap-1 bg-surface-50/40 px-3 py-2\">\n                @for (grant of group.grants; track $index) {\n                  <label\n                    class=\"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-surface-100\"\n                  >\n                    <input\n                      type=\"checkbox\"\n                      [checked]=\"isSelected(grant)\"\n                      [disabled]=\"readonly()\"\n                      (change)=\"toggleGrant(grant)\"\n                    />\n                    <span class=\"text-sm\">\n                      {{ getActionLabel(grant) }}\n                    </span>\n                    @if (grant.action.isHighRisk) {\n                      <mt-icon\n                        icon=\"alert.alert-triangle\"\n                        styleClass=\"text-sm text-amber-500\"\n                        [pTooltip]=\"t('delegations.scope.highRisk')\"\n                        tooltipPosition=\"top\"\n                      ></mt-icon>\n                    }\n                  </label>\n                }\n              </div>\n            }\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-1 rounded-md border border-dashed border-gray-300 bg-surface-50 px-3 py-2\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-xs font-medium text-gray-700\">\n            {{ t(\"delegations.scope.previewTitle\") }}\n          </div>\n          @if (isPreviewing()) {\n            <p-skeleton width=\"6rem\" height=\"0.75rem\"></p-skeleton>\n          }\n        </div>\n        @if (preview(); as p) {\n          @if (p.isValid) {\n            <div class=\"text-sm text-gray-900\">\n              {{\n                getPreviewSummary(p.summary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n          } @else {\n            <div class=\"text-sm text-red-700\">\n              {{ t(\"delegations.scope.previewInvalid\") }}\n            </div>\n          }\n          @if (p.warnings.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-amber-700\">\n              @for (w of p.warnings; track w.message) {\n                <li>{{ w.message }}</li>\n              }\n            </ul>\n          }\n          @if (p.deniedItems.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-red-700\">\n              @for (d of p.deniedItems; track d.operationKey) {\n                <li>\n                  {{ formatDeniedTarget(d.targetKey) }} /\n                  {{ formatDeniedOperation(d.operationKey) }} -\n                  {{ d.reasonCode }}\n                </li>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block}.mt-scope-picker input[type=checkbox]{accent-color:var(--p-primary-color, currentColor)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div class=\"mt-scope-picker flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n      <p-skeleton height=\"6rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-2\">\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700\"\n          >\n            {{ errorMessage }}\n          </div>\n        }\n\n        @if (groups().length === 0 && !errorOptions()) {\n          <p class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </p>\n        }\n\n        @for (group of groups(); track group.key) {\n          <div class=\"overflow-hidden rounded-md border border-gray-200\">\n            <button\n              type=\"button\"\n              class=\"flex w-full cursor-pointer items-center justify-between px-3 py-2 hover:bg-surface-50\"\n              (click)=\"toggleAccordion(group)\"\n            >\n              <div class=\"flex min-w-0 items-center gap-2\">\n                <mt-icon\n                  [icon]=\"\n                    isExpanded(group)\n                      ? 'arrow.chevron-down'\n                      : 'arrow.chevron-right'\n                  \"\n                  styleClass=\"text-base text-gray-400\"\n                ></mt-icon>\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ getGroupLabel(group) }}\n                </span>\n              </div>\n              @if (selectedCount(group); as selectedGrantCount) {\n                @if (selectedGrantCount > 0) {\n                  <span\n                    class=\"rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary\"\n                  >\n                    {{ selectedGrantCount }}\n                  </span>\n                }\n              }\n            </button>\n\n            @if (isExpanded(group)) {\n              <div\n                class=\"mt-scope-picker__group flex flex-col gap-3 bg-surface-50/40 px-3 py-3\"\n              >\n                @for (targetGroup of group.targets; track targetGroup.key) {\n                  <section\n                    class=\"rounded-md border border-surface-200 bg-white px-3 py-3\"\n                  >\n                    <div\n                      class=\"flex flex-wrap items-center justify-between gap-2\"\n                    >\n                      <div class=\"min-w-0\">\n                        <div class=\"truncate text-sm font-medium text-gray-900\">\n                          {{ getTargetLabel(targetGroup.target) }}\n                        </div>\n                      </div>\n                      @if (\n                        selectedTargetCount(targetGroup);\n                        as selectedTargetGrantCount\n                      ) {\n                        @if (selectedTargetGrantCount > 0) {\n                          <span\n                            class=\"rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary\"\n                          >\n                            {{ selectedTargetGrantCount }}\n                          </span>\n                        }\n                      }\n                    </div>\n\n                    <div\n                      class=\"mt-scope-picker__actions mt-3 flex flex-col gap-1\"\n                    >\n                      @for (\n                        grant of getTargetActions(targetGroup);\n                        track $index\n                      ) {\n                        <label\n                          class=\"flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 hover:bg-surface-100\"\n                        >\n                          <input\n                            type=\"checkbox\"\n                            [checked]=\"isSelected(grant)\"\n                            [disabled]=\"readonly()\"\n                            (change)=\"toggleGrant(grant)\"\n                          />\n                          <span class=\"text-sm\">\n                            {{ getActionLabel(grant) }}\n                          </span>\n                          @if (grant.action.isHighRisk) {\n                            <mt-icon\n                              icon=\"alert.alert-triangle\"\n                              styleClass=\"text-sm text-amber-500\"\n                              [pTooltip]=\"t('delegations.scope.highRisk')\"\n                              tooltipPosition=\"top\"\n                            ></mt-icon>\n                          }\n                        </label>\n                      }\n                    </div>\n                  </section>\n                } @empty {\n                  <div class=\"text-xs text-gray-500\">\n                    {{ t(\"delegations.scope.noGrantableOptions\") }}\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-1 rounded-md border border-dashed border-gray-300 bg-surface-50 px-3 py-2\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-xs font-medium text-gray-700\">\n            {{ t(\"delegations.scope.previewTitle\") }}\n          </div>\n          @if (isPreviewing()) {\n            <p-skeleton width=\"6rem\" height=\"0.75rem\"></p-skeleton>\n          }\n        </div>\n        @if (preview(); as p) {\n          @if (p.isValid) {\n            <div class=\"text-sm text-gray-900\">\n              {{\n                getPreviewSummary(p.summary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n          } @else {\n            <div class=\"text-sm text-red-700\">\n              {{ t(\"delegations.scope.previewInvalid\") }}\n            </div>\n          }\n          @if (p.warnings.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-amber-700\">\n              @for (w of p.warnings; track w.message) {\n                <li>{{ w.message }}</li>\n              }\n            </ul>\n          }\n          @if (p.deniedItems.length > 0) {\n            <ul class=\"list-inside list-disc text-xs text-red-700\">\n              @for (d of p.deniedItems; track d.operationKey) {\n                <li>\n                  {{ formatDeniedTarget(d.targetKey) }} /\n                  {{ formatDeniedOperation(d.operationKey) }} -\n                  {{ d.reasonCode }}\n                </li>\n              }\n            </ul>\n          }\n        } @else {\n          <div class=\"text-xs text-gray-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "scope", required: false }] }, { type: i0.Output, args: ["scopeChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], delegatorUserId: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegatorUserId", required: false }] }] } });
 
 const EMPTY_SCOPE = { grants: [], metadata: {} };
+function getCurrentDelegatorFromLocalStorage() {
+    if (typeof localStorage === 'undefined') {
+        return null;
+    }
+    try {
+        const raw = localStorage.getItem('auth');
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== 'object')
+            return null;
+        const state = (parsed['state'] ?? parsed) ||
+            null;
+        const userWrapper = state?.['user'];
+        const user = userWrapper?.['user'] ??
+            userWrapper;
+        if (!user || typeof user !== 'object')
+            return null;
+        const id = user['id'] ??
+            user['userId'];
+        if (!id)
+            return null;
+        const photo = user['photo'];
+        const photoPath = typeof photo === 'string'
+            ? photo
+            : (photo?.fileName ?? null);
+        return {
+            id,
+            userId: id,
+            displayName: user['displayName'] ??
+                user['name'] ??
+                user['userName'] ??
+                '',
+            userName: user['userName'] ?? '',
+            email: user['email'] ?? null,
+            photo: photoPath,
+            isExternal: !!user['isExternal'],
+        };
+    }
+    catch {
+        return null;
+    }
+}
 function extractUserId(value) {
     if (typeof value === 'string') {
         return value.trim() || undefined;
@@ -1560,13 +1774,15 @@ class DelegationForm {
     isSaving = this.facade.isSaving;
     context = new HttpContext().set(REQUEST_CONTEXT, { useBaseUrl: false });
     scope = signal(EMPTY_SCOPE, ...(ngDevMode ? [{ debugName: "scope" }] : /* istanbul ignore next */ []));
-    /** Selected delegator id (admin mode only); drives scope/options + create payload. */
+    currentDelegator = signal(getCurrentDelegatorFromLocalStorage(), ...(ngDevMode ? [{ debugName: "currentDelegator" }] : /* istanbul ignore next */ []));
+    /** Selected delegator id drives scope/options loading and the admin payload. */
     selectedDelegatorId = computed(() => {
-        if (!this.adminMode())
-            return undefined;
-        return extractUserId(this.formValue()?.delegateFrom);
+        if (this.adminMode()) {
+            return extractUserId(this.formValue()?.delegateFrom);
+        }
+        return this.currentDelegator()?.id;
     }, ...(ngDevMode ? [{ debugName: "selectedDelegatorId" }] : /* istanbul ignore next */ []));
-    /** In admin mode the scope picker only loads once a delegator is chosen. */
+    /** Admin mode waits for a chosen delegator; self-service always has one. */
     showScopePicker = computed(() => !this.adminMode() || !!this.selectedDelegatorId(), ...(ngDevMode ? [{ debugName: "showScopePicker" }] : /* istanbul ignore next */ []));
     specificDaysOptions = signal([
         { label: this.transloco.translate('delegations.days.sunday'), value: 0 },
@@ -1585,21 +1801,19 @@ class DelegationForm {
                 bodyClass: 'grid grid-cols-1 gap-4 items-start lg:grid-cols-12',
                 order: 1,
                 fields: [
-                    ...(this.adminMode()
-                        ? [
-                            new UserSearchFieldConfig({
-                                key: 'delegateFrom',
-                                label: this.transloco.translate('delegations.column.delegatorName'),
-                                apiUrl: 'Identity/users',
-                                context: this.context,
-                                validators: [ValidatorConfig.required()],
-                                cssClass: this.halfWidth,
-                                colSpan: 6,
-                                order: 0,
-                                disabled: this.readonly() || !!this.delegationForEdit(),
-                            }),
-                        ]
-                        : []),
+                    new UserSearchFieldConfig({
+                        key: 'delegateFrom',
+                        label: this.transloco.translate('delegations.column.delegatorName'),
+                        apiUrl: 'Identity/users',
+                        context: this.context,
+                        validators: [ValidatorConfig.required()],
+                        cssClass: this.halfWidth,
+                        colSpan: 6,
+                        order: 0,
+                        disabled: this.readonly() ||
+                            !this.adminMode() ||
+                            !!this.delegationForEdit(),
+                    }),
                     new UserSearchFieldConfig({
                         key: 'delegateTo',
                         label: this.transloco.translate('delegations.column.delegatedTo'),
@@ -1699,6 +1913,7 @@ class DelegationForm {
             const d = this.detail();
             if (editing && d && d.row.delegationId === editing.delegationId) {
                 this.delegationFormControl.patchValue({
+                    delegateFrom: this.mapPartyToUserValue(d.row.delegator),
                     delegateTo: d.row.delegatedUser,
                     description: '',
                     delegateFromDateTime: d.row.startsAtUtc,
@@ -1714,12 +1929,26 @@ class DelegationForm {
             }
             else if (!editing) {
                 this.delegationFormControl.reset({
+                    delegateFrom: null,
                     delegationDaysType: 'FullRange',
                     requiresApproval: true,
                 });
                 this.scope.set(EMPTY_SCOPE);
             }
         });
+        effect(() => {
+            const currentDelegator = this.currentDelegator();
+            if (this.adminMode() || this.delegationForEdit() || !currentDelegator) {
+                return;
+            }
+            const existingDelegator = extractUserId(this.delegationFormControl.getRawValue()?.delegateFrom);
+            if (existingDelegator === currentDelegator.id) {
+                return;
+            }
+            this.delegationFormControl.patchValue({
+                delegateFrom: currentDelegator,
+            });
+        });
     }
     ngOnInit() {
         const editing = this.delegationForEdit();
@@ -1773,8 +2002,19 @@ class DelegationForm {
             });
         }
     }
+    mapPartyToUserValue(party) {
+        return {
+            id: party.userId,
+            userId: party.userId,
+            displayName: party.displayName,
+            userName: party.email || party.displayName,
+            email: party.email ?? null,
+            photo: null,
+            isExternal: false,
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationForm, isStandalone: true, selector: "mt-delegation-form", inputs: { delegationForEdit: { classPropertyName: "delegationForEdit", publicName: "delegationForEdit", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, adminMode: { classPropertyName: "adminMode", publicName: "adminMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"\n      'delegation-form-content flex min-w-0 flex-col gap-3 overflow-x-hidden p-4 max-[640px]:p-3 ' +\n      modal.contentClass\n    \"\n  >\n    <mt-dynamic-form\n      [formConfig]=\"formConfig()\"\n      [formControl]=\"delegationFormControl\"\n    />\n\n    <div class=\"mt-2 border-t border-gray-200 pt-3 flex flex-col gap-2\">\n      <h3 class=\"text-sm font-semibold text-gray-800\">\n        {{ t(\"delegations.scope.permissionsTitle\") }}\n      </h3>\n      @if (showScopePicker()) {\n        <mt-scope-picker\n          [(scope)]=\"scope\"\n          [readonly]=\"readonly()\"\n          [delegatorUserId]=\"selectedDelegatorId()\"\n        ></mt-scope-picker>\n      } @else {\n        <p class=\"text-xs text-gray-500\">\n          {{ t(\"delegations.form.selectDelegatorFirst\") }}\n        </p>\n      }\n    </div>\n  </div>\n\n  <div\n    [class]=\"\n      'delegation-form-footer ' +\n      modal.footerClass +\n      ' flex-col gap-2 sm:flex-row sm:items-center sm:justify-end'\n    \"\n  >\n    <mt-button\n      [label]=\"t('delegations.common.cancel')\"\n      variant=\"outlined\"\n      (click)=\"ref.close()\"\n      styleClass=\"w-full sm:w-auto\"\n    />\n    @if (!readonly()) {\n      <mt-button\n        [label]=\"\n          delegationForEdit()\n            ? t('delegations.common.update')\n            : t('delegations.common.create')\n        \"\n        [loading]=\"isSaving()\"\n        [disabled]=\"!delegationFormControl.valid || !canSubmit()\"\n        (click)=\"onSubmit()\"\n        styleClass=\"w-full sm:w-auto\"\n      />\n    }\n  </div>\n</ng-container>\n", styles: [""], 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"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ScopePicker, selector: "mt-scope-picker", inputs: ["scope", "readonly", "delegatorUserId"], outputs: ["scopeChange"] }, { 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: DelegationForm, isStandalone: true, selector: "mt-delegation-form", inputs: { delegationForEdit: { classPropertyName: "delegationForEdit", publicName: "delegationForEdit", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, adminMode: { classPropertyName: "adminMode", publicName: "adminMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"\n      'delegation-form-content flex min-w-0 flex-col gap-4 overflow-x-hidden p-4 max-[640px]:p-3 ' +\n      modal.contentClass\n    \"\n  >\n    <section class=\"delegation-form-section\">\n      <mt-dynamic-form\n        [formConfig]=\"formConfig()\"\n        [formControl]=\"delegationFormControl\"\n      />\n    </section>\n\n    <section class=\"delegation-form-section delegation-form-section--scope\">\n      <header class=\"delegation-form-section__header\">\n        <h3 class=\"delegation-form-section__title\">\n          {{ t(\"delegations.scope.permissionsTitle\") }}\n        </h3>\n        @if (adminMode() && !showScopePicker()) {\n          <p class=\"delegation-form-section__subtitle\">\n            {{ t(\"delegations.form.selectDelegatorFirst\") }}\n          </p>\n        }\n      </header>\n\n      @if (showScopePicker()) {\n        <mt-scope-picker\n          [(scope)]=\"scope\"\n          [readonly]=\"readonly()\"\n          [delegatorUserId]=\"selectedDelegatorId()\"\n        ></mt-scope-picker>\n      } @else {\n        <div class=\"delegation-form-section__empty\">\n          {{ t(\"delegations.form.selectDelegatorFirst\") }}\n        </div>\n      }\n    </section>\n  </div>\n\n  <div\n    [class]=\"\n      'delegation-form-footer ' +\n      modal.footerClass +\n      ' flex-col gap-2 sm:flex-row sm:items-center sm:justify-end'\n    \"\n  >\n    <mt-button\n      [label]=\"t('delegations.common.cancel')\"\n      variant=\"outlined\"\n      (click)=\"ref.close()\"\n      styleClass=\"w-full sm:w-auto\"\n    />\n    @if (!readonly()) {\n      <mt-button\n        [label]=\"\n          delegationForEdit()\n            ? t('delegations.common.update')\n            : t('delegations.common.create')\n        \"\n        [loading]=\"isSaving()\"\n        [disabled]=\"!delegationFormControl.valid || !canSubmit()\"\n        (click)=\"onSubmit()\"\n        styleClass=\"w-full sm:w-auto\"\n      />\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block}.delegation-form-section{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--p-surface-200, #e5e7eb);border-radius:1rem;background:color-mix(in srgb,var(--p-surface-0, #ffffff) 92%,var(--p-primary-50, #eff6ff));padding:1rem}.delegation-form-section--scope{gap:.75rem}.delegation-form-section__header{display:flex;flex-direction:column;gap:.25rem}.delegation-form-section__title{margin:0;font-size:.95rem;font-weight:600;color:var(--p-surface-900, #111827)}.delegation-form-section__subtitle{margin:0;font-size:.8rem;color:var(--p-surface-500, #6b7280)}.delegation-form-section__empty{border:1px dashed var(--p-surface-300, #d1d5db);border-radius:.875rem;background:var(--p-surface-50, #f8fafc);padding:.875rem 1rem;font-size:.85rem;color:var(--p-surface-500, #6b7280)}@media(max-width:640px){.delegation-form-section{border-radius:.875rem;padding:.875rem}}\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"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig", "forcedHiddenFieldKeys", "preserveForcedHiddenValues", "visibleSectionKeys"], outputs: ["runtimeMessagesChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ScopePicker, selector: "mt-scope-picker", inputs: ["scope", "readonly", "delegatorUserId"], outputs: ["scopeChange"] }, { 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: DelegationForm, decorators: [{
             type: Component,
@@ -1785,7 +2025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ReactiveFormsModule,
                         ScopePicker,
                         TranslocoDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"\n      'delegation-form-content flex min-w-0 flex-col gap-3 overflow-x-hidden p-4 max-[640px]:p-3 ' +\n      modal.contentClass\n    \"\n  >\n    <mt-dynamic-form\n      [formConfig]=\"formConfig()\"\n      [formControl]=\"delegationFormControl\"\n    />\n\n    <div class=\"mt-2 border-t border-gray-200 pt-3 flex flex-col gap-2\">\n      <h3 class=\"text-sm font-semibold text-gray-800\">\n        {{ t(\"delegations.scope.permissionsTitle\") }}\n      </h3>\n      @if (showScopePicker()) {\n        <mt-scope-picker\n          [(scope)]=\"scope\"\n          [readonly]=\"readonly()\"\n          [delegatorUserId]=\"selectedDelegatorId()\"\n        ></mt-scope-picker>\n      } @else {\n        <p class=\"text-xs text-gray-500\">\n          {{ t(\"delegations.form.selectDelegatorFirst\") }}\n        </p>\n      }\n    </div>\n  </div>\n\n  <div\n    [class]=\"\n      'delegation-form-footer ' +\n      modal.footerClass +\n      ' flex-col gap-2 sm:flex-row sm:items-center sm:justify-end'\n    \"\n  >\n    <mt-button\n      [label]=\"t('delegations.common.cancel')\"\n      variant=\"outlined\"\n      (click)=\"ref.close()\"\n      styleClass=\"w-full sm:w-auto\"\n    />\n    @if (!readonly()) {\n      <mt-button\n        [label]=\"\n          delegationForEdit()\n            ? t('delegations.common.update')\n            : t('delegations.common.create')\n        \"\n        [loading]=\"isSaving()\"\n        [disabled]=\"!delegationFormControl.valid || !canSubmit()\"\n        (click)=\"onSubmit()\"\n        styleClass=\"w-full sm:w-auto\"\n      />\n    }\n  </div>\n</ng-container>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"\n      'delegation-form-content flex min-w-0 flex-col gap-4 overflow-x-hidden p-4 max-[640px]:p-3 ' +\n      modal.contentClass\n    \"\n  >\n    <section class=\"delegation-form-section\">\n      <mt-dynamic-form\n        [formConfig]=\"formConfig()\"\n        [formControl]=\"delegationFormControl\"\n      />\n    </section>\n\n    <section class=\"delegation-form-section delegation-form-section--scope\">\n      <header class=\"delegation-form-section__header\">\n        <h3 class=\"delegation-form-section__title\">\n          {{ t(\"delegations.scope.permissionsTitle\") }}\n        </h3>\n        @if (adminMode() && !showScopePicker()) {\n          <p class=\"delegation-form-section__subtitle\">\n            {{ t(\"delegations.form.selectDelegatorFirst\") }}\n          </p>\n        }\n      </header>\n\n      @if (showScopePicker()) {\n        <mt-scope-picker\n          [(scope)]=\"scope\"\n          [readonly]=\"readonly()\"\n          [delegatorUserId]=\"selectedDelegatorId()\"\n        ></mt-scope-picker>\n      } @else {\n        <div class=\"delegation-form-section__empty\">\n          {{ t(\"delegations.form.selectDelegatorFirst\") }}\n        </div>\n      }\n    </section>\n  </div>\n\n  <div\n    [class]=\"\n      'delegation-form-footer ' +\n      modal.footerClass +\n      ' flex-col gap-2 sm:flex-row sm:items-center sm:justify-end'\n    \"\n  >\n    <mt-button\n      [label]=\"t('delegations.common.cancel')\"\n      variant=\"outlined\"\n      (click)=\"ref.close()\"\n      styleClass=\"w-full sm:w-auto\"\n    />\n    @if (!readonly()) {\n      <mt-button\n        [label]=\"\n          delegationForEdit()\n            ? t('delegations.common.update')\n            : t('delegations.common.create')\n        \"\n        [loading]=\"isSaving()\"\n        [disabled]=\"!delegationFormControl.valid || !canSubmit()\"\n        (click)=\"onSubmit()\"\n        styleClass=\"w-full sm:w-auto\"\n      />\n    }\n  </div>\n</ng-container>\n", styles: [":host{display:block}.delegation-form-section{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--p-surface-200, #e5e7eb);border-radius:1rem;background:color-mix(in srgb,var(--p-surface-0, #ffffff) 92%,var(--p-primary-50, #eff6ff));padding:1rem}.delegation-form-section--scope{gap:.75rem}.delegation-form-section__header{display:flex;flex-direction:column;gap:.25rem}.delegation-form-section__title{margin:0;font-size:.95rem;font-weight:600;color:var(--p-surface-900, #111827)}.delegation-form-section__subtitle{margin:0;font-size:.8rem;color:var(--p-surface-500, #6b7280)}.delegation-form-section__empty{border:1px dashed var(--p-surface-300, #d1d5db);border-radius:.875rem;background:var(--p-surface-50, #f8fafc);padding:.875rem 1rem;font-size:.85rem;color:var(--p-surface-500, #6b7280)}@media(max-width:640px){.delegation-form-section{border-radius:.875rem;padding:.875rem}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { delegationForEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegationForEdit", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], adminMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "adminMode", required: false }] }] } });
 
 /**
@@ -1858,6 +2098,11 @@ class DelegationsList {
      * `withComponentInputBinding()` — admin passes `data: { adminMode: true }`.
      */
     adminMode = input(false, ...(ngDevMode ? [{ debugName: "adminMode" }] : /* istanbul ignore next */ []));
+    surfaceTitleKey = input('delegations.title', ...(ngDevMode ? [{ debugName: "surfaceTitleKey" }] : /* istanbul ignore next */ []));
+    assignedTabLabelKey = input('delegations.delegatedToMe', ...(ngDevMode ? [{ debugName: "assignedTabLabelKey" }] : /* istanbul ignore next */ []));
+    assignedDecisionTab = input(false, ...(ngDevMode ? [{ debugName: "assignedDecisionTab" }] : /* istanbul ignore next */ []));
+    assignedEmptyStateKey = input('delegations.empty.assigned', ...(ngDevMode ? [{ debugName: "assignedEmptyStateKey" }] : /* istanbul ignore next */ []));
+    assignedStatus = input(null, ...(ngDevMode ? [{ debugName: "assignedStatus" }] : /* istanbul ignore next */ []));
     facade = inject(DelegationsFacade);
     modal = inject(ModalService);
     transloco = inject(TranslocoService);
@@ -1876,25 +2121,39 @@ class DelegationsList {
         },
     ], ...(ngDevMode ? [{ debugName: "breadcrumbItems" }] : /* istanbul ignore next */ []));
     activeTab = signal('my', ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
-    tabs = signal([
+    surfaceTitle = computed(() => this.transloco.translate(this.surfaceTitleKey()), ...(ngDevMode ? [{ debugName: "surfaceTitle" }] : /* istanbul ignore next */ []));
+    tabs = computed(() => [
         {
             value: 'my',
             label: this.transloco.translate('delegations.myDelegations'),
         },
         {
             value: 'assigned',
-            label: this.transloco.translate('delegations.delegatedToMe'),
+            label: this.assignedDecisionTab()
+                ? `${this.transloco.translate('delegations.action.approve')} / ${this.transloco.translate('delegations.action.reject')}`
+                : this.transloco.translate(this.assignedTabLabelKey()),
         },
     ], ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
-    isLoading = computed(() => this.activeTab() === 'my'
-        ? this.facade.isLoadingMy()
-        : this.facade.isLoadingAssigned(), ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    isLoading = computed(() => this.adminMode()
+        ? this.facade.isLoadingAdmin()
+        : this.activeTab() === 'my'
+            ? this.facade.isLoadingMy()
+            : this.facade.isLoadingAssigned(), ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
     scopeOptions = this.facade.scopeOptions;
-    rows = computed(() => this.activeTab() === 'my'
-        ? this.facade.myItems()
-        : this.facade.assignedItems(), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    rows = computed(() => this.adminMode()
+        ? this.facade.adminItems()
+        : this.activeTab() === 'my'
+            ? this.facade.myItems()
+            : this.facade.assignedItems(), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    emptyStateKey = computed(() => this.adminMode()
+        ? 'components.table.no-data-found'
+        : this.activeTab() === 'my'
+            ? 'delegations.empty.my'
+            : this.assignedEmptyStateKey(), ...(ngDevMode ? [{ debugName: "emptyStateKey" }] : /* istanbul ignore next */ []));
     statusCol = viewChild.required('statusCol');
     userCol = viewChild.required('userCol');
+    delegatorCol = viewChild.required('delegatorCol');
+    delegatedUserCol = viewChild.required('delegatedUserCol');
     scopeCol = viewChild.required('scopeCol');
     daysCol = viewChild.required('daysCol');
     canCreate = computed(() => {
@@ -1964,56 +2223,80 @@ class DelegationsList {
             hidden: (row) => !this.has(row, 'StartSession'),
         },
     ], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-    tableColumns = linkedSignal(() => [
-        {
-            key: 'effectiveStatus',
-            label: this.transloco.translate('delegations.column.status'),
-            type: 'custom',
-            customCellTpl: this.statusCol(),
-            width: '10rem',
-        },
-        {
-            key: this.activeTab() === 'my' ? 'delegatedUser' : 'delegator',
-            label: this.transloco.translate(this.activeTab() === 'my'
-                ? 'delegations.column.delegatedTo'
-                : 'delegations.column.delegatorName'),
-            type: 'custom',
-            customCellTpl: this.userCol(),
-            width: '16rem',
-        },
-        {
-            key: 'scopeSummary',
-            label: this.transloco.translate('delegations.column.scopeSummary'),
-            type: 'custom',
-            customCellTpl: this.scopeCol(),
-            width: '16rem',
-        },
-        {
-            key: 'startsAtUtc',
-            label: this.transloco.translate('delegations.column.startDate'),
-            type: 'dateTime',
-            width: '11rem',
-        },
-        {
-            key: 'endsAtUtc',
-            label: this.transloco.translate('delegations.column.endDate'),
-            type: 'dateTime',
-            width: '11rem',
-        },
-        {
-            key: 'createdAtUtc',
-            label: this.transloco.translate('delegations.column.createdDate'),
-            type: 'dateTime',
-            width: '11rem',
-        },
-        {
-            key: 'dayRuleMode',
-            label: this.transloco.translate('delegations.column.days'),
-            type: 'custom',
-            customCellTpl: this.daysCol(),
-            width: '12rem',
-        },
-    ], ...(ngDevMode ? [{ debugName: "tableColumns" }] : /* istanbul ignore next */ []));
+    tableColumns = linkedSignal(() => {
+        const baseColumns = [
+            {
+                key: 'effectiveStatus',
+                label: this.transloco.translate('delegations.column.status'),
+                type: 'custom',
+                customCellTpl: this.statusCol(),
+                width: '10rem',
+            },
+            {
+                key: 'scopeSummary',
+                label: this.transloco.translate('delegations.column.scopeSummary'),
+                type: 'custom',
+                customCellTpl: this.scopeCol(),
+                width: '18rem',
+            },
+            {
+                key: 'startsAtUtc',
+                label: this.transloco.translate('delegations.column.startDate'),
+                type: 'dateTime',
+                width: '11rem',
+            },
+            {
+                key: 'endsAtUtc',
+                label: this.transloco.translate('delegations.column.endDate'),
+                type: 'dateTime',
+                width: '11rem',
+            },
+            {
+                key: 'createdAtUtc',
+                label: this.transloco.translate('delegations.column.createdDate'),
+                type: 'dateTime',
+                width: '11rem',
+            },
+            {
+                key: 'dayRuleMode',
+                label: this.transloco.translate('delegations.column.days'),
+                type: 'custom',
+                customCellTpl: this.daysCol(),
+                width: '12rem',
+            },
+        ];
+        if (this.adminMode()) {
+            return [
+                {
+                    key: 'delegator',
+                    label: this.transloco.translate('delegations.column.delegatorName'),
+                    type: 'custom',
+                    customCellTpl: this.delegatorCol(),
+                    width: '16rem',
+                },
+                {
+                    key: 'delegatedUser',
+                    label: this.transloco.translate('delegations.column.delegatedTo'),
+                    type: 'custom',
+                    customCellTpl: this.delegatedUserCol(),
+                    width: '16rem',
+                },
+                ...baseColumns,
+            ];
+        }
+        return [
+            {
+                key: this.activeTab() === 'my' ? 'delegatedUser' : 'delegator',
+                label: this.transloco.translate(this.activeTab() === 'my'
+                    ? 'delegations.column.delegatedTo'
+                    : 'delegations.column.delegatorName'),
+                type: 'custom',
+                customCellTpl: this.userCol(),
+                width: '16rem',
+            },
+            ...baseColumns,
+        ];
+    }, ...(ngDevMode ? [{ debugName: "tableColumns" }] : /* istanbul ignore next */ []));
     busyIds = signal([], ...(ngDevMode ? [{ debugName: "busyIds" }] : /* istanbul ignore next */ []));
     weekdayKeys = [
         'sunday',
@@ -2035,11 +2318,18 @@ class DelegationsList {
         this.loadCurrentTab();
     }
     loadCurrentTab(query = { page: 1, pageSize: 25 }) {
+        if (this.adminMode()) {
+            this.facade.getAdmin(query);
+            return;
+        }
         if (this.activeTab() === 'my') {
             this.facade.getMy(query);
         }
         else {
-            this.facade.getAssigned(query);
+            this.facade.getAssigned({
+                ...query,
+                status: query.status ?? this.assignedStatus() ?? undefined,
+            });
         }
     }
     reloadCurrentTab() {
@@ -2060,6 +2350,9 @@ class DelegationsList {
     formatScopeSummary(value) {
         return formatDelegationScopeSummary(value, this.transloco.getActiveLang());
     }
+    getListedParty(row) {
+        return this.activeTab() === 'my' ? row.delegatedUser : row.delegator;
+    }
     viewDetails(row) {
         this.modal.openModal(DelegationDetailDrawer, 'drawer', {
             header: this.transloco.translate('delegations.action.view'),
@@ -2115,7 +2408,7 @@ class DelegationsList {
     cancel(row) {
         this.mark(`cancel:${row.delegationId}`, true);
         this.facade
-            .cancel(row.delegationId, row.rowVersion)
+            .cancel(row.delegationId, row.rowVersion, this.adminMode())
             .pipe(finalize(() => this.mark(`cancel:${row.delegationId}`, false)))
             .subscribe({ next: () => this.reloadCurrentTab() });
     }
@@ -2136,7 +2429,7 @@ class DelegationsList {
         this.busyIds.update((ids) => on ? [...ids, key] : ids.filter((id) => id !== key));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationsList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationsList, isStandalone: true, selector: "mt-delegations-list", inputs: { showBreadcrumb: { classPropertyName: "showBreadcrumb", publicName: "showBreadcrumb", isSignal: true, isRequired: false, transformFunction: null }, adminMode: { classPropertyName: "adminMode", publicName: "adminMode", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "statusCol", first: true, predicate: ["statusCol"], descendants: true, isSignal: true }, { propertyName: "userCol", first: true, predicate: ["userCol"], descendants: true, isSignal: true }, { propertyName: "scopeCol", first: true, predicate: ["scopeCol"], descendants: true, isSignal: true }, { propertyName: "daysCol", first: true, predicate: ["daysCol"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex flex-col h-full gap-2 p-4\">\n    @if (showBreadcrumb()) {\n      <mt-breadcrumb [items]=\"breadcrumbItems()\"></mt-breadcrumb>\n    }\n\n    <div class=\"flex items-center gap-2 border-b border-gray-200\">\n      @for (tab of tabs(); track tab.value) {\n        <button\n          type=\"button\"\n          class=\"px-4 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n          [class.border-primary]=\"activeTab() === tab.value\"\n          [class.text-primary]=\"activeTab() === tab.value\"\n          [class.border-transparent]=\"activeTab() !== tab.value\"\n          [class.text-gray-500]=\"activeTab() !== tab.value\"\n          (click)=\"switchTab(tab.value)\"\n        >\n          {{ tab.label }}\n        </button>\n      }\n    </div>\n\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"tableColumns()\"\n      [actions]=\"tableActions()\"\n      [rowActions]=\"rowActions()\"\n      [freezeActions]=\"true\"\n      [loading]=\"isLoading()\"\n    >\n      <ng-template #statusCol let-row>\n        <mt-delegation-status-chip\n          [status]=\"row.effectiveStatus\"\n        ></mt-delegation-status-chip>\n      </ng-template>\n\n      <ng-template #userCol let-row>\n        @let party = activeTab() === \"my\" ? row.delegatedUser : row.delegator;\n        <div class=\"flex items-center gap-2\">\n          <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-sm text-gray-900 truncate\">\n              {{ party?.displayName }}\n            </span>\n            @if (party?.email) {\n              <span class=\"text-xs text-gray-500 truncate\">\n                {{ party.email }}\n              </span>\n            }\n          </div>\n        </div>\n      </ng-template>\n\n      <ng-template #scopeCol let-row>\n        @let summary = formatScopeSummary(row.scopeSummary);\n        <span class=\"text-sm text-gray-700\" [title]=\"summary\">\n          {{ summary || \"\u2014\" }}\n        </span>\n      </ng-template>\n\n      <ng-template #daysCol let-row>\n        <span class=\"text-sm text-gray-700\">{{ formatDays(row) }}</span>\n      </ng-template>\n    </mt-table>\n  </div>\n</ng-container>\n", styles: [":host{display:block;min-width:0}:host ::ng-deep mt-table .p-datatable-table{min-width:72rem}:host ::ng-deep mt-table .p-datatable-header>div,:host ::ng-deep mt-table .p-datatable-header>div>div{gap:.75rem;min-width:0;flex-wrap:wrap}:host ::ng-deep mt-table .p-datatable-header mt-tabs{display:block;max-width:100%;overflow-x:auto;padding-bottom:.25rem}:host ::ng-deep mt-table .p-datatable-header mt-text-field{display:block;flex:1 1 16rem;min-width:min(100%,16rem)}:host ::ng-deep mt-table .p-datatable-header .p-inputtext,:host ::ng-deep mt-table .p-datatable-header .p-inputwrapper,:host ::ng-deep mt-table .p-datatable-header .p-selectbutton{width:100%;max-width:100%}@media(max-width:1024px){:host ::ng-deep mt-table .p-datatable-header>div{flex-direction:column;align-items:stretch}:host ::ng-deep mt-table .p-datatable-header>div>div{width:100%;justify-content:flex-start}:host ::ng-deep mt-table .p-datatable-header mt-text-field{flex-basis:100%;min-width:0}}@media(max-width:768px){:host ::ng-deep mt-table .p-datatable-table{min-width:64rem}}\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: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "printable", "groupable", "cellClickFilter", "freezeActions", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationsList, isStandalone: true, selector: "mt-delegations-list", inputs: { showBreadcrumb: { classPropertyName: "showBreadcrumb", publicName: "showBreadcrumb", isSignal: true, isRequired: false, transformFunction: null }, adminMode: { classPropertyName: "adminMode", publicName: "adminMode", isSignal: true, isRequired: false, transformFunction: null }, surfaceTitleKey: { classPropertyName: "surfaceTitleKey", publicName: "surfaceTitleKey", isSignal: true, isRequired: false, transformFunction: null }, assignedTabLabelKey: { classPropertyName: "assignedTabLabelKey", publicName: "assignedTabLabelKey", isSignal: true, isRequired: false, transformFunction: null }, assignedDecisionTab: { classPropertyName: "assignedDecisionTab", publicName: "assignedDecisionTab", isSignal: true, isRequired: false, transformFunction: null }, assignedEmptyStateKey: { classPropertyName: "assignedEmptyStateKey", publicName: "assignedEmptyStateKey", isSignal: true, isRequired: false, transformFunction: null }, assignedStatus: { classPropertyName: "assignedStatus", publicName: "assignedStatus", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "statusCol", first: true, predicate: ["statusCol"], descendants: true, isSignal: true }, { propertyName: "userCol", first: true, predicate: ["userCol"], descendants: true, isSignal: true }, { propertyName: "delegatorCol", first: true, predicate: ["delegatorCol"], descendants: true, isSignal: true }, { propertyName: "delegatedUserCol", first: true, predicate: ["delegatedUserCol"], descendants: true, isSignal: true }, { propertyName: "scopeCol", first: true, predicate: ["scopeCol"], descendants: true, isSignal: true }, { propertyName: "daysCol", first: true, predicate: ["daysCol"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex h-full flex-col gap-4 p-4\">\n    @if (showBreadcrumb()) {\n      <mt-breadcrumb [items]=\"breadcrumbItems()\"></mt-breadcrumb>\n    }\n\n    <mt-card [title]=\"surfaceTitle()\">\n      <div class=\"flex flex-col gap-4\">\n        @if (!adminMode()) {\n          <div class=\"flex items-center gap-2 border-b border-gray-200\">\n            @for (tab of tabs(); track tab.value) {\n              <button\n                type=\"button\"\n                class=\"px-4 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n                [class.border-primary]=\"activeTab() === tab.value\"\n                [class.text-primary]=\"activeTab() === tab.value\"\n                [class.border-transparent]=\"activeTab() !== tab.value\"\n                [class.text-gray-500]=\"activeTab() !== tab.value\"\n                (click)=\"switchTab(tab.value)\"\n              >\n                {{ tab.label }}\n              </button>\n            }\n          </div>\n        }\n\n        <mt-table\n          [data]=\"rows()\"\n          [columns]=\"tableColumns()\"\n          [actions]=\"tableActions()\"\n          [rowActions]=\"rowActions()\"\n          [freezeActions]=\"true\"\n          [loading]=\"isLoading()\"\n          [noCard]=\"true\"\n        >\n          <ng-template #statusCol let-row>\n            <mt-delegation-status-chip\n              [status]=\"row.effectiveStatus\"\n            ></mt-delegation-status-chip>\n          </ng-template>\n\n          <ng-template #userCol let-row>\n            @let party = getListedParty(row);\n            <div class=\"flex items-center gap-2\">\n              <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n              <div class=\"flex min-w-0 flex-col\">\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ party?.displayName }}\n                </span>\n                @if (party?.email) {\n                  <span class=\"truncate text-xs text-gray-500\">\n                    {{ party.email }}\n                  </span>\n                }\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template #delegatorCol let-row>\n            <div class=\"flex items-center gap-2\">\n              <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n              <div class=\"flex min-w-0 flex-col\">\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ row.delegator?.displayName }}\n                </span>\n                @if (row.delegator?.email) {\n                  <span class=\"truncate text-xs text-gray-500\">\n                    {{ row.delegator.email }}\n                  </span>\n                }\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template #delegatedUserCol let-row>\n            <div class=\"flex items-center gap-2\">\n              <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n              <div class=\"flex min-w-0 flex-col\">\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ row.delegatedUser?.displayName }}\n                </span>\n                @if (row.delegatedUser?.email) {\n                  <span class=\"truncate text-xs text-gray-500\">\n                    {{ row.delegatedUser.email }}\n                  </span>\n                }\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template #scopeCol let-row>\n            @let summary = formatScopeSummary(row.scopeSummary);\n            <span class=\"text-sm text-gray-700\" [title]=\"summary\">\n              {{ summary || \"--\" }}\n            </span>\n          </ng-template>\n\n          <ng-template #daysCol let-row>\n            <span class=\"text-sm text-gray-700\">{{ formatDays(row) }}</span>\n          </ng-template>\n\n          <ng-template #empty>\n            <p class=\"text-sm text-surface-500\">\n              {{ t(emptyStateKey()) }}\n            </p>\n          </ng-template>\n        </mt-table>\n      </div>\n    </mt-card>\n  </div>\n</ng-container>\n", styles: [":host{display:block;min-width:0}:host ::ng-deep mt-table .p-datatable-table{min-width:72rem}:host ::ng-deep mt-table .p-datatable-header>div,:host ::ng-deep mt-table .p-datatable-header>div>div{gap:.75rem;min-width:0;flex-wrap:wrap}:host ::ng-deep mt-table .p-datatable-header mt-tabs{display:block;max-width:100%;overflow-x:auto;padding-bottom:.25rem}:host ::ng-deep mt-table .p-datatable-header mt-text-field{display:block;flex:1 1 16rem;min-width:min(100%,16rem)}:host ::ng-deep mt-table .p-datatable-header .p-inputtext,:host ::ng-deep mt-table .p-datatable-header .p-inputwrapper,:host ::ng-deep mt-table .p-datatable-header .p-selectbutton{width:100%;max-width:100%}@media(max-width:1024px){:host ::ng-deep mt-table .p-datatable-header>div{flex-direction:column;align-items:stretch}:host ::ng-deep mt-table .p-datatable-header>div>div{width:100%;justify-content:flex-start}:host ::ng-deep mt-table .p-datatable-header mt-text-field{flex-basis:100%;min-width:0}}@media(max-width:768px){:host ::ng-deep mt-table .p-datatable-table{min-width:64rem}}\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: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "printable", "groupable", "cellClickFilter", "freezeActions", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationsList, decorators: [{
             type: Component,
@@ -2144,11 +2437,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         CommonModule,
                         Avatar,
                         Breadcrumb,
+                        Card,
                         Table,
                         TranslocoDirective,
                         DelegationStatusChip,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex flex-col h-full gap-2 p-4\">\n    @if (showBreadcrumb()) {\n      <mt-breadcrumb [items]=\"breadcrumbItems()\"></mt-breadcrumb>\n    }\n\n    <div class=\"flex items-center gap-2 border-b border-gray-200\">\n      @for (tab of tabs(); track tab.value) {\n        <button\n          type=\"button\"\n          class=\"px-4 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n          [class.border-primary]=\"activeTab() === tab.value\"\n          [class.text-primary]=\"activeTab() === tab.value\"\n          [class.border-transparent]=\"activeTab() !== tab.value\"\n          [class.text-gray-500]=\"activeTab() !== tab.value\"\n          (click)=\"switchTab(tab.value)\"\n        >\n          {{ tab.label }}\n        </button>\n      }\n    </div>\n\n    <mt-table\n      [data]=\"rows()\"\n      [columns]=\"tableColumns()\"\n      [actions]=\"tableActions()\"\n      [rowActions]=\"rowActions()\"\n      [freezeActions]=\"true\"\n      [loading]=\"isLoading()\"\n    >\n      <ng-template #statusCol let-row>\n        <mt-delegation-status-chip\n          [status]=\"row.effectiveStatus\"\n        ></mt-delegation-status-chip>\n      </ng-template>\n\n      <ng-template #userCol let-row>\n        @let party = activeTab() === \"my\" ? row.delegatedUser : row.delegator;\n        <div class=\"flex items-center gap-2\">\n          <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n          <div class=\"flex flex-col min-w-0\">\n            <span class=\"text-sm text-gray-900 truncate\">\n              {{ party?.displayName }}\n            </span>\n            @if (party?.email) {\n              <span class=\"text-xs text-gray-500 truncate\">\n                {{ party.email }}\n              </span>\n            }\n          </div>\n        </div>\n      </ng-template>\n\n      <ng-template #scopeCol let-row>\n        @let summary = formatScopeSummary(row.scopeSummary);\n        <span class=\"text-sm text-gray-700\" [title]=\"summary\">\n          {{ summary || \"\u2014\" }}\n        </span>\n      </ng-template>\n\n      <ng-template #daysCol let-row>\n        <span class=\"text-sm text-gray-700\">{{ formatDays(row) }}</span>\n      </ng-template>\n    </mt-table>\n  </div>\n</ng-container>\n", styles: [":host{display:block;min-width:0}:host ::ng-deep mt-table .p-datatable-table{min-width:72rem}:host ::ng-deep mt-table .p-datatable-header>div,:host ::ng-deep mt-table .p-datatable-header>div>div{gap:.75rem;min-width:0;flex-wrap:wrap}:host ::ng-deep mt-table .p-datatable-header mt-tabs{display:block;max-width:100%;overflow-x:auto;padding-bottom:.25rem}:host ::ng-deep mt-table .p-datatable-header mt-text-field{display:block;flex:1 1 16rem;min-width:min(100%,16rem)}:host ::ng-deep mt-table .p-datatable-header .p-inputtext,:host ::ng-deep mt-table .p-datatable-header .p-inputwrapper,:host ::ng-deep mt-table .p-datatable-header .p-selectbutton{width:100%;max-width:100%}@media(max-width:1024px){:host ::ng-deep mt-table .p-datatable-header>div{flex-direction:column;align-items:stretch}:host ::ng-deep mt-table .p-datatable-header>div>div{width:100%;justify-content:flex-start}:host ::ng-deep mt-table .p-datatable-header mt-text-field{flex-basis:100%;min-width:0}}@media(max-width:768px){:host ::ng-deep mt-table .p-datatable-table{min-width:64rem}}\n"] }]
-        }], propDecorators: { showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], adminMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "adminMode", required: false }] }], statusCol: [{ type: i0.ViewChild, args: ['statusCol', { isSignal: true }] }], userCol: [{ type: i0.ViewChild, args: ['userCol', { isSignal: true }] }], scopeCol: [{ type: i0.ViewChild, args: ['scopeCol', { isSignal: true }] }], daysCol: [{ type: i0.ViewChild, args: ['daysCol', { isSignal: true }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex h-full flex-col gap-4 p-4\">\n    @if (showBreadcrumb()) {\n      <mt-breadcrumb [items]=\"breadcrumbItems()\"></mt-breadcrumb>\n    }\n\n    <mt-card [title]=\"surfaceTitle()\">\n      <div class=\"flex flex-col gap-4\">\n        @if (!adminMode()) {\n          <div class=\"flex items-center gap-2 border-b border-gray-200\">\n            @for (tab of tabs(); track tab.value) {\n              <button\n                type=\"button\"\n                class=\"px-4 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n                [class.border-primary]=\"activeTab() === tab.value\"\n                [class.text-primary]=\"activeTab() === tab.value\"\n                [class.border-transparent]=\"activeTab() !== tab.value\"\n                [class.text-gray-500]=\"activeTab() !== tab.value\"\n                (click)=\"switchTab(tab.value)\"\n              >\n                {{ tab.label }}\n              </button>\n            }\n          </div>\n        }\n\n        <mt-table\n          [data]=\"rows()\"\n          [columns]=\"tableColumns()\"\n          [actions]=\"tableActions()\"\n          [rowActions]=\"rowActions()\"\n          [freezeActions]=\"true\"\n          [loading]=\"isLoading()\"\n          [noCard]=\"true\"\n        >\n          <ng-template #statusCol let-row>\n            <mt-delegation-status-chip\n              [status]=\"row.effectiveStatus\"\n            ></mt-delegation-status-chip>\n          </ng-template>\n\n          <ng-template #userCol let-row>\n            @let party = getListedParty(row);\n            <div class=\"flex items-center gap-2\">\n              <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n              <div class=\"flex min-w-0 flex-col\">\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ party?.displayName }}\n                </span>\n                @if (party?.email) {\n                  <span class=\"truncate text-xs text-gray-500\">\n                    {{ party.email }}\n                  </span>\n                }\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template #delegatorCol let-row>\n            <div class=\"flex items-center gap-2\">\n              <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n              <div class=\"flex min-w-0 flex-col\">\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ row.delegator?.displayName }}\n                </span>\n                @if (row.delegator?.email) {\n                  <span class=\"truncate text-xs text-gray-500\">\n                    {{ row.delegator.email }}\n                  </span>\n                }\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template #delegatedUserCol let-row>\n            <div class=\"flex items-center gap-2\">\n              <mt-avatar icon=\"user.user-01\" styleClass=\"w-8! h-8!\"></mt-avatar>\n              <div class=\"flex min-w-0 flex-col\">\n                <span class=\"truncate text-sm text-gray-900\">\n                  {{ row.delegatedUser?.displayName }}\n                </span>\n                @if (row.delegatedUser?.email) {\n                  <span class=\"truncate text-xs text-gray-500\">\n                    {{ row.delegatedUser.email }}\n                  </span>\n                }\n              </div>\n            </div>\n          </ng-template>\n\n          <ng-template #scopeCol let-row>\n            @let summary = formatScopeSummary(row.scopeSummary);\n            <span class=\"text-sm text-gray-700\" [title]=\"summary\">\n              {{ summary || \"--\" }}\n            </span>\n          </ng-template>\n\n          <ng-template #daysCol let-row>\n            <span class=\"text-sm text-gray-700\">{{ formatDays(row) }}</span>\n          </ng-template>\n\n          <ng-template #empty>\n            <p class=\"text-sm text-surface-500\">\n              {{ t(emptyStateKey()) }}\n            </p>\n          </ng-template>\n        </mt-table>\n      </div>\n    </mt-card>\n  </div>\n</ng-container>\n", styles: [":host{display:block;min-width:0}:host ::ng-deep mt-table .p-datatable-table{min-width:72rem}:host ::ng-deep mt-table .p-datatable-header>div,:host ::ng-deep mt-table .p-datatable-header>div>div{gap:.75rem;min-width:0;flex-wrap:wrap}:host ::ng-deep mt-table .p-datatable-header mt-tabs{display:block;max-width:100%;overflow-x:auto;padding-bottom:.25rem}:host ::ng-deep mt-table .p-datatable-header mt-text-field{display:block;flex:1 1 16rem;min-width:min(100%,16rem)}:host ::ng-deep mt-table .p-datatable-header .p-inputtext,:host ::ng-deep mt-table .p-datatable-header .p-inputwrapper,:host ::ng-deep mt-table .p-datatable-header .p-selectbutton{width:100%;max-width:100%}@media(max-width:1024px){:host ::ng-deep mt-table .p-datatable-header>div{flex-direction:column;align-items:stretch}:host ::ng-deep mt-table .p-datatable-header>div>div{width:100%;justify-content:flex-start}:host ::ng-deep mt-table .p-datatable-header mt-text-field{flex-basis:100%;min-width:0}}@media(max-width:768px){:host ::ng-deep mt-table .p-datatable-table{min-width:64rem}}\n"] }]
+        }], propDecorators: { showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], adminMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "adminMode", required: false }] }], surfaceTitleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "surfaceTitleKey", required: false }] }], assignedTabLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "assignedTabLabelKey", required: false }] }], assignedDecisionTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "assignedDecisionTab", required: false }] }], assignedEmptyStateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "assignedEmptyStateKey", required: false }] }], assignedStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "assignedStatus", required: false }] }], statusCol: [{ type: i0.ViewChild, args: ['statusCol', { isSignal: true }] }], userCol: [{ type: i0.ViewChild, args: ['userCol', { isSignal: true }] }], delegatorCol: [{ type: i0.ViewChild, args: ['delegatorCol', { isSignal: true }] }], delegatedUserCol: [{ type: i0.ViewChild, args: ['delegatedUserCol', { isSignal: true }] }], scopeCol: [{ type: i0.ViewChild, args: ['scopeCol', { isSignal: true }] }], daysCol: [{ type: i0.ViewChild, args: ['daysCol', { isSignal: true }] }] } });
 
 /**
  * Endpoints that must NEVER carry the `app-delegation` header.
@@ -2181,5 +2475,5 @@ const appDelegationInterceptor = (req, next) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ApproveDelegation, CancelDelegation, ClearDelegationDetail, ClearScopePreview, CreateDelegationLegacy, CreateDelegationV2, DelegationDetailDrawer, DelegationForm, DelegationSessionActionKey, DelegationSessionFacade, DelegationSessionState, DelegationStatusChip, Delegations, DelegationsActionKey, DelegationsFacade, DelegationsList, DelegationsState, EndDelegationSession, GetActiveAssignedDelegations, GetAssignedDelegations, GetDelegationDetail, GetMyDelegations, GetScopeOptions, LoadDelegationCandidates, PreviewScope, RejectDelegation, RejectDelegationDialog, ScopePicker, StartDelegationSession, StartSessionDialog, SwitchDelegationSession, TopbarDelegationMenu, UpdateDelegationLegacy, UpdateDelegationV2, appDelegationInterceptor };
+export { ApproveDelegation, CancelDelegation, ClearDelegationDetail, ClearScopePreview, CreateDelegationLegacy, CreateDelegationV2, DelegationDetailDrawer, DelegationForm, DelegationSessionActionKey, DelegationSessionFacade, DelegationSessionState, DelegationStatusChip, Delegations, DelegationsActionKey, DelegationsFacade, DelegationsList, DelegationsState, EndDelegationSession, GetActiveAssignedDelegations, GetAdminDelegations, GetAssignedDelegations, GetDelegationDetail, GetMyDelegations, GetScopeOptions, LoadDelegationCandidates, PreviewScope, RejectDelegation, RejectDelegationDialog, ScopePicker, StartDelegationSession, StartSessionDialog, SwitchDelegationSession, TopbarDelegationMenu, UpdateDelegationLegacy, UpdateDelegationV2, appDelegationInterceptor };
 //# sourceMappingURL=masterteam-delegations.mjs.map