@masterteam/work-center 0.0.27 → 0.0.29

package/fesm2022/masterteam-work-center.mjs

@@ -86,11 +86,11 @@ class WorkCenterClientFormModal {
         return undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterClientFormModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterClientFormModal, isStandalone: true, selector: "mt-work-center-client-form-modal", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, operationKey: { classPropertyName: "operationKey", publicName: "operationKey", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "processForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\r\n  <div [class]=\"modal.contentClass + ' p-5 flex flex-col gap-4'\">\r\n    <mt-client-form\r\n      [moduleKey]=\"moduleKey()\"\r\n      [moduleId]=\"moduleId()\"\r\n      [operationKey]=\"operationKey()\"\r\n      [levelId]=\"levelId()\"\r\n      [levelDataId]=\"levelDataId()\"\r\n      [moduleDataId]=\"moduleDataId()\"\r\n      [formMode]=\"formMode()\"\r\n      [autoLoad]=\"true\"\r\n      [lookups]=\"lookups()\"\r\n      (submitted)=\"onSubmitted($event)\"\r\n      (errored)=\"onErrored($event)\"\r\n    />\r\n\r\n    @if (isSubmitting()) {\r\n      <div class=\"text-sm text-muted-color\">{{ t(\"modal.submitting\") }}</div>\r\n    }\r\n\r\n    @if (validationMessage()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ validationMessage() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitError()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ submitError() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitStatus(); as status) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border p-3 text-sm\"\r\n        [class]=\"\r\n          status === 'pending'\r\n            ? 'border-amber-200 bg-amber-50 text-amber-700'\r\n            : 'border-emerald-200 bg-emerald-50 text-emerald-700'\r\n        \"\r\n      >\r\n        @if (status === \"pending\") {\r\n          {{ t(\"modal.requestSubmitted\") }}\r\n        } @else {\r\n          {{ t(\"modal.operationExecuted\") }}\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('modal.submit')\"\r\n      icon=\"general.check\"\r\n      [disabled]=\"isSubmitting()\"\r\n      (onClick)=\"onSubmit()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterClientFormModal, isStandalone: true, selector: "mt-work-center-client-form-modal", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, operationKey: { classPropertyName: "operationKey", publicName: "operationKey", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "processForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\r\n  <div [class]=\"modal.contentClass + ' p-5 flex flex-col gap-4'\">\r\n    <mt-client-form\r\n      [moduleKey]=\"moduleKey()\"\r\n      [moduleId]=\"moduleId()\"\r\n      [operationKey]=\"operationKey()\"\r\n      [levelId]=\"levelId()\"\r\n      [levelDataId]=\"levelDataId()\"\r\n      [moduleDataId]=\"moduleDataId()\"\r\n      [formMode]=\"formMode()\"\r\n      [autoLoad]=\"true\"\r\n      [lookups]=\"lookups()\"\r\n      (submitted)=\"onSubmitted($event)\"\r\n      (errored)=\"onErrored($event)\"\r\n    />\r\n\r\n    @if (isSubmitting()) {\r\n      <div class=\"text-sm text-muted-color\">{{ t(\"modal.submitting\") }}</div>\r\n    }\r\n\r\n    @if (validationMessage()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ validationMessage() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitError()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ submitError() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitStatus(); as status) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border p-3 text-sm\"\r\n        [class]=\"\r\n          status === 'pending'\r\n            ? 'border-amber-200 bg-amber-50 text-amber-700'\r\n            : 'border-emerald-200 bg-emerald-50 text-emerald-700'\r\n        \"\r\n      >\r\n        @if (status === \"pending\") {\r\n          {{ t(\"modal.requestSubmitted\") }}\r\n        } @else {\r\n          {{ t(\"modal.operationExecuted\") }}\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('modal.cancel')\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"isSubmitting()\"\r\n      (onClick)=\"ref.close(false)\"\r\n    />\r\n    <mt-button\r\n      [label]=\"t('modal.submit')\"\r\n      icon=\"general.check\"\r\n      [disabled]=\"isSubmitting()\"\r\n      (onClick)=\"onSubmit()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterClientFormModal, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-work-center-client-form-modal', standalone: true, imports: [Button, TranslocoDirective, ClientForm], template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\r\n  <div [class]=\"modal.contentClass + ' p-5 flex flex-col gap-4'\">\r\n    <mt-client-form\r\n      [moduleKey]=\"moduleKey()\"\r\n      [moduleId]=\"moduleId()\"\r\n      [operationKey]=\"operationKey()\"\r\n      [levelId]=\"levelId()\"\r\n      [levelDataId]=\"levelDataId()\"\r\n      [moduleDataId]=\"moduleDataId()\"\r\n      [formMode]=\"formMode()\"\r\n      [autoLoad]=\"true\"\r\n      [lookups]=\"lookups()\"\r\n      (submitted)=\"onSubmitted($event)\"\r\n      (errored)=\"onErrored($event)\"\r\n    />\r\n\r\n    @if (isSubmitting()) {\r\n      <div class=\"text-sm text-muted-color\">{{ t(\"modal.submitting\") }}</div>\r\n    }\r\n\r\n    @if (validationMessage()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ validationMessage() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitError()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ submitError() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitStatus(); as status) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border p-3 text-sm\"\r\n        [class]=\"\r\n          status === 'pending'\r\n            ? 'border-amber-200 bg-amber-50 text-amber-700'\r\n            : 'border-emerald-200 bg-emerald-50 text-emerald-700'\r\n        \"\r\n      >\r\n        @if (status === \"pending\") {\r\n          {{ t(\"modal.requestSubmitted\") }}\r\n        } @else {\r\n          {{ t(\"modal.operationExecuted\") }}\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('modal.submit')\"\r\n      icon=\"general.check\"\r\n      [disabled]=\"isSubmitting()\"\r\n      (onClick)=\"onSubmit()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n" }]
+            args: [{ selector: 'mt-work-center-client-form-modal', standalone: true, imports: [Button, TranslocoDirective, ClientForm], template: "<ng-container *transloco=\"let t; prefix: 'workCenter'\">\r\n  <div [class]=\"modal.contentClass + ' p-5 flex flex-col gap-4'\">\r\n    <mt-client-form\r\n      [moduleKey]=\"moduleKey()\"\r\n      [moduleId]=\"moduleId()\"\r\n      [operationKey]=\"operationKey()\"\r\n      [levelId]=\"levelId()\"\r\n      [levelDataId]=\"levelDataId()\"\r\n      [moduleDataId]=\"moduleDataId()\"\r\n      [formMode]=\"formMode()\"\r\n      [autoLoad]=\"true\"\r\n      [lookups]=\"lookups()\"\r\n      (submitted)=\"onSubmitted($event)\"\r\n      (errored)=\"onErrored($event)\"\r\n    />\r\n\r\n    @if (isSubmitting()) {\r\n      <div class=\"text-sm text-muted-color\">{{ t(\"modal.submitting\") }}</div>\r\n    }\r\n\r\n    @if (validationMessage()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ validationMessage() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitError()) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700\"\r\n        role=\"alert\"\r\n      >\r\n        {{ submitError() }}\r\n      </div>\r\n    }\r\n\r\n    @if (submitStatus(); as status) {\r\n      <div\r\n        class=\"mt-2 rounded-lg border p-3 text-sm\"\r\n        [class]=\"\r\n          status === 'pending'\r\n            ? 'border-amber-200 bg-amber-50 text-amber-700'\r\n            : 'border-emerald-200 bg-emerald-50 text-emerald-700'\r\n        \"\r\n      >\r\n        @if (status === \"pending\") {\r\n          {{ t(\"modal.requestSubmitted\") }}\r\n        } @else {\r\n          {{ t(\"modal.operationExecuted\") }}\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('modal.cancel')\"\r\n      variant=\"outlined\"\r\n      [disabled]=\"isSubmitting()\"\r\n      (onClick)=\"ref.close(false)\"\r\n    />\r\n    <mt-button\r\n      [label]=\"t('modal.submit')\"\r\n      icon=\"general.check\"\r\n      [disabled]=\"isSubmitting()\"\r\n      (onClick)=\"onSubmit()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n" }]
         }], propDecorators: { processForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], operationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "operationKey", required: false }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }] } });
 
 class EnterArea {
@@ -134,6 +134,34 @@ class LoadRuntime {
         this.reason = reason;
     }
 }
+/**
+ * Replaces the header filter slice (rules from
+ * `mt-property-filter-builder`). Resets `page` to 1 and triggers a
+ * BE reload with the merged `headerFilters` + `columnFilters` payload.
+ */
+class ApplyHeaderFilters {
+    area;
+    filters;
+    static type = '[WorkCenter] Apply Header Filters';
+    constructor(area, filters) {
+        this.area = area;
+        this.filters = filters;
+    }
+}
+/**
+ * Replaces the in-table column filter slice (rules translated from the
+ * `mt-table` filters map). Resets `page` to 1 and triggers a BE reload
+ * with the merged `headerFilters` + `columnFilters` payload.
+ */
+class ApplyColumnFilters {
+    area;
+    filters;
+    static type = '[WorkCenter] Apply Column Filters';
+    constructor(area, filters) {
+        this.area = area;
+        this.filters = filters;
+    }
+}
 
 var WorkCenterActionKey;
 (function (WorkCenterActionKey) {
@@ -146,7 +174,13 @@ const WORK_CENTER_MAX_SORT = 5;
 
 const AREA_COLORS = ['violet', 'blue', 'emerald', 'amber', 'teal'];
 const KPI_COLORS = ['violet', 'blue', 'emerald', 'amber', 'teal'];
-const WORK_CENTER_LOCAL_FETCH_SIZE = WORK_CENTER_MAX_PAGE_SIZE;
+/**
+ * Default page size when bootstrapping a work-center area. Matches the table
+ * paginator default so the first BE request asks for exactly one rendered
+ * page.
+ */
+const WORK_CENTER_DEFAULT_PAGE_SIZE = 20;
+const WORK_CENTER_LOCAL_FETCH_SIZE = WORK_CENTER_DEFAULT_PAGE_SIZE;
 const FILTER_OPERATORS = new Set([
     'Eq',
     'Neq',
@@ -413,6 +447,8 @@ function createDefaultContext(area) {
 function createDefaultAreaState(area) {
     return {
         context: createDefaultContext(area),
+        headerFilters: [],
+        columnFilters: [],
         menuItems: [],
         rows: [],
         columns: [],
@@ -423,6 +459,25 @@ function createDefaultAreaState(area) {
         lastLoadedAt: null,
     };
 }
+/**
+ * Combines header (property-filter-builder) and column (in-table) rules into
+ * the single `runtimeFilters` payload the BE expects. Header rules come
+ * first; a column rule with the same `(field, op)` pair replaces the matching
+ * header rule.
+ */
+function mergeRuntimeFilters(headerFilters, columnFilters) {
+    const seen = new Map();
+    const ordered = [];
+    const push = (rule) => {
+        const key = `${rule.field}::${rule.op}`;
+        if (!seen.has(key))
+            ordered.push(key);
+        seen.set(key, rule);
+    };
+    (headerFilters ?? []).forEach(push);
+    (columnFilters ?? []).forEach(push);
+    return sanitizeFilters(ordered.map((key) => seen.get(key)));
+}
 const WORK_CENTER_DEFAULT_STATE = {
     activeArea: 'MyInbox',
     byArea: {
@@ -547,6 +602,12 @@ let WorkCenterState = class WorkCenterState {
     static runtimeFilterSchema(snapshot) {
         return snapshot.runtimeFilterSchema;
     }
+    static headerFilters(snapshot) {
+        return snapshot.headerFilters;
+    }
+    static columnFilters(snapshot) {
+        return snapshot.columnFilters;
+    }
     static totalCount(snapshot) {
         return snapshot.totalCount;
     }
@@ -579,11 +640,23 @@ let WorkCenterState = class WorkCenterState {
             isSameContext(current.context, nextContext)) {
             return;
         }
+        // External `runtimeFilters` writes are treated as header-slice writes so
+        // the in-table column filter slice doesn't get stranded out of sync.
+        const filtersChanged = action.patch.runtimeFilters !== undefined;
+        const nextHeaderFilters = filtersChanged
+            ? nextContext.runtimeFilters
+            : current.headerFilters;
+        const nextColumnFilters = filtersChanged ? [] : current.columnFilters;
         ctx.patchState({
             activeArea: action.area,
             byArea: {
                 ...state.byArea,
-                [action.area]: { ...current, context: nextContext },
+                [action.area]: {
+                    ...current,
+                    headerFilters: nextHeaderFilters,
+                    columnFilters: nextColumnFilters,
+                    context: nextContext,
+                },
             },
         });
     }
@@ -598,11 +671,24 @@ let WorkCenterState = class WorkCenterState {
             contextChanged ||
             (!current.lastLoadedAt && !runtimeLoading);
         if (areaChanged || contextChanged) {
+            // URL-derived filters land on the header slice. Anything previously
+            // applied via the in-table column filters is dropped so the BE payload
+            // matches what the user sees on the page header.
+            const filtersFromInputs = action.inputs?.filters !== undefined;
+            const nextHeaderFilters = filtersFromInputs
+                ? nextContext.runtimeFilters
+                : current.headerFilters;
+            const nextColumnFilters = filtersFromInputs ? [] : current.columnFilters;
             ctx.patchState({
                 activeArea: action.area,
                 byArea: {
                     ...state.byArea,
-                    [action.area]: { ...current, context: nextContext },
+                    [action.area]: {
+                        ...current,
+                        headerFilters: nextHeaderFilters,
+                        columnFilters: nextColumnFilters,
+                        context: nextContext,
+                    },
                 },
             });
         }
@@ -618,6 +704,47 @@ let WorkCenterState = class WorkCenterState {
             lookups: Array.isArray(action.lookups) ? action.lookups : [],
         });
     }
+    applyHeaderFilters(ctx, action) {
+        return this.applyFilterSlice(ctx, action.area, {
+            headerFilters: action.filters,
+        });
+    }
+    applyColumnFilters(ctx, action) {
+        return this.applyFilterSlice(ctx, action.area, {
+            columnFilters: action.filters,
+        });
+    }
+    applyFilterSlice(ctx, area, patch) {
+        const state = ctx.getState();
+        const current = state.byArea[area];
+        const headerFilters = patch.headerFilters ?? current.headerFilters;
+        const columnFilters = patch.columnFilters ?? current.columnFilters;
+        const runtimeFilters = mergeRuntimeFilters(headerFilters, columnFilters);
+        const sameHeader = JSON.stringify(headerFilters) === JSON.stringify(current.headerFilters);
+        const sameColumn = JSON.stringify(columnFilters) === JSON.stringify(current.columnFilters);
+        const sameMerged = JSON.stringify(runtimeFilters) ===
+            JSON.stringify(current.context.runtimeFilters);
+        if (sameHeader && sameColumn && sameMerged) {
+            return;
+        }
+        ctx.patchState({
+            activeArea: area,
+            byArea: {
+                ...state.byArea,
+                [area]: {
+                    ...current,
+                    headerFilters,
+                    columnFilters,
+                    context: {
+                        ...current.context,
+                        runtimeFilters,
+                        page: 1,
+                    },
+                },
+            },
+        });
+        return ctx.dispatch(new LoadRuntime(area, 'filters-change'));
+    }
     loadRuntime(ctx, action) {
         const state = ctx.getState();
         const areaState = state.byArea[action.area];
@@ -678,6 +805,12 @@ __decorate([
 __decorate([
     Action(SetLookups)
 ], WorkCenterState.prototype, "setLookups", null);
+__decorate([
+    Action(ApplyHeaderFilters)
+], WorkCenterState.prototype, "applyHeaderFilters", null);
+__decorate([
+    Action(ApplyColumnFilters)
+], WorkCenterState.prototype, "applyColumnFilters", null);
 __decorate([
     Action(LoadRuntime)
 ], WorkCenterState.prototype, "loadRuntime", null);
@@ -708,6 +841,12 @@ __decorate([
 __decorate([
     Selector([WorkCenterState.activeSnapshot])
 ], WorkCenterState, "runtimeFilterSchema", null);
+__decorate([
+    Selector([WorkCenterState.activeSnapshot])
+], WorkCenterState, "headerFilters", null);
+__decorate([
+    Selector([WorkCenterState.activeSnapshot])
+], WorkCenterState, "columnFilters", null);
 __decorate([
     Selector([WorkCenterState.activeSnapshot])
 ], WorkCenterState, "totalCount", null);
@@ -731,7 +870,7 @@ WorkCenterState = __decorate([
 ], WorkCenterState);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterState, decorators: [{
             type: Injectable
-        }], propDecorators: { enterArea: [], hydrateFromContext: [], setParams: [], setLookups: [], loadRuntime: [] } });
+        }], propDecorators: { enterArea: [], hydrateFromContext: [], setParams: [], setLookups: [], applyHeaderFilters: [], applyColumnFilters: [], loadRuntime: [] } });
 
 class WorkCenterFacade {
     store = inject(Store);
@@ -743,6 +882,8 @@ class WorkCenterFacade {
     kpis = select(WorkCenterState.kpis);
     lookups = select(WorkCenterState.lookups);
     runtimeFilterSchema = select(WorkCenterState.runtimeFilterSchema);
+    headerFilters = select(WorkCenterState.headerFilters);
+    columnFilters = select(WorkCenterState.columnFilters);
     totalCount = select(WorkCenterState.totalCount);
     warnings = select(WorkCenterState.warnings);
     loadingActive = select(WorkCenterState.getLoadingActive);
@@ -798,10 +939,24 @@ class WorkCenterFacade {
         ]);
     }
     applyRuntimeFiltersAndLoad(area, runtimeFilters) {
-        return this.store.dispatch([
-            new HydrateFromContext(area, { runtimeFilters, page: 1 }),
-            new LoadRuntime(area, 'filters-change'),
-        ]);
+        // Back-compat: any caller that previously set the entire `runtimeFilters`
+        // array now lands on the header slice. The in-table column filter slice is
+        // cleared so the merged payload matches what callers expect.
+        return this.store.dispatch(new ApplyHeaderFilters(area, runtimeFilters));
+    }
+    /**
+     * Replaces the property-filter-builder slice. Resets pagination to page 1
+     * and reloads with merged `headerFilters` + `columnFilters`.
+     */
+    applyHeaderFiltersAndLoad(area, runtimeFilters) {
+        return this.store.dispatch(new ApplyHeaderFilters(area, runtimeFilters));
+    }
+    /**
+     * Replaces the in-table column filter slice. Resets pagination to page 1
+     * and reloads with merged `headerFilters` + `columnFilters`.
+     */
+    applyColumnFiltersAndLoad(area, runtimeFilters) {
+        return this.store.dispatch(new ApplyColumnFilters(area, runtimeFilters));
     }
     loadRuntime(area, reason = 'manual') {
         return this.store.dispatch(new LoadRuntime(area, reason));
@@ -891,6 +1046,118 @@ function normalizeCardKey(value) {
         .replace(/[\s_-]/g, '')
         .toLowerCase();
 }
+/**
+ * Strips the user envelope used by `mt-table` user filters down to the
+ * scalar id that the BE rule payload accepts. Falls back to the original
+ * value for non-user shapes (e.g. simple string in a select filter).
+ */
+function extractIdScalar(value) {
+    if (value !== null &&
+        typeof value === 'object' &&
+        'id' in value) {
+        return value['id'];
+    }
+    return value;
+}
+function toIsoDate(value) {
+    if (value instanceof Date)
+        return value.toISOString();
+    return value;
+}
+/**
+ * Translates one in-table column filter value into a `WorkCenterFilterRule`.
+ *
+ * The shape of `raw` depends on the column's filter type — see
+ * `mt-table` `table-filter-field` outputs:
+ * - text     → string                              → `Contains`
+ * - select   → scalar | scalar[]                   → `Eq` | `In`
+ * - boolean  → boolean                             → `Eq`
+ * - date     → `{ from?, to?, value? }` (Date|null)→ `Between`/`Gte`/`Lte`/`Eq`
+ * - user     → `{ id, ... }` | `{ id, ... }[]`    → `Eq` (id) | `In` (ids)
+ *
+ * Returns `null` when the value is empty / nothing to send.
+ */
+function toRuntimeFilterRule(field, raw, column) {
+    if (raw === null || raw === undefined || raw === '')
+        return null;
+    if (typeof raw === 'boolean') {
+        return { field, op: 'Eq', value: raw };
+    }
+    if (typeof raw === 'number') {
+        return { field, op: 'Eq', value: raw };
+    }
+    if (typeof raw === 'string') {
+        if (!raw.trim().length)
+            return null;
+        return { field, op: 'Contains', value: raw };
+    }
+    if (Array.isArray(raw)) {
+        const values = raw
+            .map(extractIdScalar)
+            .filter((v) => v !== null && v !== undefined && v !== '');
+        if (!values.length)
+            return null;
+        return { field, op: 'In', values };
+    }
+    if (typeof raw === 'object') {
+        const obj = raw;
+        // User filter envelope -> single-id Eq.
+        if (obj.id !== undefined && obj.id !== null && obj.id !== '') {
+            return { field, op: 'Eq', value: obj.id };
+        }
+        const hasFrom = obj.from !== undefined && obj.from !== null;
+        const hasTo = obj.to !== undefined && obj.to !== null;
+        if (hasFrom && hasTo) {
+            return {
+                field,
+                op: 'Between',
+                from: toIsoDate(obj.from),
+                to: toIsoDate(obj.to),
+            };
+        }
+        if (hasFrom) {
+            return { field, op: 'Gte', value: toIsoDate(obj.from) };
+        }
+        if (hasTo) {
+            return { field, op: 'Lte', value: toIsoDate(obj.to) };
+        }
+        if (obj.value !== undefined && obj.value !== null && obj.value !== '') {
+            const treatAsContains = column?.type === 'text' ||
+                (column?.filterConfig?.type === 'text' &&
+                    typeof obj.value === 'string');
+            if (treatAsContains) {
+                return { field, op: 'Contains', value: obj.value };
+            }
+            return { field, op: 'Eq', value: extractIdScalar(obj.value) };
+        }
+    }
+    return null;
+}
+/**
+ * Walks `mt-table`'s filter map and produces the `WorkCenterFilterRule[]`
+ * sent on the BE column-filter slice. The synthetic `generalSearch` key is
+ * skipped because the page keeps general search local-only.
+ */
+function buildColumnRuntimeFilters(filters, columns, allowedFields) {
+    if (!filters)
+        return [];
+    const allowed = allowedFields && allowedFields.length ? new Set(allowedFields) : null;
+    const columnByKey = new Map(columns.map((col) => [col.key, col]));
+    const rules = [];
+    for (const [key, raw] of Object.entries(filters)) {
+        if (key === 'generalSearch')
+            continue;
+        if (allowed && !allowed.has(key))
+            continue;
+        const rule = toRuntimeFilterRule(key, raw, columnByKey.get(key));
+        if (rule)
+            rules.push(rule);
+    }
+    return rules;
+}
+function areFilterRulesEqual(left, right) {
+    return JSON.stringify(left) === JSON.stringify(right);
+}
 function mapAllowedFields(schema) {
     const properties = schema.properties ?? [];
     const fromProperties = properties
@@ -965,6 +1232,8 @@ class WorkCenterPage {
     columns = this.facade.columns;
     kpis = this.facade.kpis;
     runtimeFilterSchema = this.facade.runtimeFilterSchema;
+    totalCount = this.facade.totalCount;
+    columnFilters = this.facade.columnFilters;
     loading = this.facade.loading;
     tableColumns = computed(() => this.columns().map((column) => ({
         ...column,
@@ -1037,13 +1306,33 @@ class WorkCenterPage {
             from: filter.from,
             to: filter.to,
         }));
-        this.facade.applyRuntimeFiltersAndLoad(this.area(), mappedFilters);
+        this.facade.applyHeaderFiltersAndLoad(this.area(), mappedFilters);
         this.runtimeFiltersChanged.emit(mappedFilters);
     }
     onRuntimeFiltersCleared() {
-        this.facade.applyRuntimeFiltersAndLoad(this.area(), []);
+        this.facade.applyHeaderFiltersAndLoad(this.area(), []);
         this.runtimeFiltersChanged.emit([]);
     }
+    /**
+     * Single entry point for `mt-table` (`lazy=true`) — handles both column
+     * filters and pagination/sort. Filter changes always reset the page to 1
+     * (handled by `applyColumnFiltersAndLoad`); when only paging/sort changed
+     * we fall through to `applyTableLazyLoadAndLoad`.
+     */
+    onTableLazyLoad(event) {
+        const schema = this.runtimeFilterSchema();
+        const propertyKeys = (schema?.properties ?? [])
+            .map((p) => p?.key)
+            .filter((k) => typeof k === 'string' && k.length > 0);
+        const allowedKeys = schema?.allowedFields ?? [];
+        const allowedFields = propertyKeys.length ? propertyKeys : allowedKeys;
+        const nextColumnFilters = buildColumnRuntimeFilters(event?.filters, this.columns(), allowedFields.length ? allowedFields : undefined);
+        if (!areFilterRulesEqual(nextColumnFilters, this.columnFilters())) {
+            this.facade.applyColumnFiltersAndLoad(this.area(), nextColumnFilters);
+            return;
+        }
+        this.facade.applyTableLazyLoadAndLoad(this.area(), event);
+    }
     onGeneralTaskCreateClick() {
         const modalOptions = this.generalTaskModal();
         const modalData = {
@@ -1091,7 +1380,7 @@ class WorkCenterPage {
         if (!modalOptions?.component) {
             return;
         }
-        this.modal.openModal(modalOptions.component, 'drawer', {
+        const ref = this.modal.openModal(modalOptions.component, 'drawer', {
             header: modalOptions?.header ??
                 this.transloco.translate('workCenter.page.itemDetails'),
             styleClass: modalOptions?.styleClass ?? this.defaultModalStyleClass,
@@ -1101,6 +1390,9 @@ class WorkCenterPage {
             ...(modalOptions?.appendTo ? { appendTo: modalOptions.appendTo } : {}),
             inputValues: { contextKey },
         });
+        ref.onClose.pipe(take(1)).subscribe(() => {
+            this.facade.loadRuntime(this.area(), 'refresh');
+        });
     }
     rowsClickable = computed(() => this.openItemsInModal(), ...(ngDevMode ? [{ debugName: "rowsClickable" }] : /* istanbul ignore next */ []));
     getOpLabel(key) {
@@ -1117,7 +1409,7 @@ class WorkCenterPage {
         return normalized.length ? normalized : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterPage, isStandalone: true, selector: "mt-work-center-page", inputs: { area: { classPropertyName: "area", publicName: "area", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, menuIcon: { classPropertyName: "menuIcon", publicName: "menuIcon", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, openItemsInModal: { classPropertyName: "openItemsInModal", publicName: "openItemsInModal", isSignal: true, isRequired: false, transformFunction: null }, itemModal: { classPropertyName: "itemModal", publicName: "itemModal", isSignal: true, isRequired: false, transformFunction: null }, generalTaskModal: { classPropertyName: "generalTaskModal", publicName: "generalTaskModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeFiltersChanged: "runtimeFiltersChanged", itemClicked: "itemClicked" }, ngImport: i0, template: "<mt-client-page\r\n  [menuIcon]=\"menuIcon()\"\r\n  [menuTitle]=\"resolvedPageTitle()\"\r\n  [menuItems]=\"menuItems()\"\r\n  [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n  [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n  storageKey=\"work-center-client-page\"\r\n  (menuItemClick)=\"onMenuItemClick($event)\"\r\n>\r\n  <ng-template #headerClientPageEnd>\r\n    <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n      <mt-property-filter-builder\r\n        [schema]=\"propertyFilterSchema()\"\r\n        [filters]=\"context().runtimeFilters\"\r\n        (applied)=\"onRuntimeFiltersApplied($event)\"\r\n        (cleared)=\"onRuntimeFiltersCleared()\"\r\n      />\r\n\r\n      @if (showGeneralTaskCreateButton()) {\r\n        <mt-button\r\n          [label]=\"generalTaskButtonLabel()\"\r\n          [icon]=\"generalTaskButtonIcon()\"\r\n          size=\"small\"\r\n          (onClick)=\"onGeneralTaskCreateClick()\"\r\n        />\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [pageSize]=\"20\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      storageKey=\"work-center-page-table\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</mt-client-page>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ClientPage, selector: "mt-client-page", inputs: ["menuIcon", "menuTitle", "menuItems", "menuItemsLoading", "activeItem", "collapsed", "resizable", "storageKey", "storageMode", "minSidebarWidth", "maxSidebarWidth", "defaultSidebarWidth"], outputs: ["collapsedChange", "menuItemClick"] }, { kind: "component", type: PropertyFilterBuilder, selector: "mt-property-filter-builder", inputs: ["schema", "filters", "title", "buttonLabel", "disabled"], outputs: ["filtersChange", "applied", "cleared"] }, { kind: "component", type: StatisticCard, selector: "mt-statistic-card", inputs: ["data", "cardClass"] }, { 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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterPage, isStandalone: true, selector: "mt-work-center-page", inputs: { area: { classPropertyName: "area", publicName: "area", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, menuIcon: { classPropertyName: "menuIcon", publicName: "menuIcon", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, openItemsInModal: { classPropertyName: "openItemsInModal", publicName: "openItemsInModal", isSignal: true, isRequired: false, transformFunction: null }, itemModal: { classPropertyName: "itemModal", publicName: "itemModal", isSignal: true, isRequired: false, transformFunction: null }, generalTaskModal: { classPropertyName: "generalTaskModal", publicName: "generalTaskModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeFiltersChanged: "runtimeFiltersChanged", itemClicked: "itemClicked" }, ngImport: i0, template: "<mt-client-page\r\n  [menuIcon]=\"menuIcon()\"\r\n  [menuTitle]=\"resolvedPageTitle()\"\r\n  [menuItems]=\"menuItems()\"\r\n  [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n  [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n  storageKey=\"work-center-client-page\"\r\n  (menuItemClick)=\"onMenuItemClick($event)\"\r\n>\r\n  <ng-template #headerClientPageEnd>\r\n    <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n      <mt-property-filter-builder\r\n        [schema]=\"propertyFilterSchema()\"\r\n        [filters]=\"context().runtimeFilters\"\r\n        (applied)=\"onRuntimeFiltersApplied($event)\"\r\n        (cleared)=\"onRuntimeFiltersCleared()\"\r\n      />\r\n\r\n      @if (showGeneralTaskCreateButton()) {\r\n        <mt-button\r\n          [label]=\"generalTaskButtonLabel()\"\r\n          [icon]=\"generalTaskButtonIcon()\"\r\n          size=\"small\"\r\n          (onClick)=\"onGeneralTaskCreateClick()\"\r\n        />\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [lazy]=\"true\"\r\n      [lazyLocalSearch]=\"true\"\r\n      [lazyTotalRecords]=\"totalCount()\"\r\n      [pageSize]=\"context().pageSize\"\r\n      [currentPage]=\"context().page - 1\"\r\n      [first]=\"(context().page - 1) * context().pageSize\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      storageKey=\"work-center-page-table\"\r\n      (lazyLoad)=\"onTableLazyLoad($event)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</mt-client-page>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ClientPage, selector: "mt-client-page", inputs: ["menuIcon", "menuTitle", "menuItems", "menuItemsLoading", "activeItem", "collapsed", "resizable", "storageKey", "storageMode", "minSidebarWidth", "maxSidebarWidth", "defaultSidebarWidth"], outputs: ["collapsedChange", "menuItemClick"] }, { kind: "component", type: PropertyFilterBuilder, selector: "mt-property-filter-builder", inputs: ["schema", "filters", "title", "buttonLabel", "disabled"], outputs: ["filtersChange", "applied", "cleared"] }, { kind: "component", type: StatisticCard, selector: "mt-statistic-card", inputs: ["data", "cardClass"] }, { 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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterPage, decorators: [{
             type: Component,
@@ -1129,7 +1421,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         StatisticCard,
                         Table,
                         SkeletonModule,
-                    ], template: "<mt-client-page\r\n  [menuIcon]=\"menuIcon()\"\r\n  [menuTitle]=\"resolvedPageTitle()\"\r\n  [menuItems]=\"menuItems()\"\r\n  [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n  [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n  storageKey=\"work-center-client-page\"\r\n  (menuItemClick)=\"onMenuItemClick($event)\"\r\n>\r\n  <ng-template #headerClientPageEnd>\r\n    <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n      <mt-property-filter-builder\r\n        [schema]=\"propertyFilterSchema()\"\r\n        [filters]=\"context().runtimeFilters\"\r\n        (applied)=\"onRuntimeFiltersApplied($event)\"\r\n        (cleared)=\"onRuntimeFiltersCleared()\"\r\n      />\r\n\r\n      @if (showGeneralTaskCreateButton()) {\r\n        <mt-button\r\n          [label]=\"generalTaskButtonLabel()\"\r\n          [icon]=\"generalTaskButtonIcon()\"\r\n          size=\"small\"\r\n          (onClick)=\"onGeneralTaskCreateClick()\"\r\n        />\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [pageSize]=\"20\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      storageKey=\"work-center-page-table\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</mt-client-page>\r\n" }]
+                    ], template: "<mt-client-page\r\n  [menuIcon]=\"menuIcon()\"\r\n  [menuTitle]=\"resolvedPageTitle()\"\r\n  [menuItems]=\"menuItems()\"\r\n  [menuItemsLoading]=\"loading() && !menuItems().length\"\r\n  [activeItem]=\"context().selectedCardKey ?? undefined\"\r\n  storageKey=\"work-center-client-page\"\r\n  (menuItemClick)=\"onMenuItemClick($event)\"\r\n>\r\n  <ng-template #headerClientPageEnd>\r\n    <div class=\"flex flex-wrap items-center justify-end gap-2\">\r\n      <mt-property-filter-builder\r\n        [schema]=\"propertyFilterSchema()\"\r\n        [filters]=\"context().runtimeFilters\"\r\n        (applied)=\"onRuntimeFiltersApplied($event)\"\r\n        (cleared)=\"onRuntimeFiltersCleared()\"\r\n      />\r\n\r\n      @if (showGeneralTaskCreateButton()) {\r\n        <mt-button\r\n          [label]=\"generalTaskButtonLabel()\"\r\n          [icon]=\"generalTaskButtonIcon()\"\r\n          size=\"small\"\r\n          (onClick)=\"onGeneralTaskCreateClick()\"\r\n        />\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <div class=\"flex flex-col gap-8\">\r\n    @if (loading()) {\r\n      <div\r\n        class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-3\"\r\n      >\r\n        @for (_ of [1, 2, 3, 4, 5]; track $index) {\r\n          <p-skeleton height=\"6.5rem\" class=\"rounded-lg\" />\r\n        }\r\n      </div>\r\n    } @else if (kpis().length) {\r\n      <div class=\"gap-3 flex flex-wrap\">\r\n        @for (kpi of kpis(); track $index) {\r\n          <mt-statistic-card [data]=\"kpi\" class=\"min-w-[200px]\" />\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <mt-table\r\n      noCard\r\n      [data]=\"rows()\"\r\n      [columns]=\"tableColumns()\"\r\n      tableLayout=\"auto\"\r\n      [clickableRows]=\"rowsClickable()\"\r\n      [loading]=\"loading()\"\r\n      [showFilters]=\"true\"\r\n      filterMode=\"column\"\r\n      [cellClickFilter]=\"true\"\r\n      [generalSearch]=\"true\"\r\n      [exportable]=\"true\"\r\n      [printable]=\"true\"\r\n      [groupable]=\"true\"\r\n      [freezeActions]=\"true\"\r\n      [lazy]=\"true\"\r\n      [lazyLocalSearch]=\"true\"\r\n      [lazyTotalRecords]=\"totalCount()\"\r\n      [pageSize]=\"context().pageSize\"\r\n      [currentPage]=\"context().page - 1\"\r\n      [first]=\"(context().page - 1) * context().pageSize\"\r\n      [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n      storageKey=\"work-center-page-table\"\r\n      (lazyLoad)=\"onTableLazyLoad($event)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n    />\r\n  </div>\r\n</mt-client-page>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { area: [{ type: i0.Input, args: [{ isSignal: true, alias: "area", required: false }] }], pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], menuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuIcon", required: false }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], openItemsInModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "openItemsInModal", required: false }] }], itemModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemModal", required: false }] }], generalTaskModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "generalTaskModal", required: false }] }], runtimeFiltersChanged: [{ type: i0.Output, args: ["runtimeFiltersChanged"] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
 
 function readItemContext(details) {
@@ -1414,7 +1706,7 @@ class WorkCenterModuleType {
         this.actionContext?.setFormSource(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterModuleType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterModuleType, isStandalone: true, selector: "mt-work-center-module-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'details'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [readonly]=\"true\"\r\n              [lookups]=\"lookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'discussion'\"\r\n      >\r\n        @if (canRenderDiscussion()) {\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"discussionModuleType()\"\r\n              [recordId]=\"resolvedInstanceId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.moduleDiscussionUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterModuleType, isStandalone: true, selector: "mt-work-center-module-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'details'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [readonly]=\"true\"\r\n              [lookups]=\"lookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'discussion'\"\r\n      >\r\n        @if (canRenderDiscussion()) {\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"discussionModuleType()\"\r\n              [recordId]=\"resolvedInstanceId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.moduleDiscussionUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterModuleType, decorators: [{
             type: Component,
@@ -1638,7 +1930,7 @@ class WorkCenterProcessRequestType {
         this.actionContext?.setFormSource(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessRequestType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessRequestType, isStandalone: true, selector: "mt-work-center-process-request-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'requestDetails'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"true\"\r\n              [lookups]=\"lookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.requestFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'discussion'\"\r\n      >\r\n        @if (canRenderDiscussion()) {\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"discussionRecordId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestDiscussionUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessRequestType, isStandalone: true, selector: "mt-work-center-process-request-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'requestDetails'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"true\"\r\n              [lookups]=\"lookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.requestFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'discussion'\"\r\n      >\r\n        @if (canRenderDiscussion()) {\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"discussionRecordId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestDiscussionUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessRequestType, decorators: [{
             type: Component,
@@ -1717,7 +2009,7 @@ class WorkCenterProcessStepType {
         this.actionContext?.setFormSource(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessStepType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessStepType, isStandalone: true, selector: "mt-work-center-process-step-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'form'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [lookups]=\"lookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'discussion'\"\r\n      >\r\n        @if (canRenderDiscussion()) {\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"discussionRecordId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processDiscussionUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessStepType, isStandalone: true, selector: "mt-work-center-process-step-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'form'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [lookups]=\"lookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'discussion'\"\r\n      >\r\n        @if (canRenderDiscussion()) {\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"discussionRecordId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processDiscussionUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "preview", "returnUrl", "defaultValues", "submitRequestMapper", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "lookups", "ignoredFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessStepType, decorators: [{
             type: Component,
@@ -1820,6 +2112,7 @@ class WorkCenterItemModalFooterActions {
         this.currentExecution = execution;
         const result = await this.runner.execute(action, {
             defaultAfterSuccess: 'refresh',
+            silent: true,
             externalPayloadResolvers: {
                 values: () => this.actionContext.resolveFormValues(),
             },
@@ -2085,5 +2378,5 @@ const APP_STATES = [WorkCenterState];
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATES, EnterArea, HydrateFromContext, LoadRuntime, SetLookups, SetParams, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterState };
+export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, EnterArea, HydrateFromContext, LoadRuntime, SetLookups, SetParams, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterState };
 //# sourceMappingURL=masterteam-work-center.mjs.map