@masterteam/work-center 0.0.82 → 0.0.84

package/fesm2022/masterteam-work-center.mjs

@@ -15,8 +15,8 @@ import { SkeletonModule } from 'primeng/skeleton';
 import { catchError, EMPTY, map, take, firstValueFrom, of } from 'rxjs';
 import { ModalRef } from '@masterteam/components/dialog';
 import { DrawerController } from '@masterteam/components/dynamic-drawer';
-import { ClientForm, ClientFormWarningsDialog, ClientFormApiService } from '@masterteam/forms/client-form';
-import { HttpClient } from '@angular/common/http';
+import { ClientForm, ClientFormWarningsDialog } from '@masterteam/forms/client-form';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Router, ActivatedRoute } from '@angular/router';
 import { Drawer } from '@masterteam/components/drawer';
 import { RuntimeActionContextStore, RuntimeActionRunner, RUNTIME_ACTION_CONFIRM_DIALOG, hasActionFormFields, buildActionPayload, resolveActionLabel } from '@masterteam/components/runtime-action';
@@ -1322,20 +1322,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
 
 /**
  * The channel between the client form in the modal body and the action footer,
- * route-scoped alongside `RuntimeActionContextStore`. It carries three things
+ * route-scoped alongside `RuntimeActionContextStore`. It carries two things
  * in both directions:
  *
- * - the form's submit context, for the validate pre-flight;
  * - whether the form is locally complete, so the footer can gate its actions;
  * - the failure messages of the last action, so they can be rendered above the
  *   form instead of squeezed beside the buttons.
  */
 class WorkCenterActionFormStore {
-    formContext = signal(null, ...(ngDevMode ? [{ debugName: "formContext" }] : /* istanbul ignore next */ []));
     formIncomplete = signal(false, ...(ngDevMode ? [{ debugName: "formIncomplete" }] : /* istanbul ignore next */ []));
     actionErrors = signal([], ...(ngDevMode ? [{ debugName: "actionErrors" }] : /* istanbul ignore next */ []));
     errorHosted = signal(false, ...(ngDevMode ? [{ debugName: "errorHosted" }] : /* istanbul ignore next */ []));
-    context = this.formContext.asReadonly();
     /**
      * True while the on-screen form fails its own local validation — a required
      * field left empty, a formula error. The footer disables the actions that
@@ -1353,9 +1350,6 @@ class WorkCenterActionFormStore {
      * claims them, so an item type with no form still reports a failure.
      */
     hasErrorHost = this.errorHosted.asReadonly();
-    setContext(context) {
-        this.formContext.set(context);
-    }
     setIncomplete(incomplete) {
         this.formIncomplete.set(incomplete);
     }
@@ -2421,22 +2415,6 @@ class WorkCenterProcessRequestType {
         effect(() => {
             this.actionContext?.setFormSource(this.readOnly() ? null : (this.clientForm() ?? null));
         });
-        // See the equivalent effect in `WorkCenterProcessStepType`. Gated on
-        // `isReadonly` rather than `readOnly`, since the request form is only
-        // editable while the request sits in `Returned`.
-        effect(() => {
-            this.formStore?.setContext(this.isReadonly() || !this.canRenderForm()
-                ? null
-                : {
-                    moduleKey: this.moduleKey(),
-                    operationKey: this.operationKey(),
-                    moduleId: this.moduleId(),
-                    levelId: this.levelId(),
-                    levelDataId: this.levelDataId(),
-                    moduleDataId: this.moduleDataId(),
-                    requestSchemaId: this.requestSchemaId(),
-                });
-        });
         // `formControl.status` is not a signal, so mirror it into one — without
         // this the footer would keep its stale enabled/disabled state while the
         // approver fills the form in.
@@ -2466,12 +2444,11 @@ class WorkCenterProcessRequestType {
     }
     ngOnDestroy() {
         this.actionContext?.setFormSource(null);
-        this.formStore?.setContext(null);
         this.formStore?.setIncomplete(false);
         this.formStore?.setErrorHost(false);
     }
     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 }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'requestDetails'\"\n      >\n        <div\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n        >\n          @if (canRenderForm()) {\n            <mt-client-form\n              [moduleKey]=\"moduleKey()\"\n              [operationKey]=\"operationKey()\"\n              [moduleId]=\"moduleId()\"\n              [levelId]=\"levelId()\"\n              [levelDataId]=\"levelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [requestSchemaId]=\"requestSchemaId()\"\n              [draftProcessId]=\"draftProcessId()\"\n              [readonly]=\"isReadonly()\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\n              [hostMessages]=\"actionMessages()\"\n            />\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.requestFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'approvals'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'approvals'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.requestPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'schema'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'schema'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.requestPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      @if (!readOnly()) {\n        <div\n          class=\"h-full min-h-0 overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          @if (canRenderDiscussion()) {\n            <div\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\"\n            >\n              <mt-discussion-thread\n                [moduleType]=\"'ProcessRequest'\"\n                [recordId]=\"discussionRecordId()\"\n                [mentionSearchEndpoint]=\"'Identity/users'\"\n                [mentionSearchParam]=\"'query'\"\n                [mentionSearchDataPath]=\"'data'\"\n                [uploadEndpoint]=\"'uploader'\"\n                [attachmentDownloadEndpoint]=\"'uploader'\"\n                [showParticipants]=\"true\"\n                [autoMarkRead]=\"true\"\n                [refreshIntervalMs]=\"0\"\n                [styleClass]=\"'h-full'\"\n              />\n            </div>\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.requestDiscussionUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\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", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "templateId", "returnRecord", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "submitTransport", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "silentMessages", "hostMessages", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "disabledFieldKeys", "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"] }] });
+    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 }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, 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]=\"isReadonly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\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      @if (!readOnly()) {\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      }\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", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "templateId", "returnRecord", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "submitTransport", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "silentMessages", "hostMessages", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "disabledFieldKeys", "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,
@@ -2482,7 +2459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ClientForm,
                         DiscussionThread,
                         WorkCenterProcessPreview,
-                    ], template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'requestDetails'\"\n      >\n        <div\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n        >\n          @if (canRenderForm()) {\n            <mt-client-form\n              [moduleKey]=\"moduleKey()\"\n              [operationKey]=\"operationKey()\"\n              [moduleId]=\"moduleId()\"\n              [levelId]=\"levelId()\"\n              [levelDataId]=\"levelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [requestSchemaId]=\"requestSchemaId()\"\n              [draftProcessId]=\"draftProcessId()\"\n              [readonly]=\"isReadonly()\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\n              [hostMessages]=\"actionMessages()\"\n            />\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.requestFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'approvals'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'approvals'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.requestPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'schema'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'schema'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.requestPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      @if (!readOnly()) {\n        <div\n          class=\"h-full min-h-0 overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          @if (canRenderDiscussion()) {\n            <div\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\"\n            >\n              <mt-discussion-thread\n                [moduleType]=\"'ProcessRequest'\"\n                [recordId]=\"discussionRecordId()\"\n                [mentionSearchEndpoint]=\"'Identity/users'\"\n                [mentionSearchParam]=\"'query'\"\n                [mentionSearchDataPath]=\"'data'\"\n                [uploadEndpoint]=\"'uploader'\"\n                [attachmentDownloadEndpoint]=\"'uploader'\"\n                [showParticipants]=\"true\"\n                [autoMarkRead]=\"true\"\n                [refreshIntervalMs]=\"0\"\n                [styleClass]=\"'h-full'\"\n              />\n            </div>\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.requestDiscussionUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+                    ], 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]=\"isReadonly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\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      @if (!readOnly()) {\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      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], clientForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }] } });
 
 class WorkCenterProcessStepType {
@@ -2613,23 +2590,6 @@ class WorkCenterProcessStepType {
         effect(() => {
             this.actionContext?.setFormSource(this.readOnly() ? null : (this.clientForm() ?? null));
         });
-        // Publishes what the footer's `process-submit/validate` pre-flight needs.
-        // Only the editable case is published: on a read-only form the approver
-        // cannot fix anything, so blocking them on a rule failure would strand the
-        // action instead of helping.
-        effect(() => {
-            this.formStore?.setContext(this.readOnly() || !this.canRenderForm()
-                ? null
-                : {
-                    moduleKey: this.moduleKey(),
-                    operationKey: this.operationKey(),
-                    moduleId: this.moduleId(),
-                    levelId: this.levelId(),
-                    levelDataId: this.levelDataId(),
-                    moduleDataId: this.moduleDataId(),
-                    requestSchemaId: this.requestSchemaId(),
-                });
-        });
         // `formControl.status` is not a signal, so mirror it into one — without
         // this the footer would keep its stale enabled/disabled state while the
         // approver fills the form in.
@@ -2659,12 +2619,11 @@ class WorkCenterProcessStepType {
     }
     ngOnDestroy() {
         this.actionContext?.setFormSource(null);
-        this.formStore?.setContext(null);
         this.formStore?.setIncomplete(false);
         this.formStore?.setErrorHost(false);
     }
     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 }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }, { propertyName: "levelPreview", first: true, predicate: ClientInstancePreview, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'form'\"\n      >\n        <div\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n        >\n          @if (canRenderForm()) {\n            <mt-client-form\n              [moduleKey]=\"moduleKey()\"\n              [operationKey]=\"operationKey()\"\n              [moduleId]=\"moduleId()\"\n              [levelId]=\"levelId()\"\n              [levelDataId]=\"levelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [requestSchemaId]=\"requestSchemaId()\"\n              [draftProcessId]=\"draftProcessId()\"\n              [readonly]=\"readOnly()\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\n              [hostMessages]=\"actionMessages()\"\n            />\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.processFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'levelDetails'\"\n      >\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\n          <div\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n          >\n            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'approvals'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'approvals'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.processPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'schema'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'schema'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.processPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      @if (!readOnly()) {\n        <div\n          class=\"h-full min-h-0 overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          @if (canRenderDiscussion()) {\n            <div\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\"\n            >\n              <mt-discussion-thread\n                [moduleType]=\"'ProcessRequest'\"\n                [recordId]=\"discussionRecordId()\"\n                [mentionSearchEndpoint]=\"'Identity/users'\"\n                [mentionSearchParam]=\"'query'\"\n                [mentionSearchDataPath]=\"'data'\"\n                [uploadEndpoint]=\"'uploader'\"\n                [attachmentDownloadEndpoint]=\"'uploader'\"\n                [showParticipants]=\"true\"\n                [autoMarkRead]=\"true\"\n                [refreshIntervalMs]=\"0\"\n                [styleClass]=\"'h-full'\"\n              />\n            </div>\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.processDiscussionUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\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", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "templateId", "returnRecord", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "submitTransport", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "silentMessages", "hostMessages", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "disabledFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: ClientInstancePreview, selector: "mt-client-instance-preview", inputs: ["config", "hideEmptyState", "stackOnNarrow"] }, { 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 }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }, { propertyName: "levelPreview", first: true, predicate: ClientInstancePreview, 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              [readonly]=\"readOnly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\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=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'levelDetails'\"\r\n      >\r\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\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            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\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() !== '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      @if (!readOnly()) {\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      }\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", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "templateId", "returnRecord", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "submitTransport", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "silentMessages", "hostMessages", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "disabledFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: ClientInstancePreview, selector: "mt-client-instance-preview", inputs: ["config", "hideEmptyState", "stackOnNarrow"] }, { 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,
@@ -2676,7 +2635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ClientInstancePreview,
                         DiscussionThread,
                         WorkCenterProcessPreview,
-                    ], template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'form'\"\n      >\n        <div\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n        >\n          @if (canRenderForm()) {\n            <mt-client-form\n              [moduleKey]=\"moduleKey()\"\n              [operationKey]=\"operationKey()\"\n              [moduleId]=\"moduleId()\"\n              [levelId]=\"levelId()\"\n              [levelDataId]=\"levelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [requestSchemaId]=\"requestSchemaId()\"\n              [draftProcessId]=\"draftProcessId()\"\n              [readonly]=\"readOnly()\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\n              [hostMessages]=\"actionMessages()\"\n            />\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.processFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'levelDetails'\"\n      >\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\n          <div\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n          >\n            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'approvals'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'approvals'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.processPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'schema'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'schema'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.processPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      @if (!readOnly()) {\n        <div\n          class=\"h-full min-h-0 overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          @if (canRenderDiscussion()) {\n            <div\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\"\n            >\n              <mt-discussion-thread\n                [moduleType]=\"'ProcessRequest'\"\n                [recordId]=\"discussionRecordId()\"\n                [mentionSearchEndpoint]=\"'Identity/users'\"\n                [mentionSearchParam]=\"'query'\"\n                [mentionSearchDataPath]=\"'data'\"\n                [uploadEndpoint]=\"'uploader'\"\n                [attachmentDownloadEndpoint]=\"'uploader'\"\n                [showParticipants]=\"true\"\n                [autoMarkRead]=\"true\"\n                [refreshIntervalMs]=\"0\"\n                [styleClass]=\"'h-full'\"\n              />\n            </div>\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.processDiscussionUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+                    ], 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              [readonly]=\"readOnly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\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=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'levelDetails'\"\r\n      >\r\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\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            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\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() !== '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      @if (!readOnly()) {\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      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], clientForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }], levelPreview: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientInstancePreview), { isSignal: true }] }] } });
 
 /**
@@ -2709,6 +2668,10 @@ const SCHEDULE_PUBLISH_GROUP_ORDER = [
     'changed',
     'removed',
 ];
+/** The server's per-row baseline verdict says the published side also moved. */
+function isSchedulePublishConflictRow(row) {
+    return row.draftBaselineState === 'conflict';
+}
 function summarizeSchedulePublish(diff) {
     const rows = diff?.rows ?? [];
     // Counted from the rows rather than trusted from the envelope's own counters:
@@ -2716,18 +2679,30 @@ function summarizeSchedulePublish(diff) {
     const addedCount = countByState(rows, 'added');
     const changedCount = countByState(rows, 'changed');
     const removedCount = countByState(rows, 'removed');
+    const totalCount = addedCount + changedCount + removedCount;
+    const conflictCount = rows.filter(isSchedulePublishConflictRow).length;
     return {
         hasSnapshot: diff?.hasSnapshot === true,
         addedCount,
         changedCount,
         removedCount,
-        totalCount: addedCount + changedCount + removedCount,
-        isEmpty: addedCount + changedCount + removedCount === 0,
+        totalCount,
+        conflictCount,
+        isEmpty: totalCount === 0,
+        needsAttention: totalCount > 0 || conflictCount > 0,
     };
 }
 /**
  * Group the comparison for display, optionally narrowed by a free-text search.
  *
+ * CONFLICTS LEAD, as their own section holding every conflicted row (whatever
+ * its publish state - including the zero-diff `unchanged` convergences the
+ * backend ships solely for this section). The approver has no resolution
+ * control - the section is informational: the frozen plan they are approving
+ * was captured while the live plan had moved under it. The remaining rows
+ * group added → changed → removed exactly as before, with non-conflict
+ * `unchanged` rows still dropped.
+ *
  * Search matches a row's NAME and its changed FIELD KEYS, so "start" finds every
  * row whose planned start moved even though that text appears nowhere in a name.
  * Empty groups are dropped rather than rendered as empty headers.
@@ -2736,8 +2711,22 @@ function groupSchedulePublishRows(diff, searchText = '') {
     const rows = diff?.rows ?? [];
     const needle = searchText.trim().toLowerCase();
     const groups = [];
+    const conflicts = rows.filter(isSchedulePublishConflictRow);
+    if (conflicts.length > 0) {
+        const matching = needle
+            ? conflicts.filter((row) => matchesSchedulePublishSearch(row, needle))
+            : conflicts;
+        if (matching.length > 0) {
+            groups.push({
+                state: 'conflict',
+                rows: sortSchedulePublishRows(matching),
+                totalCount: conflicts.length,
+            });
+        }
+    }
+    const rest = rows.filter((row) => !isSchedulePublishConflictRow(row));
     for (const state of SCHEDULE_PUBLISH_GROUP_ORDER) {
-        const all = rows.filter((row) => row.state === state);
+        const all = rest.filter((row) => row.state === state);
         if (all.length === 0) {
             continue;
         }
@@ -2755,6 +2744,16 @@ function groupSchedulePublishRows(diff, searchText = '') {
     }
     return groups;
 }
+/**
+ * The changed-field keys a conflict row ships as one comma-joined string -
+ * the same wire shape the schedule read envelope uses.
+ */
+function parseSchedulePublishChangedFields(changedFields) {
+    return String(changedFields ?? '')
+        .split(',')
+        .map((field) => field.trim())
+        .filter((field) => field.length > 0);
+}
 /**
  * Plan order, falling back to the row id.
  *
@@ -2945,6 +2944,14 @@ class WorkCenterSchedulePublishType {
     isExpandable(row) {
         return row.state === 'changed' && this.changesFor(row).length > 0;
     }
+    /**
+     * The published-side field keys of a conflict row, as human labels. Rendered
+     * as an informational hint — the approver has no per-row resolution control;
+     * the frozen plan they decide on was captured as-is.
+     */
+    publishedMovedFields(row) {
+        return parseSchedulePublishChangedFields(row.publishedChangedFields).map((field) => this.fieldLabel(field));
+    }
     groupBadgeClass(state) {
         switch (state) {
             case 'added':
@@ -2953,6 +2960,8 @@ class WorkCenterSchedulePublishType {
                 return 'bg-red-100 text-red-700';
             case 'changed':
                 return 'bg-amber-100 text-amber-700';
+            case 'conflict':
+                return 'bg-orange-100 text-orange-700';
             default:
                 return 'bg-surface-100 text-surface-700';
         }
@@ -3026,7 +3035,7 @@ class WorkCenterSchedulePublishType {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterSchedulePublishType, isStandalone: true, selector: "mt-work-center-schedule-publish-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, 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      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\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(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\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(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (summary().isEmpty) {\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(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\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            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\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]=\"resolvedRequestId()\"\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        </div>\r\n      }\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", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { 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: EntityPreviewBody, selector: "mt-entity-preview-body", inputs: ["data", "attachmentShape"] }, { 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: WorkCenterSchedulePublishType, isStandalone: true, selector: "mt-work-center-schedule-publish-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, 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      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\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(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\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(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().needsAttention) {\r\n            <!-- Not `isEmpty`: a request whose only rows are zero-diff conflict\r\n                 convergences is publish-empty but must still show its conflicts\r\n                 section rather than claim there is nothing here. -->\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(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              @if (summary().conflictCount > 0) {\r\n                <span\r\n                  class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                  [class]=\"groupBadgeClass('conflict')\"\r\n                  >{{\r\n                    t(\"publish.conflictCount\", {\r\n                      count: summary().conflictCount,\r\n                    })\r\n                  }}</span\r\n                >\r\n              }\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  @if (group.state === \"conflict\") {\r\n                    <!-- Informational only: unlike the planner's drawer there is\r\n                         no keep-mine / use-published control here. The frozen\r\n                         plan under approval was captured while the live plan had\r\n                         moved on these rows. -->\r\n                    <p class=\"mb-2 text-xs text-surface-500\">\r\n                      {{ t(\"publish.conflictHint\") }}\r\n                    </p>\r\n                  }\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (\r\n                          group.state === \"conflict\" &&\r\n                          publishedMovedFields(row).length > 0\r\n                        ) {\r\n                          <p\r\n                            class=\"border-t border-surface-200 px-3 py-1.5 text-xs text-orange-700\"\r\n                          >\r\n                            {{ t(\"publish.publishedSideMoved\") }}:\r\n                            {{ publishedMovedFields(row).join(\", \") }}\r\n                          </p>\r\n                        }\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\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            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\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]=\"resolvedRequestId()\"\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        </div>\r\n      }\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", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { 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: EntityPreviewBody, selector: "mt-entity-preview-body", inputs: ["data", "attachmentShape"] }, { 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: WorkCenterSchedulePublishType, decorators: [{
             type: Component,
@@ -3037,7 +3046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         DiscussionThread,
                         EntityPreviewBody,
                         WorkCenterProcessPreview,
-                    ], 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      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\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(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\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(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (summary().isEmpty) {\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(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\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            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\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]=\"resolvedRequestId()\"\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        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+                    ], 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      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\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(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\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(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().needsAttention) {\r\n            <!-- Not `isEmpty`: a request whose only rows are zero-diff conflict\r\n                 convergences is publish-empty but must still show its conflicts\r\n                 section rather than claim there is nothing here. -->\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(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              @if (summary().conflictCount > 0) {\r\n                <span\r\n                  class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                  [class]=\"groupBadgeClass('conflict')\"\r\n                  >{{\r\n                    t(\"publish.conflictCount\", {\r\n                      count: summary().conflictCount,\r\n                    })\r\n                  }}</span\r\n                >\r\n              }\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  @if (group.state === \"conflict\") {\r\n                    <!-- Informational only: unlike the planner's drawer there is\r\n                         no keep-mine / use-published control here. The frozen\r\n                         plan under approval was captured while the live plan had\r\n                         moved on these rows. -->\r\n                    <p class=\"mb-2 text-xs text-surface-500\">\r\n                      {{ t(\"publish.conflictHint\") }}\r\n                    </p>\r\n                  }\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (\r\n                          group.state === \"conflict\" &&\r\n                          publishedMovedFields(row).length > 0\r\n                        ) {\r\n                          <p\r\n                            class=\"border-t border-surface-200 px-3 py-1.5 text-xs text-orange-700\"\r\n                          >\r\n                            {{ t(\"publish.publishedSideMoved\") }}:\r\n                            {{ publishedMovedFields(row).join(\", \") }}\r\n                          </p>\r\n                        }\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\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            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\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]=\"resolvedRequestId()\"\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        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }] } });
 /**
  * The comparison arrives on the response root, but several runtime endpoints
@@ -3142,18 +3151,65 @@ class WorkCenterFormValidationError extends Error {
     }
 }
 
+const FORM_VALIDATION_WARNINGS = 'FormValidationWarnings';
 /**
- * Renders what a process action's validation has to say, before it runs and
- * after it fails.
- *
- * Actions do not negotiate over warnings. A Work Center action is one HTTP
- * request: the `process-submit/validate` pre-flight asks about non-blocking
- * failures up front (`confirmWarnings`), and whatever the action itself answers
- * is final — a failure is reported, never acknowledged and retried.
+ * Renders what a process action's validation has to say, before it runs
+ * (`confirmWarnings`, driven by the pre-flight) and after it fails
+ * (`resolveErrorMessages`, `recover`).
  */
 class WorkCenterActionValidationHandler {
     modal = inject(ModalService);
+    runner = inject(RuntimeActionRunner);
     transloco = inject(TranslocoService);
+    /**
+     * Recovers the backend's `FormValidationWarnings` fallback.
+     *
+     * The backend revalidates immediately before it changes workflow state, so a
+     * clean pre-flight is not a promise: configuration or persisted values may
+     * have moved, the workflow may have advanced, or the receipt may have gone
+     * stale. When that happens the action is refused with `400` and a
+     * **replacement** token.
+     *
+     * These are warnings the user has not seen — that is the whole reason the
+     * pre-flight's answer no longer holds — so they are shown and confirmed like
+     * any other, and only then does the action go out again carrying the new
+     * token. Declining reports the action as `cancelled`, and the workflow stays
+     * where it was.
+     *
+     * `FormValidationErrors` — the blocking kind — are never recovered here.
+     */
+    async recover(action, error, submittedPayload, defaultAfterSuccess) {
+        const validationError = readProcessActionValidationError(error);
+        if (validationError?.kind !== FORM_VALIDATION_WARNINGS ||
+            !validationError.requiresAcknowledgement ||
+            !validationError.validationWarningsToken ||
+            validationError.validationWarningsToken ===
+                submittedPayload?.['validationWarningsToken']) {
+            return null;
+        }
+        const confirmed = await this.confirmWarnings(this.resolveValidationMessages(validationError));
+        if (!confirmed) {
+            return {
+                status: 'cancelled',
+                actionKey: action.actionKey,
+                afterSuccess: null,
+            };
+        }
+        const retryPayload = {
+            ...(submittedPayload ?? {}),
+            validationWarningsToken: validationError.validationWarningsToken,
+        };
+        // This descriptor is intentionally ephemeral, and the retry is a new
+        // request with its own idempotency key. A later action rebuilds its payload
+        // from the current form, so a token can never outlive the values it was
+        // issued for.
+        return this.runner.execute({
+            ...action,
+            needConfirmation: false,
+            payloadKeys: Object.keys(retryPayload),
+            payloadTemplate: retryPayload,
+        }, { defaultAfterSuccess, silent: true });
+    }
     /**
      * One entry per failing rule, so the footer can list them instead of
      * rendering one newline-joined blob. A single-entry array is the normal
@@ -3192,10 +3248,10 @@ class WorkCenterActionValidationHandler {
         return messages;
     }
     /**
-     * The one place a Work Center action prompts about warnings: the
-     * `process-submit/validate` pre-flight in `WorkCenterActionFormValidator`,
-     * before the action runs. Nothing on the action's own response path opens
-     * this dialog.
+     * Shared by the `actions/validate` pre-flight in
+     * `WorkCenterActionFormValidator` and by the `recover` fallback above. In the
+     * normal flow only the pre-flight raises it; a second prompt means the
+     * backend came back with warnings the pre-flight had not seen.
      *
      * Uses the client form's own warnings dialog so an approver sees the exact
      * same prompt the normal submit path raises — same layout, same wording
@@ -3243,6 +3299,8 @@ function readProcessActionValidationError(error) {
         : [];
     return {
         kind,
+        requiresAcknowledgement: details?.['requiresAcknowledgement'] === true,
+        validationWarningsToken: readNonEmptyString$1(details?.['validationWarningsToken']),
         message: readNonEmptyString$1(errors?.['message']),
         results,
     };
@@ -3289,75 +3347,108 @@ function readNonEmptyString$1(value) {
     return normalized.length ? normalized : null;
 }
 
-const PROCEED = { status: 'proceed' };
-/** The payload key carrying the edited client-form values. */
-const FORM_VALUES_PAYLOAD_KEY = 'values';
+const PROCEED = {
+    status: 'proceed',
+    validationWarningsToken: null,
+};
 /**
- * Runs `process-submit/validate` before a Work Center action that submits
- * edited client-form values (Approve, Resubmit, …).
+ * The backend action names this endpoint accepts, keyed by the runtime
+ * descriptor's `actionKey`. Reject / Return / Terminate are deliberately
+ * absent: they are not validated against the approval form and must never be
+ * pre-flighted.
+ */
+const PREFLIGHT_ACTIONS = {
+    approve: 'Approve',
+    resubmit: 'Resubmit',
+};
+const SILENT_MESSAGE_HEADERS = new HttpHeaders({ noMessage: 'true' });
+/**
+ * Runs the action-aware validation pre-flight before Approve and Resubmit.
+ *
+ * The endpoint is `POST processes/{requestId}/actions/validate`, a sibling of
+ * the action itself. It is deliberately **not** `process-submit/validate`:
+ * that one answers for a create/edit submit and carries no active request,
+ * step, action or effective approval form, so it validates the wrong scope for
+ * an approval.
+ *
+ * Three outcomes, all HTTP `200`:
  *
- * Why this exists: the process action endpoints answer `200` for non-blocking
- * rule failures, so an approver never sees the warnings that the same values
- * would raise on the normal submit path. This pre-flight reproduces the
- * client-form submit ceremony — blocking failures stop the action, warnings
- * raise the acknowledge-and-continue prompt — without submitting anything.
+ * - `Blocked` — the action is never sent, and the messages go to the footer;
+ * - `Warning` — the messages are shown, and a confirmed prompt hands the
+ *   `validationWarningsToken` to the action that follows;
+ * - `Valid` — straight through, no token.
  *
- * It is advisory only — the action endpoint stays authoritative — but it is the
- * single place a Work Center action ever asks about warnings. Nothing is
- * negotiated afterwards: the action runs once and its answer stands.
+ * The action endpoint stays authoritative and revalidates immediately before it
+ * changes workflow state, so a pre-flight that cannot be reached lets the action
+ * through rather than stranding it. See
+ * `WorkCenterActionValidationHandler.recover` for what happens when that second
+ * opinion disagrees.
  */
 class WorkCenterActionFormValidator {
-    api = inject(ClientFormApiService);
+    http = inject(HttpClient);
     actionContext = inject(RuntimeActionContextStore);
-    contextStore = inject(WorkCenterActionFormStore);
     warnings = inject(WorkCenterActionValidationHandler);
     transloco = inject(TranslocoService);
     async validate(action) {
-        const context = this.contextStore.context();
-        if (!context || !submitsFormValues(action)) {
-            return PROCEED;
-        }
-        const fields = this.actionContext.resolveFormValues();
-        if (!fields.length) {
+        const actionName = PREFLIGHT_ACTIONS[normalizeActionKey(action.actionKey)];
+        const url = resolveValidateUrl(action);
+        if (!actionName || !url) {
             return PROCEED;
         }
-        const validation = await this.runValidation(context, fields);
+        const validation = await this.runValidation(url, {
+            stepId: resolveStepId(action),
+            action: actionName,
+            // An action form with no editable fields sends `[]`, which the backend
+            // accepts — a read-only approver is still validated.
+            values: this.actionContext.resolveFormValues(),
+        });
         // A transport failure must not strand an otherwise valid action: the
         // pre-flight is advisory and the action endpoint validates again anyway.
         if (!validation) {
             return PROCEED;
         }
-        const failures = (validation.results ?? []).filter(shouldSurface);
-        const blocking = failures.filter(isBlocking);
-        if (validation.hasBlockingFailures || blocking.length) {
-            const messages = this.resolveMessages(blocking.length ? blocking : failures);
+        const failures = (validation.validation?.results ?? []).filter((result) => !result.passed);
+        if (validation.status === 'Blocked' ||
+            !validation.canProceed ||
+            validation.validation?.hasBlockingFailures) {
             return {
                 status: 'blocked',
-                error: new WorkCenterFormValidationError(messages.length
-                    ? messages
-                    : [
-                        this.transloco.translate('workCenter.actions.validationBlocked'),
-                    ]),
+                error: this.blockedError(validation, failures),
             };
         }
-        if (!failures.length) {
+        if (validation.status !== 'Warning' &&
+            !validation.requiresAcknowledgement) {
             return PROCEED;
         }
         const confirmed = await this.warnings.confirmWarnings(this.resolveMessages(failures));
-        return confirmed ? PROCEED : { status: 'cancelled' };
+        return confirmed
+            ? {
+                status: 'proceed',
+                validationWarningsToken: readNonEmptyString(validation.validationWarningsToken),
+            }
+            : { status: 'cancelled' };
     }
-    async runValidation(context, fields) {
-        const response = await firstValueFrom(this.api
-            .validate(buildValidationRequest(context, fields), true)
+    async runValidation(url, request) {
+        const response = await firstValueFrom(this.http
+            .post(url, request, { headers: SILENT_MESSAGE_HEADERS })
             .pipe(catchError(() => of(null))));
-        return response?.data ?? null;
+        return response?.code === 1 ? (response.data ?? null) : null;
+    }
+    blockedError(validation, failures) {
+        const messages = this.resolveMessages(failures);
+        if (messages.length) {
+            return new WorkCenterFormValidationError(messages);
+        }
+        return new WorkCenterFormValidationError([
+            readNonEmptyString(validation.message) ??
+                this.transloco.translate('workCenter.actions.validationBlocked'),
+        ]);
     }
     resolveMessages(results) {
         const messages = [];
         const seen = new Set();
         for (const result of results) {
-            const message = resolveLocalizedText(result.message, this.transloco.getActiveLang()) ??
-                readNonEmptyString(result.errorMessage);
+            const message = resolveLocalizedText(result.message, this.transloco.getActiveLang());
             if (!message || seen.has(message))
                 continue;
             seen.add(message);
@@ -3372,51 +3463,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             type: Injectable
         }] });
 /**
- * Mirrors `buildSubmitRequest` in `ClientForm`, minus the pieces a pre-flight
- * must never send (`templateId`) or cannot know from outside the form
- * (`IsSteps`, which only applies to stepped/wizard forms).
- */
-function buildValidationRequest(context, fields) {
-    const request = {
-        moduleKey: context.moduleKey,
-        operationKey: context.operationKey,
-        fields,
-    };
-    if (context.moduleId != null)
-        request.moduleId = context.moduleId;
-    if (context.levelId != null)
-        request.levelId = context.levelId;
-    if (context.levelDataId != null)
-        request.levelDataId = context.levelDataId;
-    if (context.moduleDataId != null)
-        request.moduleDataId = context.moduleDataId;
-    if (context.requestSchemaId != null) {
-        request.requestSchemaId = context.requestSchemaId;
-    }
-    const recordId = context.moduleDataId ??
-        (context.moduleKey === 'LevelData' && context.operationKey !== 'Create'
-            ? context.levelDataId
-            : undefined);
-    if (recordId != null)
-        request.recordId = recordId;
-    return request;
-}
-/**
- * Only actions that carry the edited form values are worth validating —
- * Delete, Close and friends submit nothing the rules can read.
+ * The pre-flight is the action's own sibling route, so it is derived from the
+ * descriptor's URL rather than rebuilt from a `requestId` the FE would have to
+ * source somewhere else — `.../processes/{requestId}/actions/approve` becomes
+ * `.../processes/{requestId}/actions/validate`. That also keeps both calls on
+ * whatever base the backend handed out.
  */
-function submitsFormValues(action) {
-    return ((action.payloadKeys ?? []).includes(FORM_VALUES_PAYLOAD_KEY) ||
-        (!!action.payloadTemplate &&
-            FORM_VALUES_PAYLOAD_KEY in action.payloadTemplate));
+function resolveValidateUrl(action) {
+    const url = action.url?.trim().split(/[?#]/)[0].replace(/\/+$/, '');
+    if (!url) {
+        return null;
+    }
+    const lastSlash = url.lastIndexOf('/');
+    return lastSlash > 0 ? `${url.slice(0, lastSlash)}/validate` : null;
 }
-// These two mirror `process-validation.util` in `@masterteam/forms/client-form`,
-// which the package does not export. Keep them in step with it.
-function shouldSurface(result) {
-    return !result.passed || result.isEvaluationError === true;
+/** The same resolution the action payload uses for its own `stepId`. */
+function resolveStepId(action) {
+    const templateStepId = action.payloadTemplate?.['stepId'];
+    if (typeof templateStepId === 'number' ||
+        typeof templateStepId === 'string') {
+        return templateStepId;
+    }
+    return action.stepIds?.[0] ?? null;
 }
-function isBlocking(result) {
-    return (result.isEvaluationError === true || (!result.passed && result.isBlocking));
+function normalizeActionKey(value) {
+    return typeof value === 'string' ? value.trim().toLowerCase() : '';
 }
 function readNonEmptyString(value) {
     if (typeof value !== 'string')
@@ -3426,18 +3497,20 @@ function readNonEmptyString(value) {
 }
 
 /**
- * Runs a Work Center footer action as **one** HTTP request.
+ * Runs a Work Center footer action, normally as a single HTTP request.
  *
- * Everything negotiable happens before that request: the
- * `process-submit/validate` pre-flight blocks the action or takes the
- * acknowledgement, then the reason/note dialog collects its fields. Whatever
- * the action endpoint answers is final — the footer refreshes on success or
- * lists the failure.
+ * Everything negotiable happens before it: the `actions/validate` pre-flight
+ * blocks the action or takes the warning acknowledgement, then the reason/note
+ * dialog collects its fields, and the acknowledgement receipt rides along on
+ * the request itself. A second request happens only when the backend's own
+ * revalidation disagrees with the pre-flight — see
+ * `WorkCenterActionValidationHandler.recover`.
  */
 class WorkCenterRuntimeActionExecutor {
     runner = inject(RuntimeActionRunner);
     actionContext = inject(RuntimeActionContextStore);
     modal = inject(ModalService);
+    validation = inject(WorkCenterActionValidationHandler);
     formValidation = inject(WorkCenterActionFormValidator);
     confirmDialogClass = inject(RUNTIME_ACTION_CONFIRM_DIALOG, {
         optional: true,
@@ -3462,20 +3535,33 @@ class WorkCenterRuntimeActionExecutor {
                 error: preflight.error,
             };
         }
+        // The receipt for the warnings the user just acknowledged. It goes out with
+        // the action itself, so an acknowledged Approve is a single request.
+        const warningsToken = preflight.validationWarningsToken;
         if (action.needConfirmation &&
             hasActionFormFields(action) &&
             this.confirmDialogClass) {
-            return this.executeFormAction(action, defaultAfterSuccess);
+            return this.executeFormAction(action, defaultAfterSuccess, warningsToken);
         }
-        return this.runner.execute(action, {
+        let submittedPayload;
+        let result = await this.runner.execute(action, {
             defaultAfterSuccess,
             silent: true,
             externalPayloadResolvers: {
                 values: () => this.actionContext.resolveFormValues(),
             },
+            transformPayload: (payload) => {
+                submittedPayload = withWarningsToken(payload, warningsToken);
+                return submittedPayload;
+            },
         });
+        if (result.status === 'error') {
+            result =
+                (await this.validation.recover(action, result.error, submittedPayload, defaultAfterSuccess)) ?? result;
+        }
+        return result;
     }
-    executeFormAction(action, defaultAfterSuccess) {
+    executeFormAction(action, defaultAfterSuccess, warningsToken) {
         return new Promise((resolve) => {
             let pendingRun = null;
             let finalResult = null;
@@ -3486,19 +3572,27 @@ class WorkCenterRuntimeActionExecutor {
                 inputValues: {
                     action,
                     onSubmit: async (formValue) => {
-                        const executablePayload = buildActionPayload(action, formValue, {
+                        const submittedPayload = withWarningsToken(buildActionPayload(action, formValue, {
                             values: () => this.actionContext.resolveFormValues(),
-                        }) ?? {};
+                        }), warningsToken);
+                        const executablePayload = submittedPayload ?? {};
                         const executableAction = {
                             ...action,
                             needConfirmation: false,
                             payloadKeys: Object.keys(executablePayload),
                             payloadTemplate: executablePayload,
                         };
-                        pendingRun = this.runner.execute(executableAction, {
-                            defaultAfterSuccess,
-                            silent: true,
-                        });
+                        pendingRun = (async () => {
+                            let result = await this.runner.execute(executableAction, {
+                                defaultAfterSuccess,
+                                silent: true,
+                            });
+                            if (result.status === 'error') {
+                                result =
+                                    (await this.validation.recover(action, result.error, submittedPayload, defaultAfterSuccess)) ?? result;
+                            }
+                            return result;
+                        })();
                         finalResult = await pendingRun;
                         // Every backend outcome leaves the action dialog. The footer then
                         // refreshes on success or displays the actionable validation error.
@@ -3539,6 +3633,17 @@ class WorkCenterRuntimeActionExecutor {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterRuntimeActionExecutor, decorators: [{
             type: Injectable
         }] });
+/**
+ * Attaches the pre-flight's acknowledgement receipt to the payload the action
+ * is about to send. Without a receipt — a `Valid` pre-flight, or one that never
+ * ran — the payload goes out exactly as built.
+ */
+function withWarningsToken(payload, warningsToken) {
+    if (!warningsToken || !payload) {
+        return payload;
+    }
+    return { ...payload, validationWarningsToken: warningsToken };
+}
 
 const DEFAULT_GENERAL_TASK_MODAL_STYLE_CLASS = '!w-[70vw] !h-[90vh]';
 class WorkCenterItemModalFooterActions {
@@ -4670,5 +4775,5 @@ const APP_STATES = [WorkCenterState];
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SCHEDULE_PUBLISH_GROUP_ORDER, SCHEDULE_PUBLISH_OPERATION_KEY, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WORK_CENTER_TYPE_COMPONENTS, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterSchedulePublishType, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey, groupSchedulePublishRows, matchesSchedulePublishSearch, readSchedulePublishChanges, schedulePublishRowKey, sortSchedulePublishRows, summarizeSchedulePublish, windowSchedulePublishRows };
+export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SCHEDULE_PUBLISH_GROUP_ORDER, SCHEDULE_PUBLISH_OPERATION_KEY, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WORK_CENTER_TYPE_COMPONENTS, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterSchedulePublishType, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey, groupSchedulePublishRows, isSchedulePublishConflictRow, matchesSchedulePublishSearch, parseSchedulePublishChangedFields, readSchedulePublishChanges, schedulePublishRowKey, sortSchedulePublishRows, summarizeSchedulePublish, windowSchedulePublishRows };
 //# sourceMappingURL=masterteam-work-center.mjs.map