@masterteam/delegations 0.0.23 → 0.0.24

package/fesm2022/masterteam-delegations.mjs

@@ -557,9 +557,11 @@ class GetActiveAssignedDelegations {
 }
 class GetDelegationDetail {
     id;
+    asAdmin;
     static type = '[Delegations] Get Delegation Detail';
-    constructor(id) {
+    constructor(id, asAdmin = false) {
         this.id = id;
+        this.asAdmin = asAdmin;
     }
 }
 class ClearDelegationDetail {
@@ -570,16 +572,20 @@ class ClearDelegationDetail {
 // ---------------------------------------------------------------------------
 class GetScopeOptions {
     delegatorUserId;
+    asAdmin;
     static type = '[Delegations] Get Scope Options';
-    constructor(delegatorUserId) {
+    constructor(delegatorUserId, asAdmin = false) {
         this.delegatorUserId = delegatorUserId;
+        this.asAdmin = asAdmin;
     }
 }
 class PreviewScope {
-    scope;
+    request;
+    asAdmin;
     static type = '[Delegations] Preview Scope';
-    constructor(scope) {
-        this.scope = scope;
+    constructor(request, asAdmin = false) {
+        this.request = request;
+        this.asAdmin = asAdmin;
     }
 }
 class ClearScopePreview {
@@ -597,9 +603,11 @@ class CreateDelegationLegacy {
 }
 class CreateDelegationV2 {
     request;
+    asAdmin;
     static type = '[Delegations] Create Delegation (v2)';
-    constructor(request) {
+    constructor(request, asAdmin = false) {
         this.request = request;
+        this.asAdmin = asAdmin;
     }
 }
 class UpdateDelegationLegacy {
@@ -614,10 +622,12 @@ class UpdateDelegationLegacy {
 class UpdateDelegationV2 {
     id;
     request;
+    asAdmin;
     static type = '[Delegations] Update Delegation (v2)';
-    constructor(id, request) {
+    constructor(id, request, asAdmin = false) {
         this.id = id;
         this.request = request;
+        this.asAdmin = asAdmin;
     }
 }
 // ---------------------------------------------------------------------------
@@ -776,8 +786,9 @@ let DelegationsState = class DelegationsState {
             onSuccess: (response) => ({ active: response.data }),
         });
     }
-    getDetail(ctx, { id }) {
-        const req$ = this.http.get(`${BASE}/${id}`);
+    getDetail(ctx, { id, asAdmin }) {
+        const path = asAdmin ? `${BASE}/Admin/${id}` : `${BASE}/${id}`;
+        const req$ = this.http.get(path);
         return handleApiRequest({
             ctx,
             key: DelegationsActionKey.GetDetail,
@@ -791,12 +802,17 @@ let DelegationsState = class DelegationsState {
     // ============================================================================
     // Scope
     // ============================================================================
-    getScopeOptions(ctx, { delegatorUserId }) {
+    getScopeOptions(ctx, { delegatorUserId, asAdmin }) {
         ctx.patchState({ scopeOptions: null, scopePreview: null });
         let params = new HttpParams();
         if (delegatorUserId)
             params = params.set('delegatorUserId', delegatorUserId);
-        const req$ = this.http.get(`${BASE}/scope/options`, { params });
+        const path = asAdmin
+            ? `${BASE}/Admin/scope/options`
+            : `${BASE}/scope/options`;
+        const req$ = this.http.get(path, {
+            params,
+        });
         return handleApiRequest({
             ctx,
             key: DelegationsActionKey.GetScopeOptions,
@@ -804,8 +820,11 @@ let DelegationsState = class DelegationsState {
             onSuccess: (response) => ({ scopeOptions: response.data ?? null }),
         });
     }
-    previewScope(ctx, { scope }) {
-        const req$ = this.http.post(`${BASE}/scope/preview`, { scope });
+    previewScope(ctx, { request, asAdmin }) {
+        const path = asAdmin
+            ? `${BASE}/Admin/scope/preview`
+            : `${BASE}/scope/preview`;
+        const req$ = this.http.post(path, this.buildScopePreviewRequest(request, asAdmin));
         return handleApiRequest({
             ctx,
             key: DelegationsActionKey.PreviewScope,
@@ -828,8 +847,12 @@ let DelegationsState = class DelegationsState {
             onSuccess: () => ({}),
         });
     }
-    createV2(ctx, { request }) {
-        const req$ = this.http.post(`${BASE}/v2`, request);
+    createV2(ctx, { request, asAdmin }) {
+        const path = asAdmin ? `${BASE}/Admin/v2` : `${BASE}/v2`;
+        const body = asAdmin
+            ? this.buildAdminSaveRequest(request)
+            : request;
+        const req$ = this.http.post(path, body);
         return handleApiRequest({
             ctx,
             key: DelegationsActionKey.Create,
@@ -846,8 +869,12 @@ let DelegationsState = class DelegationsState {
             onSuccess: () => ({}),
         });
     }
-    updateV2(ctx, { id, request }) {
-        const req$ = this.http.put(`${BASE}/v2/${id}`, request);
+    updateV2(ctx, { id, request, asAdmin }) {
+        const path = asAdmin ? `${BASE}/Admin/v2/${id}` : `${BASE}/v2/${id}`;
+        const body = asAdmin
+            ? this.buildAdminSaveRequest(request)
+            : request;
+        const req$ = this.http.put(path, body);
         return handleApiRequest({
             ctx,
             key: DelegationsActionKey.Update,
@@ -888,6 +915,21 @@ let DelegationsState = class DelegationsState {
             onSuccess: () => ({}),
         });
     }
+    buildScopePreviewRequest(request, asAdmin) {
+        if (!asAdmin) {
+            return { scope: request.scope };
+        }
+        return {
+            delegatorUserId: request.delegatorUserId ?? null,
+            scope: request.scope,
+        };
+    }
+    buildAdminSaveRequest(request) {
+        return {
+            ...request,
+            specificDays: request.specificDays ?? [],
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationsState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationsState });
 };
@@ -1048,17 +1090,21 @@ class DelegationsFacade {
     getActive(query = {}) {
         return this.store.dispatch(new GetActiveAssignedDelegations(query));
     }
-    getDetail(id) {
-        return this.store.dispatch(new GetDelegationDetail(id));
+    getDetail(id, asAdmin = false) {
+        return this.store.dispatch(new GetDelegationDetail(id, asAdmin));
     }
     clearDetail() {
         return this.store.dispatch(new ClearDelegationDetail());
     }
-    loadScopeOptions(delegatorUserId) {
-        return this.store.dispatch(new GetScopeOptions(delegatorUserId));
+    loadScopeOptions(delegatorUserId, asAdmin = false) {
+        return this.store.dispatch(new GetScopeOptions(delegatorUserId, asAdmin));
     }
-    previewScope(scope) {
-        return this.store.dispatch(new PreviewScope(scope));
+    previewScope(scope, options) {
+        const request = {
+            delegatorUserId: options?.delegatorUserId,
+            scope,
+        };
+        return this.store.dispatch(new PreviewScope(request, options?.asAdmin ?? false));
     }
     clearScopePreview() {
         return this.store.dispatch(new ClearScopePreview());
@@ -1066,14 +1112,14 @@ class DelegationsFacade {
     createLegacy(request) {
         return this.store.dispatch(new CreateDelegationLegacy(request));
     }
-    createV2(request) {
-        return this.store.dispatch(new CreateDelegationV2(request));
+    createV2(request, asAdmin = false) {
+        return this.store.dispatch(new CreateDelegationV2(request, asAdmin));
     }
     updateLegacy(id, request) {
         return this.store.dispatch(new UpdateDelegationLegacy(id, request));
     }
-    updateV2(id, request) {
-        return this.store.dispatch(new UpdateDelegationV2(id, request));
+    updateV2(id, request, asAdmin = false) {
+        return this.store.dispatch(new UpdateDelegationV2(id, request, asAdmin));
     }
     approve(id, request) {
         return this.store.dispatch(new ApproveDelegation(id, request));
@@ -1551,6 +1597,7 @@ function sameSelectionKeys(left, right) {
 class ScopePicker {
     scope = model(EMPTY_SCOPE$1, ...(ngDevMode ? [{ debugName: "scope" }] : /* istanbul ignore next */ []));
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    adminMode = input(false, ...(ngDevMode ? [{ debugName: "adminMode" }] : /* istanbul ignore next */ []));
     /**
      * Delegator whose grantable scope is loaded. Undefined = current user
      * (self-service). In admin mode the host rebinds this as the selected
@@ -1589,7 +1636,8 @@ class ScopePicker {
         let lastDelegatorUserId;
         effect(() => {
             const delegator = this.delegatorUserId();
-            untracked(() => this.facade.loadScopeOptions(delegator));
+            const asAdmin = this.adminMode();
+            untracked(() => this.facade.loadScopeOptions(delegator, asAdmin));
             if (!initialized) {
                 initialized = true;
                 lastDelegatorUserId = delegator;
@@ -1605,6 +1653,8 @@ class ScopePicker {
         let timer = null;
         effect(() => {
             const s = this.scope();
+            const delegator = this.delegatorUserId();
+            const asAdmin = this.adminMode();
             untracked(() => {
                 if (!s.grants.length) {
                     this.facade.clearScopePreview();
@@ -1612,7 +1662,10 @@ class ScopePicker {
                 }
                 if (timer)
                     clearTimeout(timer);
-                timer = setTimeout(() => this.facade.previewScope(s), 300);
+                timer = setTimeout(() => this.facade.previewScope(s, {
+                    delegatorUserId: delegator,
+                    asAdmin,
+                }), 300);
             });
         });
         effect(() => {
@@ -1685,12 +1738,12 @@ class ScopePicker {
         return this.activeLang() ?? 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=\"flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"8rem\"></p-skeleton>\n      <p-skeleton height=\"8rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-3\">\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-xl 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          <div\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </div>\n        }\n\n        @if (groups().length > 0) {\n          <div class=\"rounded-2xl border border-surface-200 bg-surface-0 p-2\">\n            <mt-tree\n              [value]=\"treeNodes()\"\n              [(selection)]=\"treeSelection\"\n              selectionMode=\"checkbox\"\n              [loading]=\"isLoadingOptions()\"\n              [checkAllChildren]=\"!readonly()\"\n              (action)=\"onTreeAction($event)\"\n              [filter]=\"true\"\n              filterMode=\"lenient\"\n              scrollHeight=\"22rem\"\n              [virtualScroll]=\"true\"\n              [virtualScrollItemSize]=\"68\"\n            />\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-2 rounded-2xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-sm font-medium text-surface-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-surface-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-surface-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Tree, selector: "mt-tree", inputs: ["value", "selection", "selectionMode", "nodeIcon", "propagateSelectionUp", "propagateSelectionDown", "checkAllChildren", "loading", "emptyMessage", "checkAllLabel", "filterPlaceholder", "dataKey", "filter", "filterMode", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "styleClass", "style", "pInputs", "nodeActions", "nodeContextmenuActions", "contextMenuSelection"], outputs: ["selectionChange", "contextMenuSelectionChange", "action"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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 }, adminMode: { classPropertyName: "adminMode", publicName: "adminMode", 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=\"flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"8rem\"></p-skeleton>\n      <p-skeleton height=\"8rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-3\">\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-xl 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          <div\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </div>\n        }\n\n        @if (groups().length > 0) {\n          <div class=\"rounded-2xl border border-surface-200 bg-surface-0 p-2\">\n            <mt-tree\n              [value]=\"treeNodes()\"\n              [(selection)]=\"treeSelection\"\n              selectionMode=\"checkbox\"\n              [loading]=\"isLoadingOptions()\"\n              [checkAllChildren]=\"!readonly()\"\n              (action)=\"onTreeAction($event)\"\n              [filter]=\"true\"\n              filterMode=\"lenient\"\n              scrollHeight=\"22rem\"\n              [virtualScroll]=\"true\"\n              [virtualScrollItemSize]=\"68\"\n            />\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-2 rounded-2xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-sm font-medium text-surface-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-surface-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-surface-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Tree, selector: "mt-tree", inputs: ["value", "selection", "selectionMode", "nodeIcon", "propagateSelectionUp", "propagateSelectionDown", "checkAllChildren", "loading", "emptyMessage", "checkAllLabel", "filterPlaceholder", "dataKey", "filter", "filterMode", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "styleClass", "style", "pInputs", "nodeActions", "nodeContextmenuActions", "contextMenuSelection"], outputs: ["selectionChange", "contextMenuSelectionChange", "action"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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,
             args: [{ selector: 'mt-scope-picker', imports: [CommonModule, Tree, SkeletonModule, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex flex-col gap-4\">\n    @if (isLoadingOptions()) {\n      <p-skeleton height=\"2rem\"></p-skeleton>\n      <p-skeleton height=\"8rem\"></p-skeleton>\n      <p-skeleton height=\"8rem\"></p-skeleton>\n    } @else {\n      <section class=\"flex flex-col gap-3\">\n        @if (errorOptions(); as errorMessage) {\n          <div\n            class=\"rounded-xl 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          <div\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.scope.noGrantableOptions\") }}\n          </div>\n        }\n\n        @if (groups().length > 0) {\n          <div class=\"rounded-2xl border border-surface-200 bg-surface-0 p-2\">\n            <mt-tree\n              [value]=\"treeNodes()\"\n              [(selection)]=\"treeSelection\"\n              selectionMode=\"checkbox\"\n              [loading]=\"isLoadingOptions()\"\n              [checkAllChildren]=\"!readonly()\"\n              (action)=\"onTreeAction($event)\"\n              [filter]=\"true\"\n              filterMode=\"lenient\"\n              scrollHeight=\"22rem\"\n              [virtualScroll]=\"true\"\n              [virtualScrollItemSize]=\"68\"\n            />\n          </div>\n        }\n      </section>\n\n      <section\n        class=\"flex flex-col gap-2 rounded-2xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3\"\n      >\n        <div class=\"flex items-center justify-between gap-2\">\n          <div class=\"text-sm font-medium text-surface-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-surface-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-surface-500\">\n            {{ t(\"delegations.scope.noSelection\") }}\n          </div>\n        }\n      </section>\n    }\n  </div>\n</ng-container>\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 }] }] } });
+        }], 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 }] }], adminMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "adminMode", required: false }] }], delegatorUserId: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegatorUserId", required: false }] }] } });
 function humanizeDelegationDisplay(value, language) {
     return (formatDelegationScopeSummary(value, language) ||
         humanizeDelegationKey(typeof value === 'string' ? value : null));
@@ -1967,7 +2020,7 @@ class DelegationForm {
     ngOnInit() {
         const editing = this.delegationForEdit();
         if (editing) {
-            this.facade.getDetail(editing.delegationId);
+            this.facade.getDetail(editing.delegationId, this.adminMode());
         }
     }
     canSubmit = computed(() => !this.readonly() &&
@@ -1980,23 +2033,59 @@ class DelegationForm {
             return;
         if (!this.canSubmit())
             return;
-        const v = this.delegationFormControl.value;
+        const value = this.delegationFormControl.getRawValue();
+        const scope = this.scope();
+        const delegationDaysType = (value?.delegationDaysType ?? 'FullRange');
+        const specificDays = delegationDaysType === 'SpecificDays' ? (value?.specificDays ?? []) : [];
+        const description = value?.description;
+        const delegateFromDateTime = value?.delegateFromDateTime;
+        const delegateToDateTime = value?.delegateToDateTime;
+        const requiresApproval = !!value?.requiresApproval;
+        const delegatedUserId = extractUserId(value?.delegateTo) ?? '';
+        const selectedDelegatorId = this.selectedDelegatorId();
+        const editing = this.delegationForEdit();
+        if (this.adminMode()) {
+            if (!selectedDelegatorId || !delegatedUserId) {
+                return;
+            }
+            const base = {
+                delegatorUserId: selectedDelegatorId,
+                delegatedUserId,
+                description,
+                delegateFromDateTime,
+                delegateToDateTime,
+                delegationDaysType,
+                specificDays,
+                requiresApproval,
+                scope,
+            };
+            if (editing) {
+                const latestRowVersion = this.detail()?.row?.rowVersion ?? editing.rowVersion;
+                const req = {
+                    ...base,
+                    rowVersion: latestRowVersion,
+                };
+                this.facade.updateV2(editing.delegationId, req, true).subscribe({
+                    next: () => this.ref.close(true),
+                });
+                return;
+            }
+            this.facade.createV2(base, true).subscribe({
+                next: () => this.ref.close(true),
+            });
+            return;
+        }
         const base = {
-            // Admin mode sends the chosen delegator; self-service omits it so the
-            // backend defaults delegateFrom to the current user (doc 04).
-            delegateFrom: this.adminMode()
-                ? (this.selectedDelegatorId() ?? null)
-                : null,
-            delegateTo: extractUserId(v?.delegateTo) ?? '',
-            description: v?.description,
-            delegateFromDateTime: v?.delegateFromDateTime,
-            delegateToDateTime: v?.delegateToDateTime,
-            delegationDaysType: (v?.delegationDaysType ?? 'FullRange'),
-            specificDays: v?.delegationDaysType === 'SpecificDays' ? (v?.specificDays ?? []) : [],
-            requiresApproval: !!v?.requiresApproval,
-            scope: this.scope(),
+            delegateFrom: null,
+            delegateTo: delegatedUserId,
+            description,
+            delegateFromDateTime,
+            delegateToDateTime,
+            delegationDaysType,
+            specificDays,
+            requiresApproval,
+            scope,
         };
-        const editing = this.delegationForEdit();
         if (editing) {
             // Prefer the freshest rowVersion from the loaded detail (the form loads
             // detail on open); fall back to the list row only if detail is absent.
@@ -2028,7 +2117,7 @@ class DelegationForm {
         };
     }
     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      'flex h-full min-h-0 min-w-0 flex-col overflow-hidden ' +\n      modal.contentClass\n    \"\n  >\n    <div\n      class=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4 max-[640px]:p-3\"\n    >\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <mt-dynamic-form\n          [formConfig]=\"formConfig()\"\n          [formControl]=\"delegationFormControl\"\n        />\n      </section>\n\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <div class=\"flex flex-col gap-1\">\n          <h3 class=\"text-sm font-semibold text-surface-900\">\n            {{ t(\"delegations.scope.permissionsTitle\") }}\n          </h3>\n          @if (adminMode() && !showScopePicker()) {\n            <p class=\"text-xs text-surface-500\">\n              {{ t(\"delegations.form.selectDelegatorFirst\") }}\n            </p>\n          }\n        </div>\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\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.form.selectDelegatorFirst\") }}\n          </div>\n        }\n      </section>\n    </div>\n\n    <div\n      [class]=\"\n        'flex shrink-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end ' +\n        modal.footerClass\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  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], 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      'flex h-full min-h-0 min-w-0 flex-col overflow-hidden ' +\n      modal.contentClass\n    \"\n  >\n    <div\n      class=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4 max-[640px]:p-3\"\n    >\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <mt-dynamic-form\n          [formConfig]=\"formConfig()\"\n          [formControl]=\"delegationFormControl\"\n        />\n      </section>\n\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <div class=\"flex flex-col gap-1\">\n          <h3 class=\"text-sm font-semibold text-surface-900\">\n            {{ t(\"delegations.scope.permissionsTitle\") }}\n          </h3>\n          @if (adminMode() && !showScopePicker()) {\n            <p class=\"text-xs text-surface-500\">\n              {{ t(\"delegations.form.selectDelegatorFirst\") }}\n            </p>\n          }\n        </div>\n\n        @if (showScopePicker()) {\n          <mt-scope-picker\n            [(scope)]=\"scope\"\n            [readonly]=\"readonly()\"\n            [adminMode]=\"adminMode()\"\n            [delegatorUserId]=\"selectedDelegatorId()\"\n          ></mt-scope-picker>\n        } @else {\n          <div\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.form.selectDelegatorFirst\") }}\n          </div>\n        }\n      </section>\n    </div>\n\n    <div\n      [class]=\"\n        'flex shrink-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end ' +\n        modal.footerClass\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  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], 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", "adminMode", "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,
@@ -2039,7 +2128,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      'flex h-full min-h-0 min-w-0 flex-col overflow-hidden ' +\n      modal.contentClass\n    \"\n  >\n    <div\n      class=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4 max-[640px]:p-3\"\n    >\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <mt-dynamic-form\n          [formConfig]=\"formConfig()\"\n          [formControl]=\"delegationFormControl\"\n        />\n      </section>\n\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <div class=\"flex flex-col gap-1\">\n          <h3 class=\"text-sm font-semibold text-surface-900\">\n            {{ t(\"delegations.scope.permissionsTitle\") }}\n          </h3>\n          @if (adminMode() && !showScopePicker()) {\n            <p class=\"text-xs text-surface-500\">\n              {{ t(\"delegations.form.selectDelegatorFirst\") }}\n            </p>\n          }\n        </div>\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\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.form.selectDelegatorFirst\") }}\n          </div>\n        }\n      </section>\n    </div>\n\n    <div\n      [class]=\"\n        'flex shrink-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end ' +\n        modal.footerClass\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  </div>\n</ng-container>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div\n    [class]=\"\n      'flex h-full min-h-0 min-w-0 flex-col overflow-hidden ' +\n      modal.contentClass\n    \"\n  >\n    <div\n      class=\"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4 max-[640px]:p-3\"\n    >\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <mt-dynamic-form\n          [formConfig]=\"formConfig()\"\n          [formControl]=\"delegationFormControl\"\n        />\n      </section>\n\n      <section\n        class=\"flex flex-col gap-4 rounded-2xl border border-surface-200 bg-surface-0 p-4\"\n      >\n        <div class=\"flex flex-col gap-1\">\n          <h3 class=\"text-sm font-semibold text-surface-900\">\n            {{ t(\"delegations.scope.permissionsTitle\") }}\n          </h3>\n          @if (adminMode() && !showScopePicker()) {\n            <p class=\"text-xs text-surface-500\">\n              {{ t(\"delegations.form.selectDelegatorFirst\") }}\n            </p>\n          }\n        </div>\n\n        @if (showScopePicker()) {\n          <mt-scope-picker\n            [(scope)]=\"scope\"\n            [readonly]=\"readonly()\"\n            [adminMode]=\"adminMode()\"\n            [delegatorUserId]=\"selectedDelegatorId()\"\n          ></mt-scope-picker>\n        } @else {\n          <div\n            class=\"rounded-xl border border-dashed border-surface-300 bg-surface-50 px-4 py-3 text-sm text-surface-500\"\n          >\n            {{ t(\"delegations.form.selectDelegatorFirst\") }}\n          </div>\n        }\n      </section>\n    </div>\n\n    <div\n      [class]=\"\n        'flex shrink-0 flex-col gap-2 sm:flex-row sm:items-center sm:justify-end ' +\n        modal.footerClass\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  </div>\n</ng-container>\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 }] }] } });
 
 /**
@@ -2047,6 +2136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
  */
 class DelegationDetailDrawer {
     delegationId = input.required(...(ngDevMode ? [{ debugName: "delegationId" }] : /* istanbul ignore next */ []));
+    adminMode = input(false, ...(ngDevMode ? [{ debugName: "adminMode" }] : /* istanbul ignore next */ []));
     facade = inject(DelegationsFacade);
     transloco = inject(TranslocoService);
     ref = inject(ModalRef);
@@ -2059,7 +2149,7 @@ class DelegationDetailDrawer {
     detail = this.facade.detail;
     row = computed(() => this.detail()?.row ?? null, ...(ngDevMode ? [{ debugName: "row" }] : /* istanbul ignore next */ []));
     ngOnInit() {
-        this.facade.getDetail(this.delegationId());
+        this.facade.getDetail(this.delegationId(), this.adminMode());
     }
     setTab(tab) {
         this.activeTab.set(tab);
@@ -2078,7 +2168,7 @@ class DelegationDetailDrawer {
         return formatDelegationScopeSummary(summary, this.transloco.getActiveLang());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationDetailDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationDetailDrawer, isStandalone: true, selector: "mt-delegation-detail-drawer", inputs: { delegationId: { classPropertyName: "delegationId", publicName: "delegationId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex flex-col h-full\">\n    <!-- Tabs -->\n    <div class=\"flex border-b border-gray-200 px-4\">\n      @for (tab of tabs; track tab.key) {\n        <button\n          type=\"button\"\n          class=\"px-3 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n          [class.border-primary]=\"activeTab() === tab.key\"\n          [class.text-primary]=\"activeTab() === tab.key\"\n          [class.border-transparent]=\"activeTab() !== tab.key\"\n          [class.text-gray-500]=\"activeTab() !== tab.key\"\n          (click)=\"setTab(tab.key)\"\n        >\n          {{ t(tab.i18n) }}\n        </button>\n      }\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto p-4\">\n      @if (isLoading() && !detail()) {\n        <p-skeleton height=\"2rem\" class=\"mb-3\"></p-skeleton>\n        <p-skeleton height=\"6rem\" class=\"mb-3\"></p-skeleton>\n        <p-skeleton height=\"6rem\"></p-skeleton>\n      } @else if (detail(); as d) {\n        @if (activeTab() === \"overview\") {\n          <div class=\"flex flex-col gap-4\">\n            <div class=\"flex items-center justify-between gap-3\">\n              <div class=\"flex items-center gap-3 min-w-0\">\n                <mt-avatar\n                  icon=\"user.user-01\"\n                  styleClass=\"w-12! h-12! text-lg!\"\n                ></mt-avatar>\n                <div class=\"flex flex-col min-w-0\">\n                  <div class=\"text-xs text-gray-500\">\n                    {{ t(\"delegations.column.delegatorName\") }}\n                  </div>\n                  <div class=\"text-base font-medium text-gray-900 truncate\">\n                    {{ d.row.delegator.displayName }}\n                  </div>\n                  @if (d.row.delegator.email) {\n                    <div class=\"text-xs text-gray-500 truncate\">\n                      {{ d.row.delegator.email }}\n                    </div>\n                  }\n                </div>\n              </div>\n              <mt-delegation-status-chip\n                [status]=\"d.status.effectiveStatus\"\n              ></mt-delegation-status-chip>\n            </div>\n\n            <div class=\"grid grid-cols-2 gap-4\">\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.delegatedTo\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.delegatedUser.displayName }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.approval\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">{{ approvalLabel() }}</span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.startDate\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.startsAtUtc | date: \"medium\" }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.endDate\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.endsAtUtc | date: \"medium\" }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.form.timeZone\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">{{\n                  d.row.timeZoneId\n                }}</span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.days\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  @if (d.row.dayRuleMode === \"FullRange\") {\n                    {{ t(\"delegations.form.fullRange\") }}\n                  } @else {\n                    {{ d.row.specificDays.join(\", \") }}\n                  }\n                </span>\n              </div>\n            </div>\n\n            @if (d.row.cancellation?.cancellationReason) {\n              <div\n                class=\"rounded-md border border-gray-200 bg-surface-50 p-3 text-sm text-gray-800\"\n              >\n                <div class=\"font-medium\">\n                  {{ t(\"delegations.form.cancellationReason\") }}\n                </div>\n                <div>{{ d.row.cancellation.cancellationReason }}</div>\n              </div>\n            }\n          </div>\n        } @else {\n          <!-- Scope tab -->\n          <div class=\"flex flex-col gap-3\">\n            <div class=\"text-sm text-gray-900\">\n              {{\n                formatScopeSummary(d.row.scopeSummary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n            <div class=\"flex flex-col gap-2\">\n              @for (grant of d.scope.grants; track $index) {\n                <div\n                  class=\"border border-gray-200 rounded-md px-3 py-2 flex flex-col gap-1\"\n                >\n                  <div class=\"flex items-center justify-between gap-2\">\n                    <span class=\"text-sm font-medium text-gray-900\">\n                      {{ getScopeTargetLabel(grant.target) }}\n                    </span>\n                    <span class=\"text-xs text-gray-500\">\n                      {{ grant.target.targetType }}\n                    </span>\n                  </div>\n                  <span\n                    class=\"text-xs px-2 py-0.5 rounded-md bg-primary-50 text-primary w-fit\"\n                  >\n                    {{ getScopeActionLabel(grant.action) }}\n                  </span>\n                </div>\n              }\n              @if (d.scope.grants.length === 0) {\n                <p class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.scope.noSelection\") }}\n                </p>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Footer -->\n    <div\n      class=\"border-t border-gray-200 px-4 py-3 flex items-center justify-end\"\n    >\n      <mt-button\n        [label]=\"t('delegations.common.cancel')\"\n        variant=\"outlined\"\n        (click)=\"ref.close()\"\n      ></mt-button>\n    </div>\n  </div>\n</ng-container>\n", styles: [":host{display:block;height:100%}\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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DelegationDetailDrawer, isStandalone: true, selector: "mt-delegation-detail-drawer", inputs: { delegationId: { classPropertyName: "delegationId", publicName: "delegationId", isSignal: true, isRequired: true, transformFunction: null }, adminMode: { classPropertyName: "adminMode", publicName: "adminMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex flex-col h-full\">\n    <!-- Tabs -->\n    <div class=\"flex border-b border-gray-200 px-4\">\n      @for (tab of tabs; track tab.key) {\n        <button\n          type=\"button\"\n          class=\"px-3 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n          [class.border-primary]=\"activeTab() === tab.key\"\n          [class.text-primary]=\"activeTab() === tab.key\"\n          [class.border-transparent]=\"activeTab() !== tab.key\"\n          [class.text-gray-500]=\"activeTab() !== tab.key\"\n          (click)=\"setTab(tab.key)\"\n        >\n          {{ t(tab.i18n) }}\n        </button>\n      }\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto p-4\">\n      @if (isLoading() && !detail()) {\n        <p-skeleton height=\"2rem\" class=\"mb-3\"></p-skeleton>\n        <p-skeleton height=\"6rem\" class=\"mb-3\"></p-skeleton>\n        <p-skeleton height=\"6rem\"></p-skeleton>\n      } @else if (detail(); as d) {\n        @if (activeTab() === \"overview\") {\n          <div class=\"flex flex-col gap-4\">\n            <div class=\"flex items-center justify-between gap-3\">\n              <div class=\"flex items-center gap-3 min-w-0\">\n                <mt-avatar\n                  icon=\"user.user-01\"\n                  styleClass=\"w-12! h-12! text-lg!\"\n                ></mt-avatar>\n                <div class=\"flex flex-col min-w-0\">\n                  <div class=\"text-xs text-gray-500\">\n                    {{ t(\"delegations.column.delegatorName\") }}\n                  </div>\n                  <div class=\"text-base font-medium text-gray-900 truncate\">\n                    {{ d.row.delegator.displayName }}\n                  </div>\n                  @if (d.row.delegator.email) {\n                    <div class=\"text-xs text-gray-500 truncate\">\n                      {{ d.row.delegator.email }}\n                    </div>\n                  }\n                </div>\n              </div>\n              <mt-delegation-status-chip\n                [status]=\"d.status.effectiveStatus\"\n              ></mt-delegation-status-chip>\n            </div>\n\n            <div class=\"grid grid-cols-2 gap-4\">\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.delegatedTo\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.delegatedUser.displayName }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.approval\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">{{ approvalLabel() }}</span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.startDate\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.startsAtUtc | date: \"medium\" }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.endDate\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.endsAtUtc | date: \"medium\" }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.form.timeZone\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">{{\n                  d.row.timeZoneId\n                }}</span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.days\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  @if (d.row.dayRuleMode === \"FullRange\") {\n                    {{ t(\"delegations.form.fullRange\") }}\n                  } @else {\n                    {{ d.row.specificDays.join(\", \") }}\n                  }\n                </span>\n              </div>\n            </div>\n\n            @if (d.row.cancellation?.cancellationReason) {\n              <div\n                class=\"rounded-md border border-gray-200 bg-surface-50 p-3 text-sm text-gray-800\"\n              >\n                <div class=\"font-medium\">\n                  {{ t(\"delegations.form.cancellationReason\") }}\n                </div>\n                <div>{{ d.row.cancellation.cancellationReason }}</div>\n              </div>\n            }\n          </div>\n        } @else {\n          <!-- Scope tab -->\n          <div class=\"flex flex-col gap-3\">\n            <div class=\"text-sm text-gray-900\">\n              {{\n                formatScopeSummary(d.row.scopeSummary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n            <div class=\"flex flex-col gap-2\">\n              @for (grant of d.scope.grants; track $index) {\n                <div\n                  class=\"border border-gray-200 rounded-md px-3 py-2 flex flex-col gap-1\"\n                >\n                  <div class=\"flex items-center justify-between gap-2\">\n                    <span class=\"text-sm font-medium text-gray-900\">\n                      {{ getScopeTargetLabel(grant.target) }}\n                    </span>\n                    <span class=\"text-xs text-gray-500\">\n                      {{ grant.target.targetType }}\n                    </span>\n                  </div>\n                  <span\n                    class=\"text-xs px-2 py-0.5 rounded-md bg-primary-50 text-primary w-fit\"\n                  >\n                    {{ getScopeActionLabel(grant.action) }}\n                  </span>\n                </div>\n              }\n              @if (d.scope.grants.length === 0) {\n                <p class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.scope.noSelection\") }}\n                </p>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Footer -->\n    <div\n      class=\"border-t border-gray-200 px-4 py-3 flex items-center justify-end\"\n    >\n      <mt-button\n        [label]=\"t('delegations.common.cancel')\"\n        variant=\"outlined\"\n        (click)=\"ref.close()\"\n      ></mt-button>\n    </div>\n  </div>\n</ng-container>\n", styles: [":host{display:block;height:100%}\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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DelegationDetailDrawer, decorators: [{
             type: Component,
@@ -2090,7 +2180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         TranslocoDirective,
                         DelegationStatusChip,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n  <div class=\"flex flex-col h-full\">\n    <!-- Tabs -->\n    <div class=\"flex border-b border-gray-200 px-4\">\n      @for (tab of tabs; track tab.key) {\n        <button\n          type=\"button\"\n          class=\"px-3 py-2 -mb-px border-b-2 text-sm font-medium transition-colors\"\n          [class.border-primary]=\"activeTab() === tab.key\"\n          [class.text-primary]=\"activeTab() === tab.key\"\n          [class.border-transparent]=\"activeTab() !== tab.key\"\n          [class.text-gray-500]=\"activeTab() !== tab.key\"\n          (click)=\"setTab(tab.key)\"\n        >\n          {{ t(tab.i18n) }}\n        </button>\n      }\n    </div>\n\n    <!-- Body -->\n    <div class=\"flex-1 overflow-y-auto p-4\">\n      @if (isLoading() && !detail()) {\n        <p-skeleton height=\"2rem\" class=\"mb-3\"></p-skeleton>\n        <p-skeleton height=\"6rem\" class=\"mb-3\"></p-skeleton>\n        <p-skeleton height=\"6rem\"></p-skeleton>\n      } @else if (detail(); as d) {\n        @if (activeTab() === \"overview\") {\n          <div class=\"flex flex-col gap-4\">\n            <div class=\"flex items-center justify-between gap-3\">\n              <div class=\"flex items-center gap-3 min-w-0\">\n                <mt-avatar\n                  icon=\"user.user-01\"\n                  styleClass=\"w-12! h-12! text-lg!\"\n                ></mt-avatar>\n                <div class=\"flex flex-col min-w-0\">\n                  <div class=\"text-xs text-gray-500\">\n                    {{ t(\"delegations.column.delegatorName\") }}\n                  </div>\n                  <div class=\"text-base font-medium text-gray-900 truncate\">\n                    {{ d.row.delegator.displayName }}\n                  </div>\n                  @if (d.row.delegator.email) {\n                    <div class=\"text-xs text-gray-500 truncate\">\n                      {{ d.row.delegator.email }}\n                    </div>\n                  }\n                </div>\n              </div>\n              <mt-delegation-status-chip\n                [status]=\"d.status.effectiveStatus\"\n              ></mt-delegation-status-chip>\n            </div>\n\n            <div class=\"grid grid-cols-2 gap-4\">\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.delegatedTo\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.delegatedUser.displayName }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.approval\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">{{ approvalLabel() }}</span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.startDate\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.startsAtUtc | date: \"medium\" }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.endDate\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  {{ d.row.endsAtUtc | date: \"medium\" }}\n                </span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.form.timeZone\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">{{\n                  d.row.timeZoneId\n                }}</span>\n              </div>\n              <div class=\"flex flex-col\">\n                <span class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.column.days\") }}\n                </span>\n                <span class=\"text-sm text-gray-900\">\n                  @if (d.row.dayRuleMode === \"FullRange\") {\n                    {{ t(\"delegations.form.fullRange\") }}\n                  } @else {\n                    {{ d.row.specificDays.join(\", \") }}\n                  }\n                </span>\n              </div>\n            </div>\n\n            @if (d.row.cancellation?.cancellationReason) {\n              <div\n                class=\"rounded-md border border-gray-200 bg-surface-50 p-3 text-sm text-gray-800\"\n              >\n                <div class=\"font-medium\">\n                  {{ t(\"delegations.form.cancellationReason\") }}\n                </div>\n                <div>{{ d.row.cancellation.cancellationReason }}</div>\n              </div>\n            }\n          </div>\n        } @else {\n          <!-- Scope tab -->\n          <div class=\"flex flex-col gap-3\">\n            <div class=\"text-sm text-gray-900\">\n              {{\n                formatScopeSummary(d.row.scopeSummary) ||\n                  t(\"delegations.column.scopeSummary\")\n              }}\n            </div>\n            <div class=\"flex flex-col gap-2\">\n              @for (grant of d.scope.grants; track $index) {\n                <div\n                  class=\"border border-gray-200 rounded-md px-3 py-2 flex flex-col gap-1\"\n                >\n                  <div class=\"flex items-center justify-between gap-2\">\n                    <span class=\"text-sm font-medium text-gray-900\">\n                      {{ getScopeTargetLabel(grant.target) }}\n                    </span>\n                    <span class=\"text-xs text-gray-500\">\n                      {{ grant.target.targetType }}\n                    </span>\n                  </div>\n                  <span\n                    class=\"text-xs px-2 py-0.5 rounded-md bg-primary-50 text-primary w-fit\"\n                  >\n                    {{ getScopeActionLabel(grant.action) }}\n                  </span>\n                </div>\n              }\n              @if (d.scope.grants.length === 0) {\n                <p class=\"text-xs text-gray-500\">\n                  {{ t(\"delegations.scope.noSelection\") }}\n                </p>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Footer -->\n    <div\n      class=\"border-t border-gray-200 px-4 py-3 flex items-center justify-end\"\n    >\n      <mt-button\n        [label]=\"t('delegations.common.cancel')\"\n        variant=\"outlined\"\n        (click)=\"ref.close()\"\n      ></mt-button>\n    </div>\n  </div>\n</ng-container>\n", styles: [":host{display:block;height:100%}\n"] }]
-        }], propDecorators: { delegationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegationId", required: true }] }] } });
+        }], propDecorators: { delegationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "delegationId", required: true }] }], adminMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "adminMode", required: false }] }] } });
 
 /**
  * Delegations portal page (doc 02, 09): two lists — My Delegations (current user
@@ -2382,7 +2472,10 @@ class DelegationsList {
             appendTo: 'page-content',
             dismissableMask: true,
             dismissible: true,
-            inputValues: { delegationId: row.delegationId },
+            inputValues: {
+                delegationId: row.delegationId,
+                adminMode: this.adminMode(),
+            },
         });
     }
     openForm(row) {