@masterteam/work-center 0.0.83 → 0.0.84

package/assets/i18n/ar.json

@@ -143,11 +143,15 @@
       "addedCount": "{{count}} مضاف",
       "changedCount": "{{count}} معدّل",
       "removedCount": "{{count}} محذوف",
+      "conflictCount": "{{count}} متعارض",
+      "conflictHint": "تغيّرت الخطة المنشورة أيضاً على هذه الصفوف أثناء تجهيز هذا الطلب. الخطة قيد الموافقة التُقطت كما هي — الموافقة تنشر نسخة مقدّم الطلب.",
+      "publishedSideMoved": "تغيّر الجانب المنشور",
       "hiddenRows": "{{count}} صفوف إضافية غير معروضة. استخدم البحث لتضييق القائمة لعرضها.",
       "group": {
         "added": "المضافة",
         "changed": "المعدّلة",
-        "removed": "المحذوفة"
+        "removed": "المحذوفة",
+        "conflict": "المتعارضة"
       },
       "field": {
         "name": "الاسم",

package/assets/i18n/en.json

@@ -143,11 +143,15 @@
       "addedCount": "{{count}} added",
       "changedCount": "{{count}} changed",
       "removedCount": "{{count}} removed",
+      "conflictCount": "{{count}} conflicting",
+      "conflictHint": "The published plan also moved on these rows while this request was being prepared. The plan under approval was captured as-is — approving publishes the requester's version.",
+      "publishedSideMoved": "Published side changed",
       "hiddenRows": "{{count}} more rows not shown. Narrow the list with search to see them.",
       "group": {
         "added": "Added",
         "changed": "Changed",
-        "removed": "Removed"
+        "removed": "Removed",
+        "conflict": "Conflicts"
       },
       "field": {
         "name": "Name",

package/assets/work-center.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-700:oklch(55.5% .163 48.998);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-700:oklch(50.8% .118 165.612);--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.\!absolute{position:absolute!important}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.me-auto{margin-inline-end:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-px{margin-top:1px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.\!h-\[90vh\]{height:90vh!important}.h-\[32rem\]{height:32rem}.h-\[70vh\]{height:70vh}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-0{min-height:0}.min-h-\[12rem\]{min-height:12rem}.min-h-\[22rem\]{min-height:22rem}.\!w-\[70vw\]{width:70vw!important}.\!w-\[90vw\]{width:90vw!important}.\!w-\[96vw\]{width:96vw!important}.w-3{width:calc(var(--spacing) * 3)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-primary-200{border-color:var(--p-primary-200)}@supports (color:color-mix(in lab, red, red)){.border-primary-200{border-color:color-mix(in srgb, var(--p-primary-200) calc(100% * 1), transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-surface{border-color:var(--p-content-border-color)}.border-surface-200{border-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.border-surface-200{border-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.border-surface-300{border-color:var(--p-surface-300)}@supports (color:color-mix(in lab, red, red)){.border-surface-300{border-color:color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-primary-50{background-color:var(--p-primary-50)}@supports (color:color-mix(in lab, red, red)){.bg-primary-50{background-color:color-mix(in srgb, var(--p-primary-50) calc(100% * 1), transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-surface-0{background-color:var(--p-surface-0)}@supports (color:color-mix(in lab, red, red)){.bg-surface-0{background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent)}}.bg-surface-50{background-color:var(--p-surface-50)}@supports (color:color-mix(in lab, red, red)){.bg-surface-50{background-color:color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent)}}.bg-surface-100{background-color:var(--p-surface-100)}@supports (color:color-mix(in lab, red, red)){.bg-surface-100{background-color:color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-start{text-align:start}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.text-amber-700{color:var(--color-amber-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-700{color:var(--color-green-700)}.text-muted-color{color:var(--p-text-muted-color)}.text-primary-600{color:var(--p-primary-600)}@supports (color:color-mix(in lab, red, red)){.text-primary-600{color:color-mix(in srgb, var(--p-primary-600) calc(100% * 1), transparent)}}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-surface-500{color:var(--p-surface-500)}@supports (color:color-mix(in lab, red, red)){.text-surface-500{color:color-mix(in srgb, var(--p-surface-500) calc(100% * 1), transparent)}}.text-surface-600{color:var(--p-surface-600)}@supports (color:color-mix(in lab, red, red)){.text-surface-600{color:color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent)}}.text-surface-700{color:var(--p-surface-700)}@supports (color:color-mix(in lab, red, red)){.text-surface-700{color:color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent)}}.text-surface-800{color:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){.text-surface-800{color:color-mix(in srgb, var(--p-surface-800) calc(100% * 1), transparent)}}.uppercase{text-transform:uppercase}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.focus\:border-primary-400:focus{border-color:var(--p-primary-400)}@supports (color:color-mix(in lab, red, red)){.focus\:border-primary-400:focus{border-color:color-mix(in srgb, var(--p-primary-400) calc(100% * 1), transparent)}}@media (min-width:48rem){.md\:\!w-\[84vw\]{width:84vw!important}.md\:\!w-\[90vw\]{width:90vw!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid{display:grid}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:0}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[13rem_minmax\(0\,1fr\)\]{grid-template-columns:13rem minmax(0,1fr)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overscroll-contain{overscroll-behavior:contain}.lg\:pr-2{padding-right:calc(var(--spacing) * 2)}}@media (min-width:80rem){.xl\:\!w-\[70vw\]{width:70vw!important}.xl\:\!w-\[82vw\]{width:82vw!important}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-700:oklch(55.5% .163 48.998);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-700:oklch(50.8% .118 165.612);--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.\!absolute{position:absolute!important}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.me-auto{margin-inline-end:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-px{margin-top:1px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.\!h-\[90vh\]{height:90vh!important}.h-\[32rem\]{height:32rem}.h-\[70vh\]{height:70vh}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-0{min-height:0}.min-h-\[12rem\]{min-height:12rem}.min-h-\[22rem\]{min-height:22rem}.\!w-\[70vw\]{width:70vw!important}.\!w-\[90vw\]{width:90vw!important}.\!w-\[96vw\]{width:96vw!important}.w-3{width:calc(var(--spacing) * 3)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-primary-200{border-color:var(--p-primary-200)}@supports (color:color-mix(in lab, red, red)){.border-primary-200{border-color:color-mix(in srgb, var(--p-primary-200) calc(100% * 1), transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-surface{border-color:var(--p-content-border-color)}.border-surface-200{border-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.border-surface-200{border-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.border-surface-300{border-color:var(--p-surface-300)}@supports (color:color-mix(in lab, red, red)){.border-surface-300{border-color:color-mix(in srgb, var(--p-surface-300) calc(100% * 1), transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-primary-50{background-color:var(--p-primary-50)}@supports (color:color-mix(in lab, red, red)){.bg-primary-50{background-color:color-mix(in srgb, var(--p-primary-50) calc(100% * 1), transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-surface-0{background-color:var(--p-surface-0)}@supports (color:color-mix(in lab, red, red)){.bg-surface-0{background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent)}}.bg-surface-50{background-color:var(--p-surface-50)}@supports (color:color-mix(in lab, red, red)){.bg-surface-50{background-color:color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent)}}.bg-surface-100{background-color:var(--p-surface-100)}@supports (color:color-mix(in lab, red, red)){.bg-surface-100{background-color:color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-start{text-align:start}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.text-amber-700{color:var(--color-amber-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-green-700{color:var(--color-green-700)}.text-muted-color{color:var(--p-text-muted-color)}.text-orange-700{color:var(--color-orange-700)}.text-primary-600{color:var(--p-primary-600)}@supports (color:color-mix(in lab, red, red)){.text-primary-600{color:color-mix(in srgb, var(--p-primary-600) calc(100% * 1), transparent)}}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-surface-500{color:var(--p-surface-500)}@supports (color:color-mix(in lab, red, red)){.text-surface-500{color:color-mix(in srgb, var(--p-surface-500) calc(100% * 1), transparent)}}.text-surface-600{color:var(--p-surface-600)}@supports (color:color-mix(in lab, red, red)){.text-surface-600{color:color-mix(in srgb, var(--p-surface-600) calc(100% * 1), transparent)}}.text-surface-700{color:var(--p-surface-700)}@supports (color:color-mix(in lab, red, red)){.text-surface-700{color:color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent)}}.text-surface-800{color:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){.text-surface-800{color:color-mix(in srgb, var(--p-surface-800) calc(100% * 1), transparent)}}.uppercase{text-transform:uppercase}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.focus\:border-primary-400:focus{border-color:var(--p-primary-400)}@supports (color:color-mix(in lab, red, red)){.focus\:border-primary-400:focus{border-color:color-mix(in srgb, var(--p-primary-400) calc(100% * 1), transparent)}}@media (min-width:48rem){.md\:\!w-\[84vw\]{width:84vw!important}.md\:\!w-\[90vw\]{width:90vw!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid{display:grid}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:0}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[13rem_minmax\(0\,1fr\)\]{grid-template-columns:13rem minmax(0,1fr)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overscroll-contain{overscroll-behavior:contain}.lg\:pr-2{padding-right:calc(var(--spacing) * 2)}}@media (min-width:80rem){.xl\:\!w-\[70vw\]{width:70vw!important}.xl\:\!w-\[82vw\]{width:82vw!important}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

package/fesm2022/masterteam-work-center.mjs

@@ -2448,7 +2448,7 @@ 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessRequestType, isStandalone: true, selector: "mt-work-center-process-request-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'requestDetails'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"isReadonly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.requestFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      @if (!readOnly()) {\r\n        <div\r\n          class=\"h-full min-h-0 overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          @if (canRenderDiscussion()) {\r\n            <div\r\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n            >\r\n              <mt-discussion-thread\r\n                [moduleType]=\"'ProcessRequest'\"\r\n                [recordId]=\"discussionRecordId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.requestDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "templateId", "returnRecord", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "submitTransport", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "silentMessages", "hostMessages", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "disabledFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessRequestType, decorators: [{
             type: Component,
@@ -2459,7 +2459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ClientForm,
                         DiscussionThread,
                         WorkCenterProcessPreview,
-                    ], template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'requestDetails'\"\n      >\n        <div\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n        >\n          @if (canRenderForm()) {\n            <mt-client-form\n              [moduleKey]=\"moduleKey()\"\n              [operationKey]=\"operationKey()\"\n              [moduleId]=\"moduleId()\"\n              [levelId]=\"levelId()\"\n              [levelDataId]=\"levelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [requestSchemaId]=\"requestSchemaId()\"\n              [draftProcessId]=\"draftProcessId()\"\n              [readonly]=\"isReadonly()\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\n              [hostMessages]=\"actionMessages()\"\n            />\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.requestFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'approvals'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'approvals'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.requestPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'schema'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'schema'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.requestPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      @if (!readOnly()) {\n        <div\n          class=\"h-full min-h-0 overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          @if (canRenderDiscussion()) {\n            <div\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\n            >\n              <mt-discussion-thread\n                [moduleType]=\"'ProcessRequest'\"\n                [recordId]=\"discussionRecordId()\"\n                [mentionSearchEndpoint]=\"'Identity/users'\"\n                [mentionSearchParam]=\"'query'\"\n                [mentionSearchDataPath]=\"'data'\"\n                [uploadEndpoint]=\"'uploader'\"\n                [attachmentDownloadEndpoint]=\"'uploader'\"\n                [showParticipants]=\"true\"\n                [autoMarkRead]=\"true\"\n                [refreshIntervalMs]=\"0\"\n                [styleClass]=\"'h-full'\"\n              />\n            </div>\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.requestDiscussionUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'requestDetails'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"isReadonly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.requestFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.requestPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      @if (!readOnly()) {\r\n        <div\r\n          class=\"h-full min-h-0 overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          @if (canRenderDiscussion()) {\r\n            <div\r\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n            >\r\n              <mt-discussion-thread\r\n                [moduleType]=\"'ProcessRequest'\"\r\n                [recordId]=\"discussionRecordId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.requestDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], clientForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }] } });
 
 class WorkCenterProcessStepType {
@@ -2623,7 +2623,7 @@ 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessStepType, isStandalone: true, selector: "mt-work-center-process-step-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "clientForm", first: true, predicate: ClientForm, descendants: true, isSignal: true }, { propertyName: "levelPreview", first: true, predicate: ClientInstancePreview, descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'form'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"readOnly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'levelDetails'\"\r\n      >\r\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      @if (!readOnly()) {\r\n        <div\r\n          class=\"h-full min-h-0 overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          @if (canRenderDiscussion()) {\r\n            <div\r\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n            >\r\n              <mt-discussion-thread\r\n                [moduleType]=\"'ProcessRequest'\"\r\n                [recordId]=\"discussionRecordId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: ClientForm, selector: "mt-client-form", inputs: ["moduleKey", "operationKey", "moduleId", "levelId", "levelDataId", "moduleDataId", "requestSchemaId", "draftProcessId", "templateId", "returnRecord", "preview", "forceOriginalForm", "returnUrl", "defaultValues", "submitRequestMapper", "submitTransport", "readonly", "autoLoad", "formMode", "renderMode", "showInternalStepActions", "confirmWarningsOnSubmit", "confirmWarningsOnStepChange", "silentMessages", "hostMessages", "readonlyFieldDisplayMode", "lookups", "statuses", "ignoredFieldKeys", "disabledFieldKeys", "allowedFieldKeys"], outputs: ["loaded", "submitted", "errored", "modeDetected", "formSourceDetected", "footerStateChanged"] }, { kind: "component", type: ClientInstancePreview, selector: "mt-client-instance-preview", inputs: ["config", "hideEmptyState", "stackOnNarrow"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessStepType, decorators: [{
             type: Component,
@@ -2635,7 +2635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         ClientInstancePreview,
                         DiscussionThread,
                         WorkCenterProcessPreview,
-                    ], template: "<div\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\n  *transloco=\"let t; prefix: 'workCenter'\"\n>\n  <div\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\n  >\n    @if (tabOptions().length > 1) {\n      <mt-tabs\n        [(active)]=\"activeTab\"\n        [options]=\"tabOptions()\"\n        mode=\"vertical\"\n        size=\"small\"\n      />\n    }\n\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'form'\"\n      >\n        <div\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n        >\n          @if (canRenderForm()) {\n            <mt-client-form\n              [moduleKey]=\"moduleKey()\"\n              [operationKey]=\"operationKey()\"\n              [moduleId]=\"moduleId()\"\n              [levelId]=\"levelId()\"\n              [levelDataId]=\"levelDataId()\"\n              [moduleDataId]=\"moduleDataId()\"\n              [requestSchemaId]=\"requestSchemaId()\"\n              [draftProcessId]=\"draftProcessId()\"\n              [readonly]=\"readOnly()\"\n              [renderMode]=\"'sections'\"\n              [lookups]=\"formLookups()\"\n              [hostMessages]=\"actionMessages()\"\n            />\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.processFormUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div\n        class=\"h-full min-h-0 lg:overflow-hidden\"\n        [hidden]=\"activeTab() !== 'levelDetails'\"\n      >\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\n          <div\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\n          >\n            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'approvals'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'approvals'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.processPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      <div\n        class=\"flex-1 min-h-0 overflow-auto\"\n        [hidden]=\"activeTab() !== 'schema'\"\n      >\n        @if (canRenderPreview()) {\n          <mt-work-center-process-preview\n            [requestId]=\"requestId()\"\n            [view]=\"'schema'\"\n          />\n        } @else {\n          <div\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n          >\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\n              {{ t(\"context.processPreviewUnavailable\") }}\n            </p>\n          </div>\n        }\n      </div>\n\n      @if (!readOnly()) {\n        <div\n          class=\"h-full min-h-0 overflow-hidden\"\n          [hidden]=\"activeTab() !== 'discussion'\"\n        >\n          @if (canRenderDiscussion()) {\n            <div\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\n            >\n              <mt-discussion-thread\n                [moduleType]=\"'ProcessRequest'\"\n                [recordId]=\"discussionRecordId()\"\n                [mentionSearchEndpoint]=\"'Identity/users'\"\n                [mentionSearchParam]=\"'query'\"\n                [mentionSearchDataPath]=\"'data'\"\n                [uploadEndpoint]=\"'uploader'\"\n                [attachmentDownloadEndpoint]=\"'uploader'\"\n                [showParticipants]=\"true\"\n                [autoMarkRead]=\"true\"\n                [refreshIntervalMs]=\"0\"\n                [styleClass]=\"'h-full'\"\n              />\n            </div>\n          } @else {\n            <div\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\n            >\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\n                {{ t(\"context.processDiscussionUnavailable\") }}\n              </p>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'form'\"\r\n      >\r\n        <div\r\n          class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n        >\r\n          @if (canRenderForm()) {\r\n            <mt-client-form\r\n              [moduleKey]=\"moduleKey()\"\r\n              [operationKey]=\"operationKey()\"\r\n              [moduleId]=\"moduleId()\"\r\n              [levelId]=\"levelId()\"\r\n              [levelDataId]=\"levelDataId()\"\r\n              [moduleDataId]=\"moduleDataId()\"\r\n              [requestSchemaId]=\"requestSchemaId()\"\r\n              [draftProcessId]=\"draftProcessId()\"\r\n              [readonly]=\"readOnly()\"\r\n              [renderMode]=\"'sections'\"\r\n              [lookups]=\"formLookups()\"\r\n              [hostMessages]=\"actionMessages()\"\r\n            />\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processFormUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'levelDetails'\"\r\n      >\r\n        @if (levelDetailsConfig(); as levelDetailsConfig) {\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-client-instance-preview [config]=\"levelDetailsConfig\" />\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'approvals'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'approvals'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"flex-1 min-h-0 overflow-auto\"\r\n        [hidden]=\"activeTab() !== 'schema'\"\r\n      >\r\n        @if (canRenderPreview()) {\r\n          <mt-work-center-process-preview\r\n            [requestId]=\"requestId()\"\r\n            [view]=\"'schema'\"\r\n          />\r\n        } @else {\r\n          <div\r\n            class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n          >\r\n            <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n              {{ t(\"context.processPreviewUnavailable\") }}\r\n            </p>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      @if (!readOnly()) {\r\n        <div\r\n          class=\"h-full min-h-0 overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          @if (canRenderDiscussion()) {\r\n            <div\r\n              class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n            >\r\n              <mt-discussion-thread\r\n                [moduleType]=\"'ProcessRequest'\"\r\n                [recordId]=\"discussionRecordId()\"\r\n                [mentionSearchEndpoint]=\"'Identity/users'\"\r\n                [mentionSearchParam]=\"'query'\"\r\n                [mentionSearchDataPath]=\"'data'\"\r\n                [uploadEndpoint]=\"'uploader'\"\r\n                [attachmentDownloadEndpoint]=\"'uploader'\"\r\n                [showParticipants]=\"true\"\r\n                [autoMarkRead]=\"true\"\r\n                [refreshIntervalMs]=\"0\"\r\n                [styleClass]=\"'h-full'\"\r\n              />\r\n            </div>\r\n          } @else {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"context.processDiscussionUnavailable\") }}\r\n              </p>\r\n            </div>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], clientForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientForm), { isSignal: true }] }], levelPreview: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ClientInstancePreview), { isSignal: true }] }] } });
 
 /**
@@ -2668,6 +2668,10 @@ const SCHEDULE_PUBLISH_GROUP_ORDER = [
     'changed',
     'removed',
 ];
+/** The server's per-row baseline verdict says the published side also moved. */
+function isSchedulePublishConflictRow(row) {
+    return row.draftBaselineState === 'conflict';
+}
 function summarizeSchedulePublish(diff) {
     const rows = diff?.rows ?? [];
     // Counted from the rows rather than trusted from the envelope's own counters:
@@ -2675,18 +2679,30 @@ function summarizeSchedulePublish(diff) {
     const addedCount = countByState(rows, 'added');
     const changedCount = countByState(rows, 'changed');
     const removedCount = countByState(rows, 'removed');
+    const totalCount = addedCount + changedCount + removedCount;
+    const conflictCount = rows.filter(isSchedulePublishConflictRow).length;
     return {
         hasSnapshot: diff?.hasSnapshot === true,
         addedCount,
         changedCount,
         removedCount,
-        totalCount: addedCount + changedCount + removedCount,
-        isEmpty: addedCount + changedCount + removedCount === 0,
+        totalCount,
+        conflictCount,
+        isEmpty: totalCount === 0,
+        needsAttention: totalCount > 0 || conflictCount > 0,
     };
 }
 /**
  * Group the comparison for display, optionally narrowed by a free-text search.
  *
+ * CONFLICTS LEAD, as their own section holding every conflicted row (whatever
+ * its publish state - including the zero-diff `unchanged` convergences the
+ * backend ships solely for this section). The approver has no resolution
+ * control - the section is informational: the frozen plan they are approving
+ * was captured while the live plan had moved under it. The remaining rows
+ * group added → changed → removed exactly as before, with non-conflict
+ * `unchanged` rows still dropped.
+ *
  * Search matches a row's NAME and its changed FIELD KEYS, so "start" finds every
  * row whose planned start moved even though that text appears nowhere in a name.
  * Empty groups are dropped rather than rendered as empty headers.
@@ -2695,8 +2711,22 @@ function groupSchedulePublishRows(diff, searchText = '') {
     const rows = diff?.rows ?? [];
     const needle = searchText.trim().toLowerCase();
     const groups = [];
+    const conflicts = rows.filter(isSchedulePublishConflictRow);
+    if (conflicts.length > 0) {
+        const matching = needle
+            ? conflicts.filter((row) => matchesSchedulePublishSearch(row, needle))
+            : conflicts;
+        if (matching.length > 0) {
+            groups.push({
+                state: 'conflict',
+                rows: sortSchedulePublishRows(matching),
+                totalCount: conflicts.length,
+            });
+        }
+    }
+    const rest = rows.filter((row) => !isSchedulePublishConflictRow(row));
     for (const state of SCHEDULE_PUBLISH_GROUP_ORDER) {
-        const all = rows.filter((row) => row.state === state);
+        const all = rest.filter((row) => row.state === state);
         if (all.length === 0) {
             continue;
         }
@@ -2714,6 +2744,16 @@ function groupSchedulePublishRows(diff, searchText = '') {
     }
     return groups;
 }
+/**
+ * The changed-field keys a conflict row ships as one comma-joined string -
+ * the same wire shape the schedule read envelope uses.
+ */
+function parseSchedulePublishChangedFields(changedFields) {
+    return String(changedFields ?? '')
+        .split(',')
+        .map((field) => field.trim())
+        .filter((field) => field.length > 0);
+}
 /**
  * Plan order, falling back to the row id.
  *
@@ -2904,6 +2944,14 @@ class WorkCenterSchedulePublishType {
     isExpandable(row) {
         return row.state === 'changed' && this.changesFor(row).length > 0;
     }
+    /**
+     * The published-side field keys of a conflict row, as human labels. Rendered
+     * as an informational hint — the approver has no per-row resolution control;
+     * the frozen plan they decide on was captured as-is.
+     */
+    publishedMovedFields(row) {
+        return parseSchedulePublishChangedFields(row.publishedChangedFields).map((field) => this.fieldLabel(field));
+    }
     groupBadgeClass(state) {
         switch (state) {
             case 'added':
@@ -2912,6 +2960,8 @@ class WorkCenterSchedulePublishType {
                 return 'bg-red-100 text-red-700';
             case 'changed':
                 return 'bg-amber-100 text-amber-700';
+            case 'conflict':
+                return 'bg-orange-100 text-orange-700';
             default:
                 return 'bg-surface-100 text-surface-700';
         }
@@ -2985,7 +3035,7 @@ class WorkCenterSchedulePublishType {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterSchedulePublishType, isStandalone: true, selector: "mt-work-center-schedule-publish-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (summary().isEmpty) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\r\n        >\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"resolvedRequestId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: EntityPreviewBody, selector: "mt-entity-preview-body", inputs: ["data", "attachmentShape"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterSchedulePublishType, isStandalone: true, selector: "mt-work-center-schedule-publish-type", inputs: { details: { classPropertyName: "details", publicName: "details", isSignal: true, isRequired: true, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().needsAttention) {\r\n            <!-- Not `isEmpty`: a request whose only rows are zero-diff conflict\r\n                 convergences is publish-empty but must still show its conflicts\r\n                 section rather than claim there is nothing here. -->\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              @if (summary().conflictCount > 0) {\r\n                <span\r\n                  class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                  [class]=\"groupBadgeClass('conflict')\"\r\n                  >{{\r\n                    t(\"publish.conflictCount\", {\r\n                      count: summary().conflictCount,\r\n                    })\r\n                  }}</span\r\n                >\r\n              }\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  @if (group.state === \"conflict\") {\r\n                    <!-- Informational only: unlike the planner's drawer there is\r\n                         no keep-mine / use-published control here. The frozen\r\n                         plan under approval was captured while the live plan had\r\n                         moved on these rows. -->\r\n                    <p class=\"mb-2 text-xs text-surface-500\">\r\n                      {{ t(\"publish.conflictHint\") }}\r\n                    </p>\r\n                  }\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (\r\n                          group.state === \"conflict\" &&\r\n                          publishedMovedFields(row).length > 0\r\n                        ) {\r\n                          <p\r\n                            class=\"border-t border-surface-200 px-3 py-1.5 text-xs text-orange-700\"\r\n                          >\r\n                            {{ t(\"publish.publishedSideMoved\") }}:\r\n                            {{ publishedMovedFields(row).join(\", \") }}\r\n                          </p>\r\n                        }\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\r\n        >\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"resolvedRequestId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "mode", "moreLabel", "defaultIcon", "size", "fluid", "disabled", "searchThreshold"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: DiscussionThread, selector: "mt-discussion-thread", inputs: ["moduleType", "recordId", "title", "subtitle", "placeholder", "pageSize", "currentUserId", "requestContext", "mentionableUsers", "mentionSearchEndpoint", "mentionSearchParam", "mentionSearchDataPath", "allowAttachments", "uploadEndpoint", "attachmentDownloadEndpoint", "showParticipants", "autoMarkRead", "refreshIntervalMs", "styleClass", "disabled"], outputs: ["loaded", "errored", "commentCreated", "commentUpdated", "commentDeleted", "readStateChanged"] }, { kind: "component", type: EntityPreviewBody, selector: "mt-entity-preview-body", inputs: ["data", "attachmentShape"] }, { kind: "component", type: WorkCenterProcessPreview, selector: "mt-work-center-process-preview", inputs: ["requestId", "view"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterSchedulePublishType, decorators: [{
             type: Component,
@@ -2996,7 +3046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         DiscussionThread,
                         EntityPreviewBody,
                         WorkCenterProcessPreview,
-                    ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (summary().isEmpty) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\r\n        >\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"resolvedRequestId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+                    ], template: "<div\r\n  class=\"mt-modal-content flex h-full min-h-0 flex-col gap-4 p-4 lg:overflow-hidden\"\r\n  *transloco=\"let t; prefix: 'workCenter'\"\r\n>\r\n  <div\r\n    class=\"flex flex-1 min-h-0 flex-col gap-4 lg:grid lg:grid-cols-[13rem_minmax(0,1fr)] lg:gap-6\"\r\n  >\r\n    @if (tabOptions().length > 1) {\r\n      <mt-tabs\r\n        [(active)]=\"activeTab\"\r\n        [options]=\"tabOptions()\"\r\n        mode=\"vertical\"\r\n        size=\"small\"\r\n      />\r\n    }\r\n\r\n    <div class=\"min-w-0 flex-1 min-h-0 lg:overflow-hidden\">\r\n      <!-- Comparison -->\r\n      <div\r\n        class=\"h-full min-h-0 lg:overflow-hidden\"\r\n        [hidden]=\"activeTab() !== 'comparison'\"\r\n      >\r\n        <div\r\n          class=\"flex h-full min-h-0 min-w-0 flex-col gap-3 lg:overflow-hidden\"\r\n        >\r\n          @if (loading()) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"loading.schedulePublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (error(); as loadError) {\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-red-600\">\r\n                {{ loadError }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().hasSnapshot) {\r\n            <!-- Never published: nothing has been announced, so nothing can\r\n                 differ from it. That is a different statement from \"no changes\". -->\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.neverPublished\") }}\r\n              </p>\r\n            </div>\r\n          } @else if (!summary().needsAttention) {\r\n            <!-- Not `isEmpty`: a request whose only rows are zero-diff conflict\r\n                 convergences is publish-empty but must still show its conflicts\r\n                 section rather than claim there is nothing here. -->\r\n            <div\r\n              class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n            >\r\n              <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n                {{ t(\"publish.nothingToPublish\") }}\r\n              </p>\r\n            </div>\r\n          } @else {\r\n            <!-- Counts stay visible while searching, so a filtered view never\r\n                 reads as the whole request. -->\r\n            <div class=\"flex flex-wrap items-center gap-2\">\r\n              @if (summary().conflictCount > 0) {\r\n                <span\r\n                  class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                  [class]=\"groupBadgeClass('conflict')\"\r\n                  >{{\r\n                    t(\"publish.conflictCount\", {\r\n                      count: summary().conflictCount,\r\n                    })\r\n                  }}</span\r\n                >\r\n              }\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('added')\"\r\n                >{{\r\n                  t(\"publish.addedCount\", { count: summary().addedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('changed')\"\r\n                >{{\r\n                  t(\"publish.changedCount\", { count: summary().changedCount })\r\n                }}</span\r\n              >\r\n              <span\r\n                class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                [class]=\"groupBadgeClass('removed')\"\r\n                >{{\r\n                  t(\"publish.removedCount\", { count: summary().removedCount })\r\n                }}</span\r\n              >\r\n            </div>\r\n\r\n            <input\r\n              type=\"search\"\r\n              class=\"w-full rounded-md border border-surface-300 bg-surface-0 px-3 py-2 text-sm outline-none focus:border-primary-400\"\r\n              [placeholder]=\"t('publish.searchPlaceholder')\"\r\n              [value]=\"searchText()\"\r\n              (input)=\"onSearch($any($event.target).value)\"\r\n            />\r\n\r\n            <div\r\n              class=\"min-h-0 flex-1 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n            >\r\n              @if (searchFoundNothing()) {\r\n                <div\r\n                  class=\"flex min-h-[12rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n                >\r\n                  <p class=\"text-sm text-surface-500\">\r\n                    {{ t(\"publish.noSearchResults\") }}\r\n                  </p>\r\n                </div>\r\n              }\r\n\r\n              @for (group of groups(); track group.state) {\r\n                <section class=\"mb-4\">\r\n                  <header class=\"mb-2 flex items-center gap-2\">\r\n                    <h4 class=\"text-sm font-semibold text-surface-700\">\r\n                      {{ groupLabel(group.state) }}\r\n                    </h4>\r\n                    <span\r\n                      class=\"rounded-full px-2 py-0.5 text-xs font-medium\"\r\n                      [class]=\"groupBadgeClass(group.state)\"\r\n                      >{{ group.totalCount }}</span\r\n                    >\r\n                  </header>\r\n\r\n                  @if (group.state === \"conflict\") {\r\n                    <!-- Informational only: unlike the planner's drawer there is\r\n                         no keep-mine / use-published control here. The frozen\r\n                         plan under approval was captured while the live plan had\r\n                         moved on these rows. -->\r\n                    <p class=\"mb-2 text-xs text-surface-500\">\r\n                      {{ t(\"publish.conflictHint\") }}\r\n                    </p>\r\n                  }\r\n\r\n                  <ul class=\"flex flex-col gap-1\">\r\n                    @for (row of visibleRows(group); track rowKey(row)) {\r\n                      <li\r\n                        class=\"rounded-md border border-surface-200 bg-surface-0\"\r\n                      >\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"flex w-full items-center gap-2 px-3 py-2 text-start\"\r\n                          [class.cursor-default]=\"!isExpandable(row)\"\r\n                          [attr.aria-expanded]=\"\r\n                            isExpandable(row) ? isExpanded(row) : null\r\n                          \"\r\n                          [disabled]=\"!isExpandable(row)\"\r\n                          (click)=\"toggleRow(row)\"\r\n                        >\r\n                          @if (isExpandable(row)) {\r\n                            <span\r\n                              class=\"shrink-0 text-xs text-surface-500\"\r\n                              aria-hidden=\"true\"\r\n                              >{{ isExpanded(row) ? \"\u25BE\" : \"\u25B8\" }}</span\r\n                            >\r\n                          } @else {\r\n                            <span\r\n                              class=\"w-3 shrink-0\"\r\n                              aria-hidden=\"true\"\r\n                            ></span>\r\n                          }\r\n                          <span\r\n                            class=\"min-w-0 flex-1 truncate text-sm text-surface-800\"\r\n                            >{{ row.name }}</span\r\n                          >\r\n                          @if (row.type) {\r\n                            <span class=\"shrink-0 text-xs text-surface-500\">{{\r\n                              row.type\r\n                            }}</span>\r\n                          }\r\n                        </button>\r\n\r\n                        @if (\r\n                          group.state === \"conflict\" &&\r\n                          publishedMovedFields(row).length > 0\r\n                        ) {\r\n                          <p\r\n                            class=\"border-t border-surface-200 px-3 py-1.5 text-xs text-orange-700\"\r\n                          >\r\n                            {{ t(\"publish.publishedSideMoved\") }}:\r\n                            {{ publishedMovedFields(row).join(\", \") }}\r\n                          </p>\r\n                        }\r\n\r\n                        @if (isExpandable(row) && isExpanded(row)) {\r\n                          <div\r\n                            class=\"flex flex-col gap-3 border-t border-surface-200 px-3 py-3\"\r\n                          >\r\n                            @for (\r\n                              change of changesFor(row);\r\n                              track change.field\r\n                            ) {\r\n                              <div class=\"flex min-w-0 flex-col gap-1\">\r\n                                <span\r\n                                  class=\"text-xs font-medium text-surface-600\"\r\n                                  >{{ fieldLabel(change.field) }}</span\r\n                                >\r\n                                <!-- Before -> After rendered locally rather than\r\n                                     via mt-comparison-value, whose Before/After\r\n                                     labels are hardcoded English. Each side still\r\n                                     goes through mt-entity-preview-body, so a date\r\n                                     renders as a date and a user as an avatar. -->\r\n                                <div\r\n                                  class=\"flex w-full min-w-0 items-stretch gap-3\"\r\n                                >\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-surface-200 bg-surface-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-muted-color\"\r\n                                      >{{ t(\"publish.before\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'published')\"\r\n                                    />\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex shrink-0 items-center text-muted-color\"\r\n                                    aria-hidden=\"true\"\r\n                                  >\r\n                                    &rarr;\r\n                                  </div>\r\n                                  <div\r\n                                    class=\"flex min-w-0 flex-1 flex-col gap-1 rounded-md border border-primary-200 bg-primary-50 px-3 py-2\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-xs font-medium uppercase tracking-wide text-primary-600\"\r\n                                      >{{ t(\"publish.after\") }}</span\r\n                                    >\r\n                                    <mt-entity-preview-body\r\n                                      [data]=\"sideEntity(change, 'current')\"\r\n                                    />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n                      </li>\r\n                    }\r\n                  </ul>\r\n\r\n                  @if (hiddenCount(group) > 0) {\r\n                    <!-- Said out loud: a silently truncated comparison reads as a\r\n                         complete one to whoever is approving it. -->\r\n                    <p class=\"mt-2 text-xs text-surface-500\">\r\n                      {{\r\n                        t(\"publish.hiddenRows\", { count: hiddenCount(group) })\r\n                      }}\r\n                    </p>\r\n                  }\r\n                </section>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Workflow -->\r\n      @if (canRenderPreview()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'workflow'\"\r\n        >\r\n          <div\r\n            class=\"min-w-0 h-full min-h-0 lg:overflow-y-auto lg:overscroll-contain lg:pr-2\"\r\n          >\r\n            <mt-work-center-process-preview\r\n              [requestId]=\"requestId()\"\r\n              [view]=\"'schema'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Discussion -->\r\n      @if (!readOnly() && canRenderDiscussion()) {\r\n        <div\r\n          class=\"h-full min-h-0 lg:overflow-hidden\"\r\n          [hidden]=\"activeTab() !== 'discussion'\"\r\n        >\r\n          <div\r\n            class=\"h-[32rem] min-h-[22rem] overflow-hidden rounded-lg border border-surface-200 bg-surface-50 lg:h-full lg:min-h-0\"\r\n          >\r\n            <mt-discussion-thread\r\n              [moduleType]=\"'ProcessRequest'\"\r\n              [recordId]=\"resolvedRequestId()\"\r\n              [mentionSearchEndpoint]=\"'Identity/users'\"\r\n              [mentionSearchParam]=\"'query'\"\r\n              [mentionSearchDataPath]=\"'data'\"\r\n              [uploadEndpoint]=\"'uploader'\"\r\n              [attachmentDownloadEndpoint]=\"'uploader'\"\r\n              [showParticipants]=\"true\"\r\n              [autoMarkRead]=\"true\"\r\n              [refreshIntervalMs]=\"0\"\r\n              [styleClass]=\"'h-full'\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { details: [{ type: i0.Input, args: [{ isSignal: true, alias: "details", required: true }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }] } });
 /**
  * The comparison arrives on the response root, but several runtime endpoints
@@ -4725,5 +4775,5 @@ const APP_STATES = [WorkCenterState];
  * Generated bundle index. Do not edit.
  */
 
-export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SCHEDULE_PUBLISH_GROUP_ORDER, SCHEDULE_PUBLISH_OPERATION_KEY, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WORK_CENTER_TYPE_COMPONENTS, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterSchedulePublishType, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey, groupSchedulePublishRows, matchesSchedulePublishSearch, readSchedulePublishChanges, schedulePublishRowKey, sortSchedulePublishRows, summarizeSchedulePublish, windowSchedulePublishRows };
+export { APP_STATES, ApplyColumnFilters, ApplyHeaderFilters, ClearAllFilters, EnterArea, HydrateFromContext, LoadRuntime, SCHEDULE_PUBLISH_GROUP_ORDER, SCHEDULE_PUBLISH_OPERATION_KEY, SelectCard, SetGroupBy, SetLookups, SetParams, WORK_CENTER_EMPTY_LABEL, WORK_CENTER_GROUP_NONE, WORK_CENTER_LEVEL_GROUP_FIELD, WORK_CENTER_LEVEL_NAME_KEY, WORK_CENTER_MAX_FILTERS, WORK_CENTER_MAX_PAGE_SIZE, WORK_CENTER_MAX_SORT, WORK_CENTER_QUERY_VERSION, WORK_CENTER_TYPE_COMPONENTS, WorkCenterActionKey, WorkCenterClientFormModal, WorkCenterFacade, WorkCenterItemModal, WorkCenterItemModalRoute, WorkCenterPage, WorkCenterSchedulePublishType, WorkCenterState, decodeWorkCenterRouteContextKey, encodeWorkCenterRouteContextKey, groupSchedulePublishRows, isSchedulePublishConflictRow, matchesSchedulePublishSearch, parseSchedulePublishChangedFields, readSchedulePublishChanges, schedulePublishRowKey, sortSchedulePublishRows, summarizeSchedulePublish, windowSchedulePublishRows };
 //# sourceMappingURL=masterteam-work-center.mjs.map