@masterteam/work-center 0.0.83 → 0.0.85

package/fesm2022/masterteam-work-center.mjs

@@ -25,7 +25,6 @@ import { handleApiRequest } from '@masterteam/components';
 import { ClientInstancePreview } from '@masterteam/client-components/client-instance-preview';
 import { EntitiesPreview, EntityPreviewBody } from '@masterteam/components/entities';
 import { Tabs } from '@masterteam/components/tabs';
-import { DiscussionThread } from '@masterteam/discussion';
 import { StructureBuilder } from '@masterteam/structure-builder';
 import { Icon } from '@masterteam/icons';
 
@@ -1624,20 +1623,20 @@ class WorkCenterEscalationInstanceType {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterEscalationInstanceType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterEscalationInstanceType, isStandalone: true, selector: "mt-work-center-escalation-instance-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      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'escalationDetails'\"\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 (canRenderDetails()) {\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.escalationDetails\") }}\r\n                </p>\r\n              </div>\r\n            } @else if (error(); as error) {\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                  {{ error }}\r\n                </p>\r\n              </div>\r\n            } @else if (preview()) {\r\n              <mt-entities-preview [entities]=\"detailEntities()\" />\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.escalationDetailsUnavailable\") }}\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() !== 'moduleDetails'\"\r\n      >\r\n        @if (moduleDetailsConfig(); as moduleDetailsConfig) {\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]=\"moduleDetailsConfig\" />\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 (canRenderDetails()) {\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.escalationSchema\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as error) {\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                {{ error }}\r\n              </p>\r\n            </div>\r\n          } @else if (hasSchema()) {\r\n            <!--\r\n              Only mount the flow once the schema tab is actually active. The\r\n              structure-builder fits the diagram to the host size on load\r\n              (fLoaded -> fitToScreen) and never re-fits, so mounting it inside\r\n              the [hidden] (display:none, zero-size) container produces a blank\r\n              canvas that doesn't recover when the tab is shown.\r\n            -->\r\n            @if (activeTab() === \"schema\") {\r\n              <!--\r\n                Use a concrete height (not lg:h-full). The diagram has no\r\n                intrinsic height, and the tab's ancestor chain is block (not\r\n                flex) on lg, so `h-full` collapses to 0 and the canvas renders\r\n                blank. Mirrors the process preview's `h-[70vh]`.\r\n              -->\r\n              <div class=\"h-[70vh] min-h-[22rem] overflow-hidden rounded-lg\">\r\n                <mt-structure-builder\r\n                  class=\"h-full\"\r\n                  [layoutDirection]=\"'LR'\"\r\n                  [readonly]=\"true\"\r\n                  [structureMode]=\"'workflow'\"\r\n                  [nodeFields]=\"previewNodeFields\"\r\n                  [nodes]=\"schemaNodes()\"\r\n                  [connections]=\"schemaConnections()\"\r\n                />\r\n              </div>\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.escalationSchemaUnavailable\") }}\r\n              </p>\r\n            </div>\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.escalationSchemaContextUnavailable\") }}\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]=\"'EscalationInstance'\"\r\n                [recordId]=\"resolvedInstanceId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.escalationDiscussionUnavailable\") }}\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: 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: EntitiesPreview, selector: "mt-entities-preview", inputs: ["entities", "attachmentShape", "stackOnNarrow", "clickableKeys", "activeKeys", "clickableTooltip", "activeTooltip"], outputs: ["entityClick"] }, { kind: "component", type: ClientInstancePreview, selector: "mt-client-instance-preview", inputs: ["config", "hideEmptyState", "stackOnNarrow"] }, { kind: "component", type: StructureBuilder, selector: "mt-structure-builder", inputs: ["availableNodes", "availableNodesLabel", "nodeForm", "nodeDialogFooterConfig", "connectionForm", "connectionFormulaSchemaId", "connectionFormulaConfig", "connectionGuard", "nodeActions", "nodeFields", "isAutoLayout", "readonly", "structureMode", "nodeStyle", "addModalType", "updateModalType", "addModalStyleClass", "updateModalStyleClass", "addModalHeader", "updateModalHeader", "appendTo", "availableTabsClass", "layoutDirection", "nodes", "connections", "nodeTemplate"], outputs: ["nodeActionsEvent", "action", "nodesChange", "connectionsChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterEscalationInstanceType, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-work-center-escalation-instance-type', standalone: true, imports: [
-                        CommonModule,
-                        TranslocoDirective,
-                        Tabs,
-                        DiscussionThread,
-                        EntitiesPreview,
-                        ClientInstancePreview,
-                        StructureBuilder,
-                    ], 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() !== 'escalationDetails'\"\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 (canRenderDetails()) {\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.escalationDetails\") }}\r\n                </p>\r\n              </div>\r\n            } @else if (error(); as error) {\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                  {{ error }}\r\n                </p>\r\n              </div>\r\n            } @else if (preview()) {\r\n              <mt-entities-preview [entities]=\"detailEntities()\" />\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.escalationDetailsUnavailable\") }}\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() !== 'moduleDetails'\"\r\n      >\r\n        @if (moduleDetailsConfig(); as moduleDetailsConfig) {\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]=\"moduleDetailsConfig\" />\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 (canRenderDetails()) {\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.escalationSchema\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as error) {\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                {{ error }}\r\n              </p>\r\n            </div>\r\n          } @else if (hasSchema()) {\r\n            <!--\r\n              Only mount the flow once the schema tab is actually active. The\r\n              structure-builder fits the diagram to the host size on load\r\n              (fLoaded -> fitToScreen) and never re-fits, so mounting it inside\r\n              the [hidden] (display:none, zero-size) container produces a blank\r\n              canvas that doesn't recover when the tab is shown.\r\n            -->\r\n            @if (activeTab() === \"schema\") {\r\n              <!--\r\n                Use a concrete height (not lg:h-full). The diagram has no\r\n                intrinsic height, and the tab's ancestor chain is block (not\r\n                flex) on lg, so `h-full` collapses to 0 and the canvas renders\r\n                blank. Mirrors the process preview's `h-[70vh]`.\r\n              -->\r\n              <div class=\"h-[70vh] min-h-[22rem] overflow-hidden rounded-lg\">\r\n                <mt-structure-builder\r\n                  class=\"h-full\"\r\n                  [layoutDirection]=\"'LR'\"\r\n                  [readonly]=\"true\"\r\n                  [structureMode]=\"'workflow'\"\r\n                  [nodeFields]=\"previewNodeFields\"\r\n                  [nodes]=\"schemaNodes()\"\r\n                  [connections]=\"schemaConnections()\"\r\n                />\r\n              </div>\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.escalationSchemaUnavailable\") }}\r\n              </p>\r\n            </div>\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.escalationSchemaContextUnavailable\") }}\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]=\"'EscalationInstance'\"\r\n                [recordId]=\"resolvedInstanceId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.escalationDiscussionUnavailable\") }}\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 }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }] } });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterEscalationInstanceType, isStandalone: true, selector: "mt-work-center-escalation-instance-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\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() !== 'escalationDetails'\"\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 (canRenderDetails()) {\n            @if (loading()) {\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(\"loading.escalationDetails\") }}\n                </p>\n              </div>\n            } @else if (error(); as error) {\n              <div\n                class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n              >\n                <p class=\"max-w-md text-center text-sm text-red-600\">\n                  {{ error }}\n                </p>\n              </div>\n            } @else if (preview()) {\n              <mt-entities-preview [entities]=\"detailEntities()\" />\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.escalationDetailsUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      @defer (when activeTab() === \"moduleDetails\") {\n        <div\n          class=\"h-full min-h-0 lg:overflow-hidden\"\n          [hidden]=\"activeTab() !== 'moduleDetails'\"\n        >\n          @if (moduleDetailsConfig(); as moduleDetailsConfig) {\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]=\"moduleDetailsConfig\" />\n            </div>\n          }\n        </div>\n      }\n\n      @defer (when activeTab() === \"schema\") {\n        <div\n          class=\"flex-1 min-h-0 overflow-auto\"\n          [hidden]=\"activeTab() !== 'schema'\"\n        >\n          @if (canRenderDetails()) {\n            @if (loading()) {\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(\"loading.escalationSchema\") }}\n                </p>\n              </div>\n            } @else if (error(); as error) {\n              <div\n                class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n              >\n                <p class=\"max-w-md text-center text-sm text-red-600\">\n                  {{ error }}\n                </p>\n              </div>\n            } @else if (hasSchema()) {\n              <!--\n                Only mount the flow once the schema tab is actually active. The\n                structure-builder fits the diagram to the host size on load\n                (fLoaded -> fitToScreen) and never re-fits, so mounting it inside\n                the [hidden] (display:none, zero-size) container produces a blank\n                canvas that doesn't recover when the tab is shown.\n              -->\n              @if (activeTab() === \"schema\") {\n                <!--\n                  Use a concrete height (not lg:h-full). The diagram has no\n                  intrinsic height, and the tab's ancestor chain is block (not\n                  flex) on lg, so `h-full` collapses to 0 and the canvas renders\n                  blank. Mirrors the process preview's `h-[70vh]`.\n                -->\n                <div class=\"h-[70vh] min-h-[22rem] overflow-hidden rounded-lg\">\n                  <mt-structure-builder\n                    class=\"h-full\"\n                    [layoutDirection]=\"'LR'\"\n                    [readonly]=\"true\"\n                    [structureMode]=\"'workflow'\"\n                    [nodeFields]=\"previewNodeFields\"\n                    [nodes]=\"schemaNodes()\"\n                    [connections]=\"schemaConnections()\"\n                  />\n                </div>\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.escalationSchemaUnavailable\") }}\n                </p>\n              </div>\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.escalationSchemaContextUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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]=\"'EscalationInstance'\"\n                  [recordId]=\"resolvedInstanceId()\"\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.escalationDiscussionUnavailable\") }}\n                </p>\n              </div>\n            }\n          </div>\n        }\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: EntitiesPreview, selector: "mt-entities-preview", inputs: ["entities", "attachmentShape", "stackOnNarrow", "clickableKeys", "activeKeys", "clickableTooltip", "activeTooltip"], outputs: ["entityClick"] }], deferBlockDependencies: [() => [ClientInstancePreview], () => [StructureBuilder], () => [import('@masterteam/discussion').then(m => m.DiscussionThread)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterEscalationInstanceType, resolveDeferredDeps: () => [import('@masterteam/discussion').then(m => m.DiscussionThread)], resolveMetadata: DiscussionThread => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mt-work-center-escalation-instance-type', standalone: true, imports: [
+                            CommonModule,
+                            TranslocoDirective,
+                            Tabs,
+                            DiscussionThread,
+                            EntitiesPreview,
+                            ClientInstancePreview,
+                            StructureBuilder,
+                        ], 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() !== 'escalationDetails'\"\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 (canRenderDetails()) {\n            @if (loading()) {\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(\"loading.escalationDetails\") }}\n                </p>\n              </div>\n            } @else if (error(); as error) {\n              <div\n                class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n              >\n                <p class=\"max-w-md text-center text-sm text-red-600\">\n                  {{ error }}\n                </p>\n              </div>\n            } @else if (preview()) {\n              <mt-entities-preview [entities]=\"detailEntities()\" />\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.escalationDetailsUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      @defer (when activeTab() === \"moduleDetails\") {\n        <div\n          class=\"h-full min-h-0 lg:overflow-hidden\"\n          [hidden]=\"activeTab() !== 'moduleDetails'\"\n        >\n          @if (moduleDetailsConfig(); as moduleDetailsConfig) {\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]=\"moduleDetailsConfig\" />\n            </div>\n          }\n        </div>\n      }\n\n      @defer (when activeTab() === \"schema\") {\n        <div\n          class=\"flex-1 min-h-0 overflow-auto\"\n          [hidden]=\"activeTab() !== 'schema'\"\n        >\n          @if (canRenderDetails()) {\n            @if (loading()) {\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(\"loading.escalationSchema\") }}\n                </p>\n              </div>\n            } @else if (error(); as error) {\n              <div\n                class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n              >\n                <p class=\"max-w-md text-center text-sm text-red-600\">\n                  {{ error }}\n                </p>\n              </div>\n            } @else if (hasSchema()) {\n              <!--\n                Only mount the flow once the schema tab is actually active. The\n                structure-builder fits the diagram to the host size on load\n                (fLoaded -> fitToScreen) and never re-fits, so mounting it inside\n                the [hidden] (display:none, zero-size) container produces a blank\n                canvas that doesn't recover when the tab is shown.\n              -->\n              @if (activeTab() === \"schema\") {\n                <!--\n                  Use a concrete height (not lg:h-full). The diagram has no\n                  intrinsic height, and the tab's ancestor chain is block (not\n                  flex) on lg, so `h-full` collapses to 0 and the canvas renders\n                  blank. Mirrors the process preview's `h-[70vh]`.\n                -->\n                <div class=\"h-[70vh] min-h-[22rem] overflow-hidden rounded-lg\">\n                  <mt-structure-builder\n                    class=\"h-full\"\n                    [layoutDirection]=\"'LR'\"\n                    [readonly]=\"true\"\n                    [structureMode]=\"'workflow'\"\n                    [nodeFields]=\"previewNodeFields\"\n                    [nodes]=\"schemaNodes()\"\n                    [connections]=\"schemaConnections()\"\n                  />\n                </div>\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.escalationSchemaUnavailable\") }}\n                </p>\n              </div>\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.escalationSchemaContextUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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]=\"'EscalationInstance'\"\n                  [recordId]=\"resolvedInstanceId()\"\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.escalationDiscussionUnavailable\") }}\n                </p>\n              </div>\n            }\n          </div>\n        }\n      }\n    </div>\n  </div>\n</div>\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 endpoint returns the escalation payload directly, but tolerate the
 // shared `{ data: ... }` envelope used by the other escalation endpoints.
 function extractPreviewData(response) {
@@ -1786,546 +1785,18 @@ class WorkCenterModuleType {
         this.actionContext?.setFormSource(null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterModuleType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterModuleType, isStandalone: true, selector: "mt-work-center-module-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, 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() !== 'details'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"formModuleId()\"\r\n              [levelId]=\"formLevelId()\"\r\n              [levelDataId]=\"formLevelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [readonly]=\"true\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      @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]=\"discussionModuleType()\"\r\n                [recordId]=\"resolvedInstanceId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterModuleType, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-work-center-module-type', standalone: true, imports: [
-                        CommonModule,
-                        TranslocoDirective,
-                        Tabs,
-                        ClientForm,
-                        DiscussionThread,
-                    ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'details'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"formModuleId()\"\r\n              [levelId]=\"formLevelId()\"\r\n              [levelDataId]=\"formLevelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [readonly]=\"true\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      @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]=\"discussionModuleType()\"\r\n                [recordId]=\"resolvedInstanceId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.moduleDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\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 }] }] } });
-
-/**
- * Approval-history row projection for the process preview.
- *
- * The runtime stores one `step` record per *target user*, so a group step
- * fans out into one record per member, and every workflow attempt (return →
- * resubmit) creates a fresh fan-out for the same step schema. The table shows
- * one row per attempt: sibling member records collapse, but separate attempts
- * — and the completed history they carry — are preserved.
- */
-const PENDING$1 = 'pending';
-const TERMINATED = 'terminated';
-/** Statuses whose actor is not the assigned group/role, so the actor wins. */
-const ACTOR_OVERRIDES_TARGET = new Set([TERMINATED]);
-function buildApprovalRows(steps, options) {
-    const { resolveDisplayName } = options;
-    const currentIds = new Set((options.currentStepIds ?? []).map((id) => String(id)));
-    const rows = [];
-    for (const run of splitIntoRuns(steps)) {
-        const groupName = resolveGroupName(run[0].target, resolveDisplayName);
-        if (groupName) {
-            rows.push(buildGroupRow(run, groupName, currentIds, resolveDisplayName));
-            continue;
-        }
-        // Non-group targets keep one row per record, minus the pending siblings
-        // that were superseded when another member of the same fan-out acted.
-        const runHasAction = run.some(hasAction);
-        for (const step of run) {
-            if (runHasAction &&
-                run.length > 1 &&
-                isSupersededPending(step, currentIds)) {
-                continue;
-            }
-            rows.push({
-                stepName: resolveStepName(step, resolveDisplayName),
-                status: step.status,
-                user: {
-                    kind: 'user',
-                    value: step.actionUserInfo ?? step.targetUser ?? null,
-                },
-                createdAt: step.createdAt ?? '',
-                actionDate: step.actionDate ?? '',
-            });
-        }
-    }
-    return rows;
-}
-function buildGroupRow(run, groupName, currentIds, resolveDisplayName) {
-    const pendingOnGroup = run.find((step) => isCurrent(step, currentIds));
-    // While the attempt is open the row belongs to the group as a whole; once it
-    // closes, the record that carries the outcome represents it.
-    const repr = pendingOnGroup ?? resolveOutcome(run);
-    const actor = repr.actionUserInfo;
-    const showActor = !pendingOnGroup && !!actor && ACTOR_OVERRIDES_TARGET.has(statusKey(repr));
-    return {
-        stepName: resolveStepName(repr, resolveDisplayName),
-        status: repr.status,
-        user: showActor
-            ? { kind: 'user', value: actor }
-            : { kind: 'text', value: groupName },
-        createdAt: run[0].createdAt ?? '',
-        actionDate: pendingOnGroup ? '' : (repr.actionDate ?? ''),
-    };
-}
-/**
- * Consecutive records sharing a step schema + target belong to the same
- * attempt. The API orders steps by creation, so a later attempt on the same
- * step is always separated by the records that sent the request back.
- */
-function splitIntoRuns(steps) {
-    const runs = [];
-    let currentKey = null;
-    for (const step of steps) {
-        const key = runKey(step);
-        if (key !== currentKey || runs.length === 0) {
-            runs.push([step]);
-            currentKey = key;
-            continue;
-        }
-        runs[runs.length - 1].push(step);
-    }
-    return runs;
-}
-function runKey(step) {
-    return `${step.stepSchemaId ?? ''}|${step.target?.groupKey ?? ''}`;
-}
-/** The record holding the attempt's outcome (Returned/Rejected/Terminated…). */
-function resolveOutcome(run) {
-    for (let index = run.length - 1; index >= 0; index -= 1) {
-        const step = run[index];
-        if (statusKey(step) !== PENDING$1 && statusKey(step) !== '') {
-            return step;
-        }
-    }
-    return findLast(run, hasAction) ?? run[run.length - 1];
-}
-function isCurrent(step, currentIds) {
-    if (typeof step.isCurrent === 'boolean') {
-        return step.isCurrent;
-    }
-    if (currentIds.size > 0) {
-        return currentIds.has(String(step.stepId ?? ''));
-    }
-    return step.isActive !== false && statusKey(step) === PENDING$1;
-}
-/** A pending record left behind after a sibling acted — never actionable. */
-function isSupersededPending(step, currentIds) {
-    return (statusKey(step) === PENDING$1 &&
-        !hasAction(step) &&
-        !isCurrent(step, currentIds));
-}
-function hasAction(step) {
-    if (step.actionUserInfo) {
-        return true;
-    }
-    const key = statusKey(step);
-    return key !== '' && key !== PENDING$1;
-}
-/** Status comes off the lookup key, never the localized display text. */
-function statusKey(step) {
-    const status = step.status;
-    if (typeof status === 'string') {
-        return status.trim().toLowerCase();
-    }
-    if (status && typeof status === 'object') {
-        const key = status['key'];
-        if (typeof key === 'string') {
-            return key.trim().toLowerCase();
-        }
-    }
-    return '';
-}
-function resolveStepName(step, resolveDisplayName) {
-    return resolveDisplayName(step.stepName) || String(step.stepId ?? '--');
-}
-function resolveGroupName(target, resolveDisplayName) {
-    if (!target || target.type !== 'Group' || !target.group) {
-        return '';
-    }
-    return (resolveDisplayName(target.displayName) ||
-        resolveDisplayName(target.group.name));
-}
-function findLast(items, predicate) {
-    for (let index = items.length - 1; index >= 0; index -= 1) {
-        if (predicate(items[index])) {
-            return items[index];
-        }
-    }
-    return undefined;
-}
-
-/**
- * Status projection for the process-preview diagram.
- *
- * The schema view colors every step by where it stands in the run — the icon
- * and subtitle already say what *kind* of step it is, so color is free to
- * carry progress. One color per state, reusing the workflow badge tones from
- * `@masterteam/structure-builder`.
- *
- * The runtime stores one `step` record per target user, so a group step fans
- * out into several records and every attempt (return → resubmit) creates a
- * fresh fan-out. A schema node shows the state of its *latest* attempt.
- */
-/** Node accent color per state — every outcome gets its own hue. */
-const PROCESS_STEP_STATUS_COLORS = {
-    approved: '#059669', // green — approved
-    current: '#d97706', // amber — running right now
-    noAction: '#0891b2', // cyan — closed without a decision from this target
-    notStarted: '#2563eb', // blue — not reached yet
-    rejected: '#dc2626', // red — rejected
-    resubmitted: '#7c3aed', // violet — sent back, then pushed forward again
-    returned: '#6b7280', // gray — sent back
-    terminated: '#334155', // slate — the run was killed outright
-};
-/**
- * `NodeBadgeTone` per state, so the pill matches the node color. The tones the
- * structure-builder names cover the original five; the rest use `accent`, which
- * has no tone rule of its own and therefore inherits the node color exactly.
- */
-const PROCESS_STEP_STATUS_BADGE_TONES = {
-    approved: 'final',
-    current: 'current',
-    noAction: 'accent',
-    notStarted: 'initial',
-    rejected: 'closed',
-    resubmitted: 'accent',
-    returned: 'neutral',
-    terminated: 'accent',
-};
-const PENDING = 'pending';
-const CURRENT_VIEW = { status: 'current', label: '' };
-const NOT_STARTED_VIEW = {
-    status: 'notStarted',
-    label: '',
-};
-/**
- * Decided status keys → visual state. A decided status that isn't listed reads
- * as `noAction` — it closed, but not by a decision we can name, so the color
- * must not claim one. The badge still shows the backend's own wording.
- */
-const DECIDED_STATUS_STATES = {
-    approved: 'approved',
-    noaction: 'noAction',
-    rejected: 'rejected',
-    resubmitted: 'resubmitted',
-    returned: 'returned',
-    terminated: 'terminated',
-};
-const UNCLASSIFIED_DECIDED_STATE = 'noAction';
-/**
- * Inside one attempt the strongest outcome represents the step, so a group
- * fan-out where one member rejected reads as rejected while the siblings who
- * never acted read as `noAction`.
- */
-const OUTCOME_PRECEDENCE = [
-    'terminated',
-    'rejected',
-    'returned',
-    'resubmitted',
-    'approved',
-    'noAction',
-];
-/**
- * Maps every schema-step id the runtime has touched to its visual state.
- * Steps missing from the result were never reached — render them as
- * {@link NOT_STARTED_VIEW}.
- */
-function buildSchemaStepStatuses(steps, options) {
-    const currentIds = new Set((options.currentSchemaIds ?? []).map((id) => String(id)));
-    const views = new Map();
-    // Later attempts overwrite earlier ones, so the last run on a step wins.
-    for (const run of splitBySchemaStep(steps)) {
-        const schemaId = String(run[0].stepSchemaId ?? '');
-        if (!schemaId) {
-            continue;
-        }
-        views.set(schemaId, resolveRunStatus(run, currentIds, options));
-    }
-    // A step can be current before any record closes — the flag always wins.
-    for (const id of currentIds) {
-        views.set(id, CURRENT_VIEW);
-    }
-    return views;
-}
-/**
- * Reads a state straight off a schema step's own `status`, for schemas that
- * carry it without a matching runtime record.
- */
-function resolveStatusView(status, resolveDisplayName) {
-    const key = normalizeStatusKey(status);
-    if (key === '' || key === PENDING) {
-        return NOT_STARTED_VIEW;
-    }
-    return {
-        status: DECIDED_STATUS_STATES[key] ?? UNCLASSIFIED_DECIDED_STATE,
-        label: resolveStatusLabel(status, resolveDisplayName),
-    };
-}
-function resolveRunStatus(run, currentIds, options) {
-    if (currentIds.has(String(run[0].stepSchemaId ?? '')) ||
-        run.some((step) => step.isCurrent === true)) {
-        return CURRENT_VIEW;
-    }
-    const decided = run
-        .map((step) => ({ step, state: decidedState(step) }))
-        .filter((entry) => entry.state !== null);
-    if (decided.length === 0) {
-        return NOT_STARTED_VIEW;
-    }
-    const outcome = OUTCOME_PRECEDENCE.map((state) => decided.find((entry) => entry.state === state)).find((entry) => !!entry) ?? decided[decided.length - 1];
-    return {
-        status: outcome.state,
-        label: resolveStatusLabel(outcome.step.status, options.resolveDisplayName),
-    };
-}
-function decidedState(step) {
-    const key = statusKey(step);
-    if (key === '' || key === PENDING) {
-        return null;
-    }
-    return DECIDED_STATUS_STATES[key] ?? UNCLASSIFIED_DECIDED_STATE;
-}
-/**
- * Consecutive records sharing a schema step belong to the same attempt. The
- * API orders steps by creation, so a later attempt is always separated by the
- * records that sent the request back.
- */
-function splitBySchemaStep(steps) {
-    const runs = [];
-    let currentKey = null;
-    for (const step of steps) {
-        const key = String(step.stepSchemaId ?? '');
-        if (key !== currentKey || runs.length === 0) {
-            runs.push([step]);
-            currentKey = key;
-            continue;
-        }
-        runs[runs.length - 1].push(step);
-    }
-    return runs;
-}
-/** Status comes off the lookup key, never the localized display text. */
-function normalizeStatusKey(status) {
-    if (typeof status === 'string') {
-        return status.trim().toLowerCase();
-    }
-    if (status && typeof status === 'object') {
-        const key = status['key'];
-        if (typeof key === 'string') {
-            return key.trim().toLowerCase();
-        }
-    }
-    return '';
-}
-function resolveStatusLabel(status, resolveDisplayName) {
-    return typeof status === 'string' ? status : resolveDisplayName(status);
-}
-
-class WorkCenterProcessPreview {
-    http = inject(HttpClient);
-    transloco = inject(TranslocoService);
-    loadSub;
-    requestId = input(null, ...(ngDevMode ? [{ debugName: "requestId" }] : /* istanbul ignore next */ []));
-    view = input('approvals', ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
-    approvalColumns = computed(() => [
-        {
-            key: 'stepName',
-            label: this.transloco.translate('workCenter.preview.name'),
-        },
-        {
-            key: 'status',
-            label: this.transloco.translate('workCenter.preview.status'),
-            type: 'entity',
-        },
-        {
-            key: 'user',
-            label: this.transloco.translate('workCenter.preview.userOrGroup'),
-            type: 'entity',
-        },
-        {
-            key: 'createdAt',
-            label: this.transloco.translate('workCenter.preview.initiationDate'),
-            type: 'entity',
-        },
-        {
-            key: 'actionDate',
-            label: this.transloco.translate('workCenter.preview.actionDate'),
-            type: 'entity',
-        },
-    ], ...(ngDevMode ? [{ debugName: "approvalColumns" }] : /* istanbul ignore next */ []));
-    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
-    preview = signal(null, ...(ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []));
-    canRenderPreview = computed(() => (this.requestId() ?? 0) > 0, ...(ngDevMode ? [{ debugName: "canRenderPreview" }] : /* istanbul ignore next */ []));
-    approvalRows = computed(() => {
-        const preview = this.preview();
-        const rows = buildApprovalRows(preview?.steps ?? [], {
-            currentStepIds: preview?.currentStepIds,
-            resolveDisplayName: (value) => this.resolveDisplayName(value),
-        });
-        return rows.map((row) => ({
-            stepName: row.stepName,
-            status: buildEntity('Status', 'Status', row.status),
-            user: row.user.kind === 'text'
-                ? buildEntity('User', 'Text', row.user.value)
-                : buildEntity('User', 'User', row.user.value),
-            createdAt: buildEntity('Initiation Date', 'DateTime', row.createdAt),
-            actionDate: buildEntity('Action Date', 'DateTime', row.actionDate),
-        }));
-    }, ...(ngDevMode ? [{ debugName: "approvalRows" }] : /* istanbul ignore next */ []));
-    hasApprovals = computed(() => this.approvalRows().length > 0, ...(ngDevMode ? [{ debugName: "hasApprovals" }] : /* istanbul ignore next */ []));
-    schemaNodes = computed(() => {
-        const preview = this.preview();
-        const steps = preview?.schema?.stepsSchema ?? [];
-        const connections = preview?.schema?.connections ?? [];
-        const sourceIds = new Set(connections.map((c) => String(c.source)));
-        // Where each step stands in the run — the color of a node is its state,
-        // not its type (the icon and subtitle already carry the type).
-        const statusViews = buildSchemaStepStatuses(preview?.steps ?? [], {
-            currentSchemaIds: preview?.currentStepSchemaIds,
-            resolveDisplayName: (value) => this.resolveDisplayName(value),
-        });
-        return steps.map((step) => {
-            const isAppAction = step.type === 'AppAction';
-            const isApprovalCommit = step.type === 'ApprovalCommit' || step.systemKind === 'ApprovalCommit';
-            // Treat a step as final if explicitly flagged or if it has no outgoing
-            // connection — the latter catches schemas where `isFinal` isn't set.
-            const isFinal = !isApprovalCommit &&
-                (step.isFinal === true || !sourceIds.has(String(step.id)));
-            const stepStatus = statusViews.get(String(step.id)) ??
-                resolveStatusView(step.status, (value) => this.resolveDisplayName(value));
-            const isCurrent = stepStatus.status === 'current';
-            return {
-                id: String(step.id),
-                name: isFinal
-                    ? this.transloco.translate('workCenter.preview.end')
-                    : this.resolveDisplayName(step.name) || String(step.id),
-                color: PROCESS_STEP_STATUS_COLORS[stepStatus.status],
-                icon: isApprovalCommit
-                    ? 'general.check-verified-01'
-                    : isAppAction
-                        ? 'general.zap'
-                        : isFinal
-                            ? 'map.flag-04'
-                            : step.isInitial
-                                ? 'map.flag-04'
-                                : 'file.clipboard-check',
-                subtitle: isApprovalCommit
-                    ? this.transloco.translate('workCenter.preview.approvalCommitSubtitle')
-                    : step.isInitial
-                        ? this.transloco.translate('workCenter.preview.start')
-                        : isFinal
-                            ? this.transloco.translate('workCenter.preview.end')
-                            : isAppAction
-                                ? this.transloco.translate('workCenter.preview.appAction')
-                                : this.transloco.translate('workCenter.preview.formStep'),
-                // The badge names the state the color stands for, preferring the
-                // backend's own wording. The current step keeps the built-in
-                // "Current" pill instead of a second badge.
-                badge: isCurrent
-                    ? null
-                    : stepStatus.label ||
-                        this.transloco.translate(`workCenter.preview.stepStatus.${stepStatus.status}`),
-                // Semantic color for the badge — every step state renders with the
-                // same pill and is told apart by color alone.
-                badgeTone: PROCESS_STEP_STATUS_BADGE_TONES[stepStatus.status],
-                status: step.status ?? null,
-                style: isAppAction || isApprovalCommit ? 'icon' : 'detail',
-                current: isCurrent,
-            };
-        });
-    }, ...(ngDevMode ? [{ debugName: "schemaNodes" }] : /* istanbul ignore next */ []));
-    schemaConnections = computed(() => (this.preview()?.schema?.connections ?? []).map((connection, index) => ({
-        id: String(connection.id ?? `${connection.source}-${connection.target}-${index}`),
-        from: String(connection.source),
-        to: String(connection.target),
-        state: connection.state,
-    })), ...(ngDevMode ? [{ debugName: "schemaConnections" }] : /* istanbul ignore next */ []));
-    hasSchema = computed(() => this.schemaNodes().length > 0, ...(ngDevMode ? [{ debugName: "hasSchema" }] : /* istanbul ignore next */ []));
-    previewNodeFields = {
-        id: 'id',
-        name: 'name',
-        icon: 'icon',
-        color: 'color',
-        subtitle: 'subtitle',
-        badge: 'badge',
-        badgeTone: 'badgeTone',
-        status: 'status',
-        style: 'style',
-        current: 'current',
-    };
-    constructor() {
-        effect(() => {
-            const requestId = this.requestId() ?? 0;
-            if (requestId > 0) {
-                untracked(() => this.loadPreview(requestId));
-                return;
-            }
-            this.loadSub?.unsubscribe();
-            this.loading.set(false);
-            this.error.set(null);
-            this.preview.set(null);
-        });
-    }
-    ngOnDestroy() {
-        this.loadSub?.unsubscribe();
-    }
-    resolveDisplayName(name) {
-        if (typeof name === 'string') {
-            return name;
-        }
-        if (typeof name === 'number' || typeof name === 'boolean') {
-            return String(name);
-        }
-        if (!name || typeof name !== 'object') {
-            return '';
-        }
-        const map = name;
-        const locale = this.transloco.getActiveLang();
-        const candidates = [map['display'], map[locale], map['en'], map['ar']];
-        for (const candidate of candidates) {
-            if (typeof candidate === 'string' && candidate) {
-                return candidate;
-            }
-            if (typeof candidate === 'number' || typeof candidate === 'boolean') {
-                return String(candidate);
-            }
-        }
-        const fallback = Object.values(map).find((value) => typeof value === 'string' && value);
-        return typeof fallback === 'string' ? fallback : '';
-    }
-    loadPreview(requestId) {
-        this.loadSub?.unsubscribe();
-        this.loading.set(true);
-        this.error.set(null);
-        this.loadSub = this.http
-            .get(`processes/${requestId}/preview`)
-            .subscribe({
-            next: (response) => {
-                this.loading.set(false);
-                this.preview.set(response.data ?? null);
-            },
-            error: (error) => {
-                this.loading.set(false);
-                this.preview.set(null);
-                this.error.set(error?.error?.message ??
-                    error?.message ??
-                    this.transloco.translate('workCenter.preview.loadFailed'));
-            },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessPreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessPreview, isStandalone: true, selector: "mt-work-center-process-preview", inputs: { requestId: { classPropertyName: "requestId", publicName: "requestId", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!canRenderPreview()) {\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      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else 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=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\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\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"wc-process-preview-schema h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\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          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <div class=\"max-h-[70vh] overflow-y-auto\">\r\n      <mt-table\r\n        noCard\r\n        [data]=\"approvalRows()\"\r\n        [columns]=\"approvalColumns()\"\r\n        storageKey=\"work-center-process-preview-table\"\r\n        [showFilters]=\"false\"\r\n        [generalSearch]=\"false\"\r\n        [clickableRows]=\"false\"\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        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host ::ng-deep .wc-process-preview-schema .wf-detail-row{align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "persistStateExclude", "exportable", "printable", "groupable", "groupCountMap", "cellClickFilter", "freezeActions", "virtualScroll", "virtualScrollItemSize", "scrollHeight", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "captionStartTemplate", "captionEndTemplate", "emptyTitle", "emptyDescription", "emptyActionLabel", "emptyActionIcon", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy", "sortField", "sortDirection"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "emptyAction", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange", "sortFieldChange", "sortDirectionChange"] }, { kind: "component", type: StructureBuilder, selector: "mt-structure-builder", inputs: ["availableNodes", "availableNodesLabel", "nodeForm", "nodeDialogFooterConfig", "connectionForm", "connectionFormulaSchemaId", "connectionFormulaConfig", "connectionGuard", "nodeActions", "nodeFields", "isAutoLayout", "readonly", "structureMode", "nodeStyle", "addModalType", "updateModalType", "addModalStyleClass", "updateModalStyleClass", "addModalHeader", "updateModalHeader", "appendTo", "availableTabsClass", "layoutDirection", "nodes", "connections", "nodeTemplate"], outputs: ["nodeActionsEvent", "action", "nodesChange", "connectionsChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessPreview, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-work-center-process-preview', standalone: true, imports: [CommonModule, Table, StructureBuilder], template: "@if (!canRenderPreview()) {\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      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else 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=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\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\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"wc-process-preview-schema h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\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          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <div class=\"max-h-[70vh] overflow-y-auto\">\r\n      <mt-table\r\n        noCard\r\n        [data]=\"approvalRows()\"\r\n        [columns]=\"approvalColumns()\"\r\n        storageKey=\"work-center-process-preview-table\"\r\n        [showFilters]=\"false\"\r\n        [generalSearch]=\"false\"\r\n        [clickableRows]=\"false\"\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        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host ::ng-deep .wc-process-preview-schema .wf-detail-row{align-items:center}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { requestId: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestId", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }] } });
-function buildEntity(name, viewType, value) {
-    return {
-        name,
-        viewType,
-        value: value ?? '',
-        configuration: {
-            hideName: true,
-        },
-    };
-}
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterModuleType, isStandalone: true, selector: "mt-work-center-module-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, 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() !== 'details'\"\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]=\"formModuleId()\"\n              [levelId]=\"formLevelId()\"\n              [levelDataId]=\"formLevelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [readonly]=\"true\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\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.moduleFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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]=\"discussionModuleType()\"\n                  [recordId]=\"resolvedInstanceId()\"\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.moduleDiscussionUnavailable\") }}\n                </p>\n              </div>\n            }\n          </div>\n        }\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"] }], deferBlockDependencies: [() => [import('@masterteam/discussion').then(m => m.DiscussionThread)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterModuleType, resolveDeferredDeps: () => [import('@masterteam/discussion').then(m => m.DiscussionThread)], resolveMetadata: DiscussionThread => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mt-work-center-module-type', standalone: true, imports: [
+                            CommonModule,
+                            TranslocoDirective,
+                            Tabs,
+                            ClientForm,
+                            DiscussionThread,
+                        ], 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() !== 'details'\"\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]=\"formModuleId()\"\n              [levelId]=\"formLevelId()\"\n              [levelDataId]=\"formLevelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [readonly]=\"true\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\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.moduleFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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]=\"discussionModuleType()\"\n                  [recordId]=\"resolvedInstanceId()\"\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.moduleDiscussionUnavailable\") }}\n                </p>\n              </div>\n            }\n          </div>\n        }\n      }\n    </div>\n  </div>\n</div>\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 WorkCenterProcessRequestType {
     facade = inject(WorkCenterFacade);
@@ -2448,19 +1919,19 @@ class WorkCenterProcessRequestType {
         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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessRequestType, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-work-center-process-request-type', standalone: true, imports: [
-                        CommonModule,
-                        TranslocoDirective,
-                        Tabs,
-                        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" }]
-        }], 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 }] }] } });
+    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      @defer (when activeTab() === \"approvals\") {\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\n      @defer (when activeTab() === \"schema\") {\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\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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      }\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"] }], deferBlockDependencies: [() => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview)], () => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview)], () => [import('@masterteam/discussion').then(m => m.DiscussionThread)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessRequestType, resolveDeferredDeps: () => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview), import('@masterteam/discussion').then(m => m.DiscussionThread)], resolveMetadata: (WorkCenterProcessPreview, DiscussionThread) => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mt-work-center-process-request-type', standalone: true, imports: [
+                            CommonModule,
+                            TranslocoDirective,
+                            Tabs,
+                            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      @defer (when activeTab() === \"approvals\") {\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\n      @defer (when activeTab() === \"schema\") {\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\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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      }\n    </div>\n  </div>\n</div>\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 {
     facade = inject(WorkCenterFacade);
@@ -2623,20 +2094,20 @@ class WorkCenterProcessStepType {
         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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessStepType, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-work-center-process-step-type', standalone: true, imports: [
-                        CommonModule,
-                        TranslocoDirective,
-                        Tabs,
-                        ClientForm,
-                        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" }]
-        }], 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 }] }] } });
+    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      @defer (when activeTab() === \"approvals\") {\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\n      @defer (when activeTab() === \"schema\") {\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\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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      }\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"] }], deferBlockDependencies: [() => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview)], () => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview)], () => [import('@masterteam/discussion').then(m => m.DiscussionThread)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessStepType, resolveDeferredDeps: () => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview), import('@masterteam/discussion').then(m => m.DiscussionThread)], resolveMetadata: (WorkCenterProcessPreview, DiscussionThread) => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mt-work-center-process-step-type', standalone: true, imports: [
+                            CommonModule,
+                            TranslocoDirective,
+                            Tabs,
+                            ClientForm,
+                            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      @defer (when activeTab() === \"approvals\") {\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\n      @defer (when activeTab() === \"schema\") {\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\n      @if (!readOnly()) {\n        @defer (when activeTab() === \"discussion\") {\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      }\n    </div>\n  </div>\n</div>\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 }] }] } }) });
 
 /**
  * work-center-schedule-publish.rows.ts - Pure grouping, ordering, counting and
@@ -2668,6 +2139,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:
@@ -2675,18 +2150,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.
@@ -2695,8 +2182,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;
         }
@@ -2714,6 +2215,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.
  *
@@ -2904,6 +2415,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':
@@ -2912,6 +2431,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';
         }
@@ -2985,19 +2506,19 @@ 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-work-center-schedule-publish-type', standalone: true, imports: [
-                        CommonModule,
-                        TranslocoDirective,
-                        Tabs,
-                        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" }]
-        }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }] } });
+    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\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      <!-- Comparison -->\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'comparison'\"\n      >\n        <div\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\n        >\n          @if (loading()) {\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(\"loading.schedulePublish\") }}\n              </p>\n            </div>\n          } @else if (error(); as loadError) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-red-600\">\n                {{ loadError }}\n              </p>\n            </div>\n          } @else if (!summary().hasSnapshot) {\n            <!-- Never published: nothing has been announced, so nothing can\n                 differ from it. That is a different statement from \"no changes\". -->\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(\"publish.neverPublished\") }}\n              </p>\n            </div>\n          } @else if (!summary().needsAttention) {\n            <!-- Not `isEmpty`: a request whose only rows are zero-diff conflict\n                 convergences is publish-empty but must still show its conflicts\n                 section rather than claim there is nothing here. -->\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(\"publish.nothingToPublish\") }}\n              </p>\n            </div>\n          } @else {\n            <!-- Counts stay visible while searching, so a filtered view never\n                 reads as the whole request. -->\n            <div class=\"flex flex-wrap items-center gap-2\">\n              @if (summary().conflictCount > 0) {\n                <span\n                  class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                  [class]=\"groupBadgeClass('conflict')\"\n                  >{{\n                    t(\"publish.conflictCount\", {\n                      count: summary().conflictCount,\n                    })\n                  }}</span\n                >\n              }\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('added')\"\n                >{{\n                  t(\"publish.addedCount\", { count: summary().addedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('changed')\"\n                >{{\n                  t(\"publish.changedCount\", { count: summary().changedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('removed')\"\n                >{{\n                  t(\"publish.removedCount\", { count: summary().removedCount })\n                }}</span\n              >\n            </div>\n\n            <input\n              type=\"search\"\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\"\n              [placeholder]=\"t('publish.searchPlaceholder')\"\n              [value]=\"searchText()\"\n              (input)=\"onSearch($any($event.target).value)\"\n            />\n\n            <div\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n            >\n              @if (searchFoundNothing()) {\n                <div\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n                >\n                  <p class=\"text-sm text-surface-500\">\n                    {{ t(\"publish.noSearchResults\") }}\n                  </p>\n                </div>\n              }\n\n              @for (group of groups(); track group.state) {\n                <section class=\"mb-4\">\n                  <header class=\"mb-2 flex items-center gap-2\">\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\n                      {{ groupLabel(group.state) }}\n                    </h4>\n                    <span\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                      [class]=\"groupBadgeClass(group.state)\"\n                      >{{ group.totalCount }}</span\n                    >\n                  </header>\n\n                  @if (group.state === \"conflict\") {\n                    <!-- Informational only: unlike the planner's drawer there is\n                         no keep-mine / use-published control here. The frozen\n                         plan under approval was captured while the live plan had\n                         moved on these rows. -->\n                    <p class=\"mb-2 text-xs text-surface-500\">\n                      {{ t(\"publish.conflictHint\") }}\n                    </p>\n                  }\n\n                  <ul class=\"flex flex-col gap-1\">\n                    @for (row of visibleRows(group); track rowKey(row)) {\n                      <li\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\n                      >\n                        <button\n                          type=\"button\"\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\n                          [class.cursor-default]=\"!isExpandable(row)\"\n                          [attr.aria-expanded]=\"\n                            isExpandable(row) ? isExpanded(row) : null\n                          \"\n                          [disabled]=\"!isExpandable(row)\"\n                          (click)=\"toggleRow(row)\"\n                        >\n                          @if (isExpandable(row)) {\n                            <span\n                              class=\"shrink-0 text-xs text-surface-500\"\n                              aria-hidden=\"true\"\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\n                            >\n                          } @else {\n                            <span\n                              class=\"w-3 shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <span\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\n                            >{{ row.name }}</span\n                          >\n                          @if (row.type) {\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\n                              row.type\n                            }}</span>\n                          }\n                        </button>\n\n                        @if (\n                          group.state === \"conflict\" &&\n                          publishedMovedFields(row).length > 0\n                        ) {\n                          <p\n                            class=\"border-t border-surface-200 px-3 py-1.5 text-xs text-orange-700\"\n                          >\n                            {{ t(\"publish.publishedSideMoved\") }}:\n                            {{ publishedMovedFields(row).join(\", \") }}\n                          </p>\n                        }\n\n                        @if (isExpandable(row) && isExpanded(row)) {\n                          <div\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\n                          >\n                            @for (\n                              change of changesFor(row);\n                              track change.field\n                            ) {\n                              <div class=\"flex min-w-0 flex-col gap-1\">\n                                <span\n                                  class=\"text-xs font-medium text-surface-600\"\n                                  >{{ fieldLabel(change.field) }}</span\n                                >\n                                <!-- Before -> After rendered locally rather than\n                                     via mt-comparison-value, whose Before/After\n                                     labels are hardcoded English. Each side still\n                                     goes through mt-entity-preview-body, so a date\n                                     renders as a date and a user as an avatar. -->\n                                <div\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\n                                >\n                                  <div\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\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\n                                      >{{ t(\"publish.before\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'published')\"\n                                    />\n                                  </div>\n                                  <div\n                                    class=\"flex shrink-0 items-center text-muted-color\"\n                                    aria-hidden=\"true\"\n                                  >\n                                    &rarr;\n                                  </div>\n                                  <div\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\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\n                                      >{{ t(\"publish.after\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'current')\"\n                                    />\n                                  </div>\n                                </div>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </li>\n                    }\n                  </ul>\n\n                  @if (hiddenCount(group) > 0) {\n                    <!-- Said out loud: a silently truncated comparison reads as a\n                         complete one to whoever is approving it. -->\n                    <p class=\"mt-2 text-xs text-surface-500\">\n                      {{\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\n                      }}\n                    </p>\n                  }\n                </section>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Workflow -->\n      @if (canRenderPreview()) {\n        @defer (when activeTab() === \"workflow\") {\n          <div\n            class=\"h-full min-h-0 lg:overflow-hidden\"\n            [hidden]=\"activeTab() !== 'workflow'\"\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              <mt-work-center-process-preview\n                [requestId]=\"requestId()\"\n                [view]=\"'schema'\"\n              />\n            </div>\n          </div>\n        }\n      }\n\n      <!-- Discussion -->\n      @if (!readOnly() && canRenderDiscussion()) {\n        @defer (when activeTab() === \"discussion\") {\n          <div\n            class=\"h-full min-h-0 lg:overflow-hidden\"\n            [hidden]=\"activeTab() !== 'discussion'\"\n          >\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]=\"resolvedRequestId()\"\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          </div>\n        }\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: EntityPreviewBody, selector: "mt-entity-preview-body", inputs: ["data", "attachmentShape"] }], deferBlockDependencies: [() => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview)], () => [import('@masterteam/discussion').then(m => m.DiscussionThread)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, resolveDeferredDeps: () => [import('./masterteam-work-center-work-center-process-preview-qG9T9HoP.mjs').then(m => m.WorkCenterProcessPreview), import('@masterteam/discussion').then(m => m.DiscussionThread)], resolveMetadata: (WorkCenterProcessPreview, DiscussionThread) => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'mt-work-center-schedule-publish-type', standalone: true, imports: [
+                            CommonModule,
+                            TranslocoDirective,
+                            Tabs,
+                            DiscussionThread,
+                            EntityPreviewBody,
+                            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      <!-- Comparison -->\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'comparison'\"\n      >\n        <div\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\n        >\n          @if (loading()) {\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(\"loading.schedulePublish\") }}\n              </p>\n            </div>\n          } @else if (error(); as loadError) {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-red-600\">\n                {{ loadError }}\n              </p>\n            </div>\n          } @else if (!summary().hasSnapshot) {\n            <!-- Never published: nothing has been announced, so nothing can\n                 differ from it. That is a different statement from \"no changes\". -->\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(\"publish.neverPublished\") }}\n              </p>\n            </div>\n          } @else if (!summary().needsAttention) {\n            <!-- Not `isEmpty`: a request whose only rows are zero-diff conflict\n                 convergences is publish-empty but must still show its conflicts\n                 section rather than claim there is nothing here. -->\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(\"publish.nothingToPublish\") }}\n              </p>\n            </div>\n          } @else {\n            <!-- Counts stay visible while searching, so a filtered view never\n                 reads as the whole request. -->\n            <div class=\"flex flex-wrap items-center gap-2\">\n              @if (summary().conflictCount > 0) {\n                <span\n                  class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                  [class]=\"groupBadgeClass('conflict')\"\n                  >{{\n                    t(\"publish.conflictCount\", {\n                      count: summary().conflictCount,\n                    })\n                  }}</span\n                >\n              }\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('added')\"\n                >{{\n                  t(\"publish.addedCount\", { count: summary().addedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('changed')\"\n                >{{\n                  t(\"publish.changedCount\", { count: summary().changedCount })\n                }}</span\n              >\n              <span\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                [class]=\"groupBadgeClass('removed')\"\n                >{{\n                  t(\"publish.removedCount\", { count: summary().removedCount })\n                }}</span\n              >\n            </div>\n\n            <input\n              type=\"search\"\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\"\n              [placeholder]=\"t('publish.searchPlaceholder')\"\n              [value]=\"searchText()\"\n              (input)=\"onSearch($any($event.target).value)\"\n            />\n\n            <div\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n            >\n              @if (searchFoundNothing()) {\n                <div\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n                >\n                  <p class=\"text-sm text-surface-500\">\n                    {{ t(\"publish.noSearchResults\") }}\n                  </p>\n                </div>\n              }\n\n              @for (group of groups(); track group.state) {\n                <section class=\"mb-4\">\n                  <header class=\"mb-2 flex items-center gap-2\">\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\n                      {{ groupLabel(group.state) }}\n                    </h4>\n                    <span\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\n                      [class]=\"groupBadgeClass(group.state)\"\n                      >{{ group.totalCount }}</span\n                    >\n                  </header>\n\n                  @if (group.state === \"conflict\") {\n                    <!-- Informational only: unlike the planner's drawer there is\n                         no keep-mine / use-published control here. The frozen\n                         plan under approval was captured while the live plan had\n                         moved on these rows. -->\n                    <p class=\"mb-2 text-xs text-surface-500\">\n                      {{ t(\"publish.conflictHint\") }}\n                    </p>\n                  }\n\n                  <ul class=\"flex flex-col gap-1\">\n                    @for (row of visibleRows(group); track rowKey(row)) {\n                      <li\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\n                      >\n                        <button\n                          type=\"button\"\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\n                          [class.cursor-default]=\"!isExpandable(row)\"\n                          [attr.aria-expanded]=\"\n                            isExpandable(row) ? isExpanded(row) : null\n                          \"\n                          [disabled]=\"!isExpandable(row)\"\n                          (click)=\"toggleRow(row)\"\n                        >\n                          @if (isExpandable(row)) {\n                            <span\n                              class=\"shrink-0 text-xs text-surface-500\"\n                              aria-hidden=\"true\"\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\n                            >\n                          } @else {\n                            <span\n                              class=\"w-3 shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <span\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\n                            >{{ row.name }}</span\n                          >\n                          @if (row.type) {\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\n                              row.type\n                            }}</span>\n                          }\n                        </button>\n\n                        @if (\n                          group.state === \"conflict\" &&\n                          publishedMovedFields(row).length > 0\n                        ) {\n                          <p\n                            class=\"border-t border-surface-200 px-3 py-1.5 text-xs text-orange-700\"\n                          >\n                            {{ t(\"publish.publishedSideMoved\") }}:\n                            {{ publishedMovedFields(row).join(\", \") }}\n                          </p>\n                        }\n\n                        @if (isExpandable(row) && isExpanded(row)) {\n                          <div\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\n                          >\n                            @for (\n                              change of changesFor(row);\n                              track change.field\n                            ) {\n                              <div class=\"flex min-w-0 flex-col gap-1\">\n                                <span\n                                  class=\"text-xs font-medium text-surface-600\"\n                                  >{{ fieldLabel(change.field) }}</span\n                                >\n                                <!-- Before -> After rendered locally rather than\n                                     via mt-comparison-value, whose Before/After\n                                     labels are hardcoded English. Each side still\n                                     goes through mt-entity-preview-body, so a date\n                                     renders as a date and a user as an avatar. -->\n                                <div\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\n                                >\n                                  <div\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\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\n                                      >{{ t(\"publish.before\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'published')\"\n                                    />\n                                  </div>\n                                  <div\n                                    class=\"flex shrink-0 items-center text-muted-color\"\n                                    aria-hidden=\"true\"\n                                  >\n                                    &rarr;\n                                  </div>\n                                  <div\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\"\n                                  >\n                                    <span\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\n                                      >{{ t(\"publish.after\") }}</span\n                                    >\n                                    <mt-entity-preview-body\n                                      [data]=\"sideEntity(change, 'current')\"\n                                    />\n                                  </div>\n                                </div>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </li>\n                    }\n                  </ul>\n\n                  @if (hiddenCount(group) > 0) {\n                    <!-- Said out loud: a silently truncated comparison reads as a\n                         complete one to whoever is approving it. -->\n                    <p class=\"mt-2 text-xs text-surface-500\">\n                      {{\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\n                      }}\n                    </p>\n                  }\n                </section>\n              }\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- Workflow -->\n      @if (canRenderPreview()) {\n        @defer (when activeTab() === \"workflow\") {\n          <div\n            class=\"h-full min-h-0 lg:overflow-hidden\"\n            [hidden]=\"activeTab() !== 'workflow'\"\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              <mt-work-center-process-preview\n                [requestId]=\"requestId()\"\n                [view]=\"'schema'\"\n              />\n            </div>\n          </div>\n        }\n      }\n\n      <!-- Discussion -->\n      @if (!readOnly() && canRenderDiscussion()) {\n        @defer (when activeTab() === \"discussion\") {\n          <div\n            class=\"h-full min-h-0 lg:overflow-hidden\"\n            [hidden]=\"activeTab() !== 'discussion'\"\n          >\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]=\"resolvedRequestId()\"\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          </div>\n        }\n      }\n    </div>\n  </div>\n</div>\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
  * wrap their payload in `{ data: ... }` - tolerate both rather than rendering an
@@ -4725,5 +4246,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