ngx-histaff-alpha 6.7.7 → 6.7.8

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-Bfddt3DJ.mjs → ngx-histaff-alpha-ngx-histaff-alpha-CMf5E5yd.mjs}

@@ -3194,6 +3194,26 @@ class DynamicStyleService {
       transform: rotate(90deg);
     }
     `;
+    }
+    ensureFormControlStyleContract() {
+        const STYLE_ID = 'core-form-control-style-contract';
+        if (document.getElementById(STYLE_ID))
+            return;
+        const styleEl = this.renderer.createElement('style');
+        this.renderer.setAttribute(styleEl, 'id', STYLE_ID);
+        this.renderer.appendChild(document.head, styleEl);
+        styleEl.innerHTML = `
+    /* =========================================
+       CORE FORM CONTROL STYLE CONTRACT
+       ========================================= */
+
+    /* Base contract: KHÔNG dùng border shorthand */
+      .form-control {
+        border-width: 1px;
+        border-style: solid;
+        border-color: #ced4da;
+      }
+  `;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DynamicStyleService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DynamicStyleService, providedIn: 'root' }); }
@@ -4031,6 +4051,7 @@ class AppInitializationService {
                     if (!!(FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR?.length)) {
                         this.dynamicStyleService.setRequiredHighlight(FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR);
                     }
+                    this.dynamicStyleService.ensureFormControlStyleContract();
                 });
                 this.appConfigService.OAUTH2_OIDC_ENABLED = OAUTH2_OIDC_ENABLED;
                 this.appConfigService.OAUTH2_OIDC_CLIENT_ID = OAUTH2_OIDC_CLIENT_ID;
@@ -29308,6 +29329,184 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "@if ($loading()) {\r\n<core-rotating-text />\r\n} @else {\r\n\r\n<div class=\"dom-oid-factory-container\" [class.form-control-disabled]=\"disabled\">\r\n\r\n  <!-- DISPLAY -->\r\n  <div class=\"oid-display-name\" [class.form-control-disabled]=\"disabled\">\r\n    <input type=\"text\" class=\"oid-name-input form-control\" [class.form-control-disabled]=\"disabled\"\r\n      [class.required-highlight]=\"!!required\" [value]=\"$displayName()\" [disabled]=\"disabled\" />\r\n    <div class=\"icon\" (click)=\"onPopupToggle()\">\r\n      <i class=\"feather-chevron-down\"></i>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"factory-popup\" [class.open]=\"$open()\">\r\n\r\n    <div class=\"popup-content\">\r\n\r\n      <!-- SEARCH -->\r\n      @if ($showSearch()) {\r\n      <div class=\"oid-search\">\r\n        <input type=\"text\" class=\"oid-search-input\" placeholder=\"T\u00ECm ki\u1EBFm\u2026\" [value]=\"$searchText()\"\r\n          (input)=\"onSearchTextChange($any($event.target).value)\" />\r\n      </div>\r\n      }\r\n\r\n      @if ($currentTokens().length > 0) {\r\n      <!-- \uD83C\uDD95 ACCORDION 1: C\u00E1c \u0111\u01A1n v\u1ECB v\u1EEBa t\u1EA1o -->\r\n      <section class=\"oid-accordion\" coreAccordion #accCreated=\"coreAccordion\">\r\n        <header class=\"core-accordion-header highlight\" (click)=\"accCreated.toggle()\">\r\n          <span>\uD83C\uDD95 C\u00E1c \u0111\u01A1n v\u1ECB v\u1EEBa t\u1EA1o</span>\r\n          <i class=\"feather-chevron-right core-accordion-rotate\" [class.rotated]=\"accCreated.$open()\"></i>\r\n        </header>\r\n\r\n        <div class=\"core-accordion-viewport\">\r\n        <div class=\"core-accordion-body\">\r\n          <div #coreAccordionBody>\r\n            <div class=\"oid-token-strip\">\r\n              @for (t of $currentTokens(); track $index) {\r\n              <dom-entity-token [$token]=\"t\" [$mode]=\"'compact'\" (click)=\"onTokenPicked(t)\">\r\n              </dom-entity-token>\r\n              }\r\n            </div>\r\n          </div>\r\n        </div>\r\n        </div>\r\n      </section>\r\n      }\r\n\r\n      <!-- \uD83C\uDF33 ACCORDION 2: C\u00E2y t\u1ED5 ch\u1EE9c -->\r\n      <section class=\"oid-accordion\" coreAccordion [$externalOpen]=\"true\" #accTree=\"coreAccordion\">\r\n        <header class=\"core-accordion-header\" (click)=\"accTree.toggle()\">\r\n          <span>\uD83C\uDF33 C\u00E2y t\u1ED5 ch\u1EE9c</span>\r\n          <i class=\"feather-chevron-right core-accordion-rotate\" [class.rotated]=\"accTree.$open()\"></i>\r\n        </header>\r\n\r\n        <div class=\"core-accordion-viewport\">\r\n        <div class=\"core-accordion-body\">\r\n          <div #coreAccordionBody>\r\n            <div #treeBody>\r\n              <core-tree-reference [$data]=\"MOCK_DATA\" (selected)=\"onTreeItemSelected($event)\">\r\n              </core-tree-reference>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        </div>\r\n      </section>\r\n\r\n      <!-- \u25AB\uFE0F ACCORDION 3: Ngo\u00E0i c\u00E2y t\u1ED5 ch\u1EE9c -->\r\n      <section class=\"oid-accordion\" coreAccordion #accOutside=\"coreAccordion\">\r\n        <header class=\"core-accordion-header\" (click)=\"accOutside.toggle()\">\r\n          <span>\u25AB\uFE0F Ngo\u00E0i c\u00E2y t\u1ED5 ch\u1EE9c</span>\r\n          <i class=\"feather-chevron-right core-accordion-rotate\" [class.rotated]=\"accOutside.$open()\"></i>\r\n        </header>\r\n\r\n        <div class=\"core-accordion-viewport\">\r\n        <div class=\"core-accordion-body\">\r\n          <div #coreAccordionBody></div>\r\n          <div #outsideBody>\r\n            <em class=\"muted\">Ch\u01B0a c\u00F3 n\u1ED9i dung</em>\r\n          </div>\r\n        </div>\r\n        </div>\r\n      </section>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n}", styles: [".dom-oid-factory-container{display:flex;flex-direction:column;gap:8px;position:relative}.dom-oid-factory-container .oid-display-name{position:relative}.dom-oid-factory-container .oid-display-name .icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;cursor:pointer;position:absolute;right:0;top:0;border-left:1px solid #ced4da;z-index:1}.dom-oid-factory-container .oid-display-name input.form-control-disabled{-webkit-user-select:none;user-select:none}.dom-oid-factory-container .factory-popup{height:0;overflow:hidden;position:absolute;background-color:#fff;width:320px;box-shadow:.4rem 0 2rem #4d2e2e2e;z-index:1;top:35px;transition:height .25s ease-out}.dom-oid-factory-container .factory-popup.open{height:400px}.dom-oid-factory-container .factory-popup .popup-content{padding:15px}.dom-oid-factory-container .factory-popup .popup-content .oid-accordion .core-accordion-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:35px}.dom-oid-factory-container .oid-search-input{width:100%;padding:6px 10px;border:1px solid #ccc}.dom-oid-factory-container .oid-tree{max-height:320px;overflow:auto}\n"] }]
         }], ctorParameters: () => [] });
 
+class IntentInputBehaviorBase {
+    constructor() {
+        this.$errors = signal([]);
+    }
+    onInputChange(fieldKey, value) {
+        const ctx = this.ctx;
+        if (!ctx?.form)
+            return;
+        const ctrl = ctx.form.get(fieldKey);
+        if (!ctrl)
+            return;
+        ctrl.setValue(value);
+        ctrl.markAsTouched();
+        this.rebuildErrors();
+    }
+    rebuildErrors() {
+        const { form, descriptor } = this.ctx;
+        if (!form || !descriptor)
+            return;
+        this.$errors.set([]);
+        for (const input of descriptor.inputs) {
+            const control = form.get(input.key);
+            if (!control || !control.touched || !control.errors)
+                continue;
+            for (const errorCode of Object.keys(control.errors)) {
+                const policyMessage = input.errorMessages?.[errorCode];
+                const fallbackMessage = this.buildFallbackErrorMessage(input, errorCode, control.errors[errorCode]);
+                this.$errors.update(c => [
+                    ...c,
+                    {
+                        fieldKey: input.key,
+                        fieldLabel: input.label,
+                        errorCode,
+                        errorMessage: policyMessage ?? fallbackMessage
+                    }
+                ]);
+            }
+        }
+    }
+    // Fallback message (phòng khi descriptor không khai báo)
+    buildFallbackErrorMessage(input, errorCode, errorData) {
+        switch (errorCode) {
+            case 'required':
+                return `${input.label} là bắt buộc`;
+            case 'minLength':
+            case 'minlength':
+                return `${input.label} phải có ít nhất ${errorData.requiredLength} ký tự`;
+            case 'maxLength':
+            case 'maxlength':
+                return `${input.label} không được vượt quá ${errorData.requiredLength} ký tự`;
+            case 'min':
+                return `${input.label} phải ≥ ${errorData.min}`;
+            case 'max':
+                return `${input.label} phải ≤ ${errorData.max}`;
+            case 'pattern':
+                return `${input.label} không đúng định dạng`;
+            default:
+                return `${input.label} không hợp lệ`;
+        }
+    }
+}
+
+class BaseIntentInputsComponent extends IntentInputBehaviorBase {
+    isTouched(key) {
+        return !!this.$form()?.get(key)?.touched;
+    }
+    onContextReady(ctx) {
+        // safe: ctx.form + ctx.descriptor đã tồn tại
+    }
+    constructor() {
+        super();
+        this.$context = input.required();
+        this.$form = computed(() => this.$context()?.form ?? null);
+        this.$loading = signal(false);
+        this.$rowableInputs = computed(() => {
+            const inputs = this.$context().descriptor.inputs ?? [];
+            const rows = new Map();
+            for (const input of inputs) {
+                const row = input.row ?? 1;
+                if (!rows.has(row))
+                    rows.set(row, []);
+                rows.get(row).push(input);
+            }
+            return Array.from(rows.entries())
+                .sort(([a], [b]) => a - b)
+                .map(([_, inputs]) => ({ inputs }));
+        });
+        //$errors = signal<IIntentInputError[]>([]);
+        this.$draftInput = signal({});
+        effect(() => {
+            this.ctx = this.$context();
+        });
+        effect(() => {
+            const ctx = this.$context(); // ✅ dependency
+            if (!ctx)
+                return;
+            this.onContextReady(ctx);
+        });
+    }
+    supports(_) {
+        return true;
+    }
+    getErrorsOfField(fieldKey) {
+        return this.$errors().filter(e => e.fieldKey === fieldKey);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: BaseIntentInputsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.5", type: BaseIntentInputsComponent, isStandalone: true, selector: "lib-base-intent-inputs", inputs: { $context: { classPropertyName: "$context", publicName: "$context", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: BaseIntentInputsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-base-intent-inputs', imports: [
+                        ReactiveFormsModule
+                    ], encapsulation: ViewEncapsulation.None, template: "" }]
+        }], ctorParameters: () => [] });
+
+class CreateTreeInputsComponent extends BaseIntentInputsComponent {
+    supports(actionCode) {
+        return actionCode === EnumActionCode.CREATE_TREE;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CreateTreeInputsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CreateTreeInputsComponent, isStandalone: true, selector: "create-tree-inputs", usesInheritance: true, ngImport: i0, template: "@if ($context().form) {\r\n<div [formGroup]=\"$context().form\">\r\n@if ($context()?.descriptor?.inputs?.length) {\r\n@for (row of $rowableInputs(); track $index) {\r\n\r\n<div class=\"intent-row-grid\">\r\n    @for (input of row.inputs; track $index) {\r\n    <div class=\"intent-cell\" [class.hidden]=\"input.hidden\" [style.gridColumn]=\"'span ' + (input.flexSize ?? 1)\">\r\n\r\n        <div class=\"intent-input\">\r\n\r\n            <label [class.required]=\"input.validators?.required\">\r\n                {{ input.label }}\r\n\r\n                @if (input.hint && input.hint !== '') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"input.hint!\" [showAnyway]=\"true\"\r\n                    [style.display]=\"'inline-block'\" [style.marginLeft]=\"'2px'\"></i>\r\n                }\r\n            </label>\r\n\r\n            @switch (input.kind) {\r\n\r\n            @case ('string') {\r\n            <input class=\"form-control\" [formControlName]=\"input.key\" type=\"text\"\r\n                (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n            }\r\n\r\n            @case ('boolean') {\r\n            <core-ios-switcher\r\n                [formControlName]=\"input.key\"\r\n                [showOnOffText]=\"false\"\r\n                [width]=\"66\" />\r\n            }\r\n\r\n            @default {\r\n            <em class=\"unsupported\">\r\n                Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n            </em>\r\n            }\r\n\r\n            }\r\n\r\n            @for (error of getErrorsOfField(input.key); track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n\r\n            @if (!getErrorsOfField(input.key).length && isTouched(input.key)) {\r\n            <div>&nbsp;</div>\r\n            }\r\n\r\n        </div>\r\n\r\n    </div>\r\n    }\r\n</div>\r\n}\r\n}\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CreateTreeInputsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'create-tree-inputs', imports: [
+                        ReactiveFormsModule,
+                        CoreIosSwitcherComponent,
+                        TranslatePipe,
+                    ], template: "@if ($context().form) {\r\n<div [formGroup]=\"$context().form\">\r\n@if ($context()?.descriptor?.inputs?.length) {\r\n@for (row of $rowableInputs(); track $index) {\r\n\r\n<div class=\"intent-row-grid\">\r\n    @for (input of row.inputs; track $index) {\r\n    <div class=\"intent-cell\" [class.hidden]=\"input.hidden\" [style.gridColumn]=\"'span ' + (input.flexSize ?? 1)\">\r\n\r\n        <div class=\"intent-input\">\r\n\r\n            <label [class.required]=\"input.validators?.required\">\r\n                {{ input.label }}\r\n\r\n                @if (input.hint && input.hint !== '') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"input.hint!\" [showAnyway]=\"true\"\r\n                    [style.display]=\"'inline-block'\" [style.marginLeft]=\"'2px'\"></i>\r\n                }\r\n            </label>\r\n\r\n            @switch (input.kind) {\r\n\r\n            @case ('string') {\r\n            <input class=\"form-control\" [formControlName]=\"input.key\" type=\"text\"\r\n                (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n            }\r\n\r\n            @case ('boolean') {\r\n            <core-ios-switcher\r\n                [formControlName]=\"input.key\"\r\n                [showOnOffText]=\"false\"\r\n                [width]=\"66\" />\r\n            }\r\n\r\n            @default {\r\n            <em class=\"unsupported\">\r\n                Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n            </em>\r\n            }\r\n\r\n            }\r\n\r\n            @for (error of getErrorsOfField(input.key); track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n\r\n            @if (!getErrorsOfField(input.key).length && isTouched(input.key)) {\r\n            <div>&nbsp;</div>\r\n            }\r\n\r\n        </div>\r\n\r\n    </div>\r\n    }\r\n</div>\r\n}\r\n}\r\n</div>\r\n}" }]
+        }] });
+
+class CreateOInputsComponent extends BaseIntentInputsComponent {
+    constructor() {
+        super(...arguments);
+        this.treeIdOptions$ = new BehaviorSubject([]);
+        this.appService = inject(AppService);
+        this.subscriptions = [];
+    }
+    supports(actionCode) {
+        return actionCode === EnumActionCode.CREATE_O;
+    }
+    onContextReady(ctx) {
+        const form = ctx.form;
+        if (!form)
+            return;
+        const codeCtrl = form.get('CODE');
+        const shortCodeCtrl = form.get('SHORT_CODE');
+        if (!codeCtrl || !shortCodeCtrl)
+            return;
+        const code = crypto.randomUUID();
+        codeCtrl.setValue(code, { emitEvent: false });
+        codeCtrl.disable({ emitEvent: false });
+        shortCodeCtrl.setValue(code.substring(0, 8).toUpperCase(), { emitEvent: false });
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.subscriptions.push(this.appService.get('/api/DomTree/GetAll').pipe(tap$1(_ => this.$loading.set(true)), finalize$1(() => this.$loading.set(false))).subscribe(x => {
+                if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+                    this.treeIdOptions$.next((x.body?.innerBody ?? []).map((i) => ({ value: i.id, text: i.treeName + (i.isHr ? ' (HR)' : '') })));
+                }
+            }));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CreateOInputsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CreateOInputsComponent, isStandalone: true, selector: "create-o-inputs", usesInheritance: true, ngImport: i0, template: "@if ($context().form) {\r\n<div [formGroup]=\"$context().form\">\r\n@if ($context()?.descriptor?.inputs?.length) {\r\n@for (row of $rowableInputs(); track $index) {\r\n\r\n<div class=\"intent-row-grid\">\r\n    @for (input of row.inputs; track $index) {\r\n    <div class=\"intent-cell\" [class.hidden]=\"input.hidden\" [style.gridColumn]=\"'span ' + (input.flexSize ?? 1)\">\r\n\r\n        <div class=\"intent-input\">\r\n\r\n            <label [class.required]=\"input.validators?.required\">\r\n                {{ input.label }}\r\n\r\n                @if (input.hint && input.hint !== '') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"input.hint!\" [showAnyway]=\"true\"\r\n                    [style.display]=\"'inline-block'\" [style.marginLeft]=\"'2px'\"></i>\r\n                }\r\n            </label>\r\n\r\n            @switch (input.kind) {\r\n\r\n            @case ('string') {\r\n            <input class=\"form-control\" [formControlName]=\"input.key\" type=\"text\"\r\n                (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n            }\r\n\r\n            @case ('treeId') {\r\n            <core-dropdown [options$]=\"treeIdOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('date') {\r\n            <core-date-picker [formControlName]=\"input.key\" [$rangePoint]=\"'start'\"\r\n                [required]=\"!!input.validators?.required\" />\r\n            }\r\n\r\n            @case ('timezoneId') {\r\n            <core-timezone [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('boolean') {\r\n            <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\" [width]=\"66\" />\r\n            }\r\n\r\n            @default {\r\n                <em class=\"unsupported\">\r\n                Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n                </em>\r\n            }\r\n\r\n            }\r\n\r\n            @for (error of getErrorsOfField(input.key); track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n            @if (!getErrorsOfField(input.key).length && isTouched(input.key)) {\r\n            <div>&nbsp;</div>\r\n            }\r\n\r\n        </div>\r\n\r\n    </div>\r\n    }\r\n</div>\r\n\r\n}\r\n}\r\n</div>\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight", "optionApiDriven", "optionApi", "optionHttpVerb", "optionHttpPayload", "optionValueFrom", "optionTextFrom", "$disabled"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled", "$rangePoint"] }, { kind: "component", type: CoreTimezoneComponent, selector: "core-timezone" }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CreateOInputsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'create-o-inputs', imports: [
+                        TranslatePipe,
+                        ReactiveFormsModule,
+                        CoreDropdownComponent,
+                        CoreDatePickerComponent,
+                        CoreTimezoneComponent,
+                        CoreIosSwitcherComponent,
+                    ], template: "@if ($context().form) {\r\n<div [formGroup]=\"$context().form\">\r\n@if ($context()?.descriptor?.inputs?.length) {\r\n@for (row of $rowableInputs(); track $index) {\r\n\r\n<div class=\"intent-row-grid\">\r\n    @for (input of row.inputs; track $index) {\r\n    <div class=\"intent-cell\" [class.hidden]=\"input.hidden\" [style.gridColumn]=\"'span ' + (input.flexSize ?? 1)\">\r\n\r\n        <div class=\"intent-input\">\r\n\r\n            <label [class.required]=\"input.validators?.required\">\r\n                {{ input.label }}\r\n\r\n                @if (input.hint && input.hint !== '') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"input.hint!\" [showAnyway]=\"true\"\r\n                    [style.display]=\"'inline-block'\" [style.marginLeft]=\"'2px'\"></i>\r\n                }\r\n            </label>\r\n\r\n            @switch (input.kind) {\r\n\r\n            @case ('string') {\r\n            <input class=\"form-control\" [formControlName]=\"input.key\" type=\"text\"\r\n                (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n            }\r\n\r\n            @case ('treeId') {\r\n            <core-dropdown [options$]=\"treeIdOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('date') {\r\n            <core-date-picker [formControlName]=\"input.key\" [$rangePoint]=\"'start'\"\r\n                [required]=\"!!input.validators?.required\" />\r\n            }\r\n\r\n            @case ('timezoneId') {\r\n            <core-timezone [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('boolean') {\r\n            <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\" [width]=\"66\" />\r\n            }\r\n\r\n            @default {\r\n                <em class=\"unsupported\">\r\n                Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n                </em>\r\n            }\r\n\r\n            }\r\n\r\n            @for (error of getErrorsOfField(input.key); track $index) {\r\n            <div class=\"form-control-error\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n            @if (!getErrorsOfField(input.key).length && isTouched(input.key)) {\r\n            <div>&nbsp;</div>\r\n            }\r\n\r\n        </div>\r\n\r\n    </div>\r\n    }\r\n</div>\r\n\r\n}\r\n}\r\n</div>\r\n}" }]
+        }] });
+
 class IntentComposerComponent extends BaseComponent {
     constructor(mls) {
         super(mls);
@@ -29332,26 +29531,10 @@ class IntentComposerComponent extends BaseComponent {
         this.form = this.fb.group({});
         this.$formRawValue = signal(null);
         this.isDevMode = isDevMode();
-        this.$rowableInputs = computed(() => {
-            const inputs = this.$descriptor().inputs ?? [];
-            // Map<row, inputs[]>
-            const rowMap = new Map();
-            for (const input of inputs) {
-                const row = input.row ?? 0;
-                if (!rowMap.has(row)) {
-                    rowMap.set(row, []);
-                }
-                rowMap.get(row).push(input);
-            }
-            // Preserve row order (ascending)
-            return Array
-                .from(rowMap.entries())
-                .sort(([a], [b]) => a - b)
-                .map(([row, inputs]) => ({
-                row,
-                inputs
-            }));
-        });
+        this.$context = computed(() => ({
+            form: this.form,
+            descriptor: this.$descriptor(),
+        }));
         this.rCodeOptions$ = new BehaviorSubject(RCODE_FORWARD_VALUES.map(x => ({ value: x, text: x })));
         this.roleOptions$ = new BehaviorSubject([
             {
@@ -29394,19 +29577,20 @@ class IntentComposerComponent extends BaseComponent {
         const controls = {};
         // Logical inputs
         for (const input of descriptor.inputs) {
-            controls[input.key] = new FormControl(input.defaultValueFactory ? input.defaultValueFactory() : input.defaultValue ?? null, this.buildValidators(input.validators));
+            const control = new FormControl(input.defaultValueFactory
+                ? input.defaultValueFactory()
+                : input.defaultValue ?? null, this.buildValidators(input.validators));
             if (input.disabled) {
-                controls[input.key].disable();
+                controls[input.key].disable({ emitEvent: false });
             }
+            controls[input.key] = control;
         }
+        // ⚠️ atomic replace
         this.form = new FormGroup(controls);
         // 🔹 snapshot ban đầu
         this.$formRawValue.set(this.form.getRawValue());
-        if (this.formSubscription)
-            this.formSubscription.unsubscribe();
-        this.formSubscription = this.form.valueChanges.subscribe(x => {
-            this.$formRawValue.set(x);
-        });
+        this.bindFormValueChanges();
+        // TO DO: REMOVE THE REST
         if (this.vfUtcSubscription)
             this.vfUtcSubscription.unsubscribe();
         if (this.$descriptor().actionCode === EnumActionCode.LINK_O_O) {
@@ -29449,11 +29633,11 @@ class IntentComposerComponent extends BaseComponent {
         }
         this.applyActionSpecificBehavior(descriptor);
     }
-    onInputChange(key, value) {
-        this.$draftInput.update(prev => ({
-            ...prev,
-            [key]: value,
-        }));
+    bindFormValueChanges() {
+        this.formSubscription?.unsubscribe();
+        this.formSubscription = this.form.valueChanges.subscribe(value => {
+            this.$formRawValue.set(value);
+        });
     }
     onConfirm() {
         this.form.markAllAsTouched();
@@ -29587,7 +29771,7 @@ class IntentComposerComponent extends BaseComponent {
             this.vfUtcSubscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IntentComposerComponent, deps: [{ token: MultiLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: IntentComposerComponent, isStandalone: true, selector: "intent-composer", inputs: { $descriptor: { classPropertyName: "$descriptor", publicName: "$descriptor", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { intentComposed: "intentComposed", cancelled: "cancelled" }, host: { listeners: { "keydown.escape": "onEscape($event)" } }, viewQueries: [{ propertyName: "$defaultOrgItemTpl", first: true, predicate: ["defaultOrgItemTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\r\n  IntentComposerComponent\r\n  Purpose:\r\n  - Collect human input for a single OM intent\r\n  - Emit IntentDraft only\r\n  Must NOT:\r\n  - Mutate Omega\r\n  - Modify IntentChain\r\n-->\r\n@if (form) {\r\n<form class=\"intent-composer-container\" [formGroup]=\"form\" (ngSubmit)=\"onConfirm()\" autocomplete=\"off\" [hotKeys]=\"hotKeys\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"composer-header\">\r\n    <core-page-header [hideButtonGroup]=\"true\" [title]=\"$descriptor().label\" />\r\n    <div class=\"icon-wrapper\" (click)=\"cancelled.emit()\">\r\n      <i class=\"feather-x\"></i>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"composer-body\">\r\n\r\n    <p class=\"desc\">{{ $descriptor().quickEmoji }} | {{ $descriptor().description }}</p>\r\n\r\n    <!-- Inputs -->\r\n    <div class=\"intent-inputs\">\r\n\r\n      @for (row of $rowableInputs(); track $index) {\r\n\r\n      <div class=\"intent-row-grid\">\r\n        @for (input of row.inputs; track $index) {\r\n        <div class=\"intent-cell\" [class.hidden]=\"input.hidden\" [style.gridColumn]=\"'span ' + (input.flexSize ?? 1)\">\r\n\r\n          <div class=\"intent-input\">\r\n\r\n            <label [class.required]=\"input.validators?.required\">\r\n              {{ input.label }}\r\n\r\n              @if (input.hint && input.hint !== '') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"input.hint!\" [showAnyway]=\"true\" [style.display]=\"'inline-block'\" [style.marginLeft]=\"'2px'\"></i>\r\n              }\r\n            </label>\r\n\r\n            @switch (input.kind) {\r\n\r\n            @case ('string') {\r\n            <input class=\"form-control\" [formControlName]=\"input.key\" type=\"text\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n            }\r\n\r\n            @case ('treeId') {\r\n            <core-dropdown [options$]=\"treeIdOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('boolean') {\r\n            <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\" [width]=\"66\" />\r\n            <!-- <input\r\n                  type=\"text\"\r\n                  (input)=\"onInputChange(input.key, $event.target.value)\" /> -->\r\n            }\r\n\r\n            @case ('number') {\r\n            <input [formControlName]=\"input.key\" type=\"number\"\r\n              (input)=\"onInputChange(input.key, $event.target.valueAsNumber)\" />\r\n            }\r\n\r\n            @case ('date') {\r\n            <core-date-picker \r\n              [formControlName]=\"input.key\" [$rangePoint]=\"'start'\" \r\n              [required]=\"!!input.validators?.required\"\r\n            />\r\n            }\r\n\r\n            @case ('dropdown') {\r\n            <core-date-picker [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('timezoneId') {\r\n            <core-timezone [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('orgGardenReference') {\r\n            <dom-oid-factory \r\n              [formControlName]=\"input.key\" \r\n              (resolved)=\"onOrgResolved($event)\"\r\n            />\r\n            }\r\n\r\n            @case ('rCode') {\r\n            <core-dropdown [options$]=\"rCodeOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('role') {\r\n            <core-dropdown [options$]=\"roleOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('reference') {\r\n            <button type=\"button\" class=\"btn btn-outline\" (click)=\"onInputChange(input.key, '__REF__')\">\r\n              Ch\u1ECDn \u0111\u1ED1i t\u01B0\u1EE3ng\u2026\r\n            </button>\r\n            }\r\n\r\n            @case ('object') {\r\n            <textarea [formControlName]=\"input.key\" rows=\"3\" (input)=\"onInputChange(input.key, $event.target.value)\">\r\n                </textarea>\r\n            }\r\n\r\n            @default {\r\n            <em class=\"unsupported\">\r\n              Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n            </em>\r\n            }\r\n\r\n            }\r\n\r\n            <!-- START: ERROR SESSION -->\r\n            @for (error of getErrorsOfField(input.key); track $index) {\r\n            <div class=\"form-control-error\">\r\n              {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n            @if (!getErrorsOfField(input.key).length && !!$checkError()) {\r\n            <div>&nbsp;</div>\r\n            }\r\n            <!-- END: ERROR SESSION -->\r\n\r\n          </div>\r\n\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      }\r\n\r\n    </div>\r\n\r\n    <!-- Actions -->\r\n    <div class=\"composer-actions\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCancel()\">\r\n        Quay l\u1EA1i\r\n      </button>\r\n\r\n      <button type=\"submit\" class=\"btn btn-primary\">\r\n        X\u00E1c nh\u1EADn\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!-- @if (isDevMode && $formRawValue) {\r\n    <pre>{{ $formRawValue() | json }}</pre>\r\n  }\r\n\r\n  @if (isDevMode) {\r\n    <label>Tokens</label>\r\n    <pre>{{ $tokens() | json }}</pre>\r\n  } -->\r\n\r\n</form>\r\n}\r\n\r\n<ng-template #defaultOrgItemTpl let-node=\"node\" let-level=\"level\">\r\n  <div class=\"test-itemTemplateRef\">\r\n    {{ node.label }}\r\n  </div>\r\n</ng-template>", styles: [".intent-composer-container .composer-header{position:relative}.intent-composer-container .composer-header .icon-wrapper{cursor:pointer;position:absolute;width:30px;height:30px;top:5px;right:-10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.intent-composer-container .composer-header .icon-wrapper:hover{background-color:#d3d3d3}.intent-composer-container .composer-header .icon-wrapper i{font-size:18px}.intent-composer-container .intent-inputs label{color:#848484}.intent-composer-container .intent-inputs .intent-row-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:12px}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell{box-sizing:border-box;min-width:0}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell.hidden{display:none}.intent-composer-container .intent-inputs .intent-row-grid .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label.required:after{content:\"*\";color:#ff040b}.intent-composer-container .composer-actions{display:flex;justify-content:space-between}.intent-composer-container .composer-actions button{font-size:13px;border-radius:0}.intent-composer-container pre{margin-top:15px}.test-itemTemplateRef{padding:15px;background-color:#6495ed;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CoreIosSwitcherComponent, selector: "core-ios-switcher", inputs: ["bgColor", "showOnOffText", "width", "height", "readonly"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled", "$rangePoint"] }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight", "optionApiDriven", "optionApi", "optionHttpVerb", "optionHttpPayload", "optionValueFrom", "optionTextFrom", "$disabled"] }, { kind: "component", type: CoreTimezoneComponent, selector: "core-timezone" }, { kind: "component", type: DomOIdFactoryComponent, selector: "dom-oid-factory", inputs: ["$showSearch"], outputs: ["resolved"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: IntentComposerComponent, isStandalone: true, selector: "intent-composer", inputs: { $descriptor: { classPropertyName: "$descriptor", publicName: "$descriptor", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { intentComposed: "intentComposed", cancelled: "cancelled" }, host: { listeners: { "keydown.escape": "onEscape($event)" } }, viewQueries: [{ propertyName: "$defaultOrgItemTpl", first: true, predicate: ["defaultOrgItemTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!--\r\n  IntentComposerComponent\r\n  Purpose:\r\n  - Collect human input for a single OM intent\r\n  - Emit IntentDraft only\r\n  Must NOT:\r\n  - Mutate Omega\r\n  - Modify IntentChain\r\n-->\r\n@if (form) {\r\n<form class=\"intent-composer-container\" [formGroup]=\"form\" (ngSubmit)=\"onConfirm()\" autocomplete=\"off\" [hotKeys]=\"hotKeys\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"composer-header\">\r\n    <core-page-header [hideButtonGroup]=\"true\" [title]=\"$descriptor().label\" />\r\n    <div class=\"icon-wrapper\" (click)=\"cancelled.emit()\">\r\n      <i class=\"feather-x\"></i>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"composer-body\">\r\n\r\n    <p class=\"desc\">{{ $descriptor().quickEmoji }} | {{ $descriptor().description }}</p>\r\n\r\n    <!-- Inputs -->\r\n    <div class=\"intent-inputs\">\r\n      @switch ($descriptor().actionCode) {\r\n        @case ('CREATE_TREE') {\r\n        <create-tree-inputs [$context]=\"$context()\" />\r\n        }\r\n        @case ('CREATE_O') {\r\n        <create-o-inputs [$context]=\"$context()\" />\r\n        }\r\n        @default {\r\n          <em class=\"unsupported\">\r\n            Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n          </em>\r\n        }        \r\n      }\r\n    </div>\r\n\r\n    <!-- Actions -->\r\n    <div class=\"composer-actions\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCancel()\">\r\n        Quay l\u1EA1i\r\n      </button>\r\n\r\n      <button type=\"submit\" class=\"btn btn-primary\">\r\n        X\u00E1c nh\u1EADn\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!-- @if (isDevMode && $formRawValue) {\r\n    <pre>{{ $formRawValue() | json }}</pre>\r\n  }\r\n\r\n  @if (isDevMode) {\r\n    <label>Tokens</label>\r\n    <pre>{{ $tokens() | json }}</pre>\r\n  } -->\r\n\r\n</form>\r\n}\r\n\r\n<ng-template #defaultOrgItemTpl let-node=\"node\" let-level=\"level\">\r\n  <div class=\"test-itemTemplateRef\">\r\n    {{ node.label }}\r\n  </div>\r\n</ng-template>", styles: [".intent-composer-container .composer-header{position:relative}.intent-composer-container .composer-header .icon-wrapper{cursor:pointer;position:absolute;width:30px;height:30px;top:5px;right:-10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.intent-composer-container .composer-header .icon-wrapper:hover{background-color:#d3d3d3}.intent-composer-container .composer-header .icon-wrapper i{font-size:18px}.intent-composer-container .intent-inputs label{color:#848484}.intent-composer-container .intent-inputs .intent-row-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:12px}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell{box-sizing:border-box;min-width:0}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell.hidden{display:none}.intent-composer-container .intent-inputs .intent-row-grid .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label.required:after{content:\"*\";color:#ff040b}.intent-composer-container .composer-actions{display:flex;justify-content:space-between}.intent-composer-container .composer-actions button{font-size:13px;border-radius:0}.intent-composer-container pre{margin-top:15px}.test-itemTemplateRef{padding:15px;background-color:#6495ed;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }, { kind: "component", type: CreateTreeInputsComponent, selector: "create-tree-inputs" }, { kind: "component", type: CreateOInputsComponent, selector: "create-o-inputs" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: IntentComposerComponent, decorators: [{
             type: Component,
@@ -29603,10 +29787,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         TranslatePipe,
                         JsonPipe,
                         CorePageHeaderComponent,
-                        HotKeysDirective
-                    ], host: {
+                        HotKeysDirective,
+                        CreateTreeInputsComponent,
+                        CreateOInputsComponent,
+                    ], encapsulation: ViewEncapsulation.None, host: {
                         '(keydown.escape)': 'onEscape($event)'
-                    }, template: "<!--\r\n  IntentComposerComponent\r\n  Purpose:\r\n  - Collect human input for a single OM intent\r\n  - Emit IntentDraft only\r\n  Must NOT:\r\n  - Mutate Omega\r\n  - Modify IntentChain\r\n-->\r\n@if (form) {\r\n<form class=\"intent-composer-container\" [formGroup]=\"form\" (ngSubmit)=\"onConfirm()\" autocomplete=\"off\" [hotKeys]=\"hotKeys\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"composer-header\">\r\n    <core-page-header [hideButtonGroup]=\"true\" [title]=\"$descriptor().label\" />\r\n    <div class=\"icon-wrapper\" (click)=\"cancelled.emit()\">\r\n      <i class=\"feather-x\"></i>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"composer-body\">\r\n\r\n    <p class=\"desc\">{{ $descriptor().quickEmoji }} | {{ $descriptor().description }}</p>\r\n\r\n    <!-- Inputs -->\r\n    <div class=\"intent-inputs\">\r\n\r\n      @for (row of $rowableInputs(); track $index) {\r\n\r\n      <div class=\"intent-row-grid\">\r\n        @for (input of row.inputs; track $index) {\r\n        <div class=\"intent-cell\" [class.hidden]=\"input.hidden\" [style.gridColumn]=\"'span ' + (input.flexSize ?? 1)\">\r\n\r\n          <div class=\"intent-input\">\r\n\r\n            <label [class.required]=\"input.validators?.required\">\r\n              {{ input.label }}\r\n\r\n              @if (input.hint && input.hint !== '') {\r\n                <i class=\"feather-help-circle\" [appTooltip]=\"input.hint!\" [showAnyway]=\"true\" [style.display]=\"'inline-block'\" [style.marginLeft]=\"'2px'\"></i>\r\n              }\r\n            </label>\r\n\r\n            @switch (input.kind) {\r\n\r\n            @case ('string') {\r\n            <input class=\"form-control\" [formControlName]=\"input.key\" type=\"text\"\r\n              (input)=\"onInputChange(input.key, $event.target.value)\" />\r\n            }\r\n\r\n            @case ('treeId') {\r\n            <core-dropdown [options$]=\"treeIdOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('boolean') {\r\n            <core-ios-switcher [formControlName]=\"input.key\" [showOnOffText]=\"false\" [width]=\"66\" />\r\n            <!-- <input\r\n                  type=\"text\"\r\n                  (input)=\"onInputChange(input.key, $event.target.value)\" /> -->\r\n            }\r\n\r\n            @case ('number') {\r\n            <input [formControlName]=\"input.key\" type=\"number\"\r\n              (input)=\"onInputChange(input.key, $event.target.valueAsNumber)\" />\r\n            }\r\n\r\n            @case ('date') {\r\n            <core-date-picker \r\n              [formControlName]=\"input.key\" [$rangePoint]=\"'start'\" \r\n              [required]=\"!!input.validators?.required\"\r\n            />\r\n            }\r\n\r\n            @case ('dropdown') {\r\n            <core-date-picker [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('timezoneId') {\r\n            <core-timezone [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('orgGardenReference') {\r\n            <dom-oid-factory \r\n              [formControlName]=\"input.key\" \r\n              (resolved)=\"onOrgResolved($event)\"\r\n            />\r\n            }\r\n\r\n            @case ('rCode') {\r\n            <core-dropdown [options$]=\"rCodeOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('role') {\r\n            <core-dropdown [options$]=\"roleOptions$\" [warningDisable]=\"true\" [formControlName]=\"input.key\" />\r\n            }\r\n\r\n            @case ('reference') {\r\n            <button type=\"button\" class=\"btn btn-outline\" (click)=\"onInputChange(input.key, '__REF__')\">\r\n              Ch\u1ECDn \u0111\u1ED1i t\u01B0\u1EE3ng\u2026\r\n            </button>\r\n            }\r\n\r\n            @case ('object') {\r\n            <textarea [formControlName]=\"input.key\" rows=\"3\" (input)=\"onInputChange(input.key, $event.target.value)\">\r\n                </textarea>\r\n            }\r\n\r\n            @default {\r\n            <em class=\"unsupported\">\r\n              Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n            </em>\r\n            }\r\n\r\n            }\r\n\r\n            <!-- START: ERROR SESSION -->\r\n            @for (error of getErrorsOfField(input.key); track $index) {\r\n            <div class=\"form-control-error\">\r\n              {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n            }\r\n            @if (!getErrorsOfField(input.key).length && !!$checkError()) {\r\n            <div>&nbsp;</div>\r\n            }\r\n            <!-- END: ERROR SESSION -->\r\n\r\n          </div>\r\n\r\n        </div>\r\n        }\r\n      </div>\r\n\r\n      }\r\n\r\n    </div>\r\n\r\n    <!-- Actions -->\r\n    <div class=\"composer-actions\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCancel()\">\r\n        Quay l\u1EA1i\r\n      </button>\r\n\r\n      <button type=\"submit\" class=\"btn btn-primary\">\r\n        X\u00E1c nh\u1EADn\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!-- @if (isDevMode && $formRawValue) {\r\n    <pre>{{ $formRawValue() | json }}</pre>\r\n  }\r\n\r\n  @if (isDevMode) {\r\n    <label>Tokens</label>\r\n    <pre>{{ $tokens() | json }}</pre>\r\n  } -->\r\n\r\n</form>\r\n}\r\n\r\n<ng-template #defaultOrgItemTpl let-node=\"node\" let-level=\"level\">\r\n  <div class=\"test-itemTemplateRef\">\r\n    {{ node.label }}\r\n  </div>\r\n</ng-template>", styles: [".intent-composer-container .composer-header{position:relative}.intent-composer-container .composer-header .icon-wrapper{cursor:pointer;position:absolute;width:30px;height:30px;top:5px;right:-10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.intent-composer-container .composer-header .icon-wrapper:hover{background-color:#d3d3d3}.intent-composer-container .composer-header .icon-wrapper i{font-size:18px}.intent-composer-container .intent-inputs label{color:#848484}.intent-composer-container .intent-inputs .intent-row-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:12px}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell{box-sizing:border-box;min-width:0}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell.hidden{display:none}.intent-composer-container .intent-inputs .intent-row-grid .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label.required:after{content:\"*\";color:#ff040b}.intent-composer-container .composer-actions{display:flex;justify-content:space-between}.intent-composer-container .composer-actions button{font-size:13px;border-radius:0}.intent-composer-container pre{margin-top:15px}.test-itemTemplateRef{padding:15px;background-color:#6495ed;color:#fff}\n"] }]
+                    }, template: "<!--\r\n  IntentComposerComponent\r\n  Purpose:\r\n  - Collect human input for a single OM intent\r\n  - Emit IntentDraft only\r\n  Must NOT:\r\n  - Mutate Omega\r\n  - Modify IntentChain\r\n-->\r\n@if (form) {\r\n<form class=\"intent-composer-container\" [formGroup]=\"form\" (ngSubmit)=\"onConfirm()\" autocomplete=\"off\" [hotKeys]=\"hotKeys\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"composer-header\">\r\n    <core-page-header [hideButtonGroup]=\"true\" [title]=\"$descriptor().label\" />\r\n    <div class=\"icon-wrapper\" (click)=\"cancelled.emit()\">\r\n      <i class=\"feather-x\"></i>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"composer-body\">\r\n\r\n    <p class=\"desc\">{{ $descriptor().quickEmoji }} | {{ $descriptor().description }}</p>\r\n\r\n    <!-- Inputs -->\r\n    <div class=\"intent-inputs\">\r\n      @switch ($descriptor().actionCode) {\r\n        @case ('CREATE_TREE') {\r\n        <create-tree-inputs [$context]=\"$context()\" />\r\n        }\r\n        @case ('CREATE_O') {\r\n        <create-o-inputs [$context]=\"$context()\" />\r\n        }\r\n        @default {\r\n          <em class=\"unsupported\">\r\n            Ki\u1EC3u input ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3\r\n          </em>\r\n        }        \r\n      }\r\n    </div>\r\n\r\n    <!-- Actions -->\r\n    <div class=\"composer-actions\">\r\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCancel()\">\r\n        Quay l\u1EA1i\r\n      </button>\r\n\r\n      <button type=\"submit\" class=\"btn btn-primary\">\r\n        X\u00E1c nh\u1EADn\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!-- @if (isDevMode && $formRawValue) {\r\n    <pre>{{ $formRawValue() | json }}</pre>\r\n  }\r\n\r\n  @if (isDevMode) {\r\n    <label>Tokens</label>\r\n    <pre>{{ $tokens() | json }}</pre>\r\n  } -->\r\n\r\n</form>\r\n}\r\n\r\n<ng-template #defaultOrgItemTpl let-node=\"node\" let-level=\"level\">\r\n  <div class=\"test-itemTemplateRef\">\r\n    {{ node.label }}\r\n  </div>\r\n</ng-template>", styles: [".intent-composer-container .composer-header{position:relative}.intent-composer-container .composer-header .icon-wrapper{cursor:pointer;position:absolute;width:30px;height:30px;top:5px;right:-10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.intent-composer-container .composer-header .icon-wrapper:hover{background-color:#d3d3d3}.intent-composer-container .composer-header .icon-wrapper i{font-size:18px}.intent-composer-container .intent-inputs label{color:#848484}.intent-composer-container .intent-inputs .intent-row-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:12px}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell{box-sizing:border-box;min-width:0}.intent-composer-container .intent-inputs .intent-row-grid .intent-cell.hidden{display:none}.intent-composer-container .intent-inputs .intent-row-grid .intent-input{display:flex;flex-direction:column;margin-top:15px;margin-bottom:15px}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label{color:#464646}.intent-composer-container .intent-inputs .intent-row-grid .intent-input label.required:after{content:\"*\";color:#ff040b}.intent-composer-container .composer-actions{display:flex;justify-content:space-between}.intent-composer-container .composer-actions button{font-size:13px;border-radius:0}.intent-composer-container pre{margin-top:15px}.test-itemTemplateRef{padding:15px;background-color:#6495ed;color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }] });
 
 const CreateOrganizationGrammar = {
@@ -29654,6 +29840,29 @@ function narrateIntent(grammar, ctx) {
     // 3) Join theo ngữ pháp tiếng Việt (space-based)
     return parts.join(' ');
 }
+const CREATE_TREE_GRAMMAR = {
+    intentCode: EnumActionCode.CREATE_TREE,
+    subject(ctx) {
+        const treeName = ctx.facts['TREE_NAME'];
+        const isHr = ctx.facts['IS_HR'];
+        const isHrText = typeof isHr === 'boolean' ? (isHr ? "ngành ngang" : "ngành dọc") : "";
+        return typeof treeName === 'string'
+            ? `Tạo cây ${isHrText} ${treeName}`
+            : 'Tạo cây ${isHrText}';
+    },
+    clauses: [
+        {
+            // khả dụng từ <date>
+            when: ctx => !!ctx.temporal.localDate,
+            render: ctx => `khả dụng từ ${ctx.temporal.localDate}`
+        },
+        {
+            // thuộc cây <TREE_NAME>
+            when: ctx => !!ctx.resolved['TREE_NAME'],
+            render: ctx => `thuộc cây ${ctx.resolved['TREE_NAME']}`
+        }
+    ]
+};
 const CREATE_O_GRAMMAR = {
     intentCode: EnumActionCode.CREATE_O,
     subject(ctx) {
@@ -29720,6 +29929,7 @@ const LINK_O_O_GRAMMAR = {
 };
 
 const INTENT_GRAMMAR_REGISTRY = [
+    CREATE_TREE_GRAMMAR,
     CREATE_O_GRAMMAR,
     CREATE_S_GRAMMAR,
     LINK_O_O_GRAMMAR
@@ -30067,7 +30277,7 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
                 multi: true,
                 useExisting: forwardRef(() => CoreDomDecisionEditorComponent),
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"core-dom-decision-editor-container\">\r\n\r\n  <!-- ========================= -->\r\n  <!-- Intent Chain Projection -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-chain\">\r\n\r\n    @if ($projection().intents.length > 0) {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of $projection().intents; track $index) {\r\n      <li class=\"intent-item\">\r\n        <div class=\"intent-card\">\r\n\r\n          <div class=\"intent-row\">\r\n            <div class=\"intent-header\">\r\n              <span class=\"intent-seq\" [appTooltip]=\"intent.actionLabel\" [showAnyway]=\"true\" [position]=\"'above'\">#{{\r\n                intent.seq }}</span>\r\n              <span class=\"intent-label\">{{ intent.summary }}</span>\r\n            </div>\r\n\r\n            <div class=\"intent-tool\">\r\n              <button type=\"button\" class=\"btn btn-danger-ghost\" (click)=\"onRemoveIntent(intent.seq)\"\r\n                [appTooltip]=\"'G\u1EE1'\" [showAnyway]=\"true\" [position]=\"'above'\">\r\n                <i class=\"feather-trash\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n      </li>\r\n      }\r\n    </ol>\r\n    }\r\n\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Add Intent Entry Point -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-actions-panel\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onAddIntent()\">\r\n      + Th\u00EAm Intent\r\n    </button>\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Output Preview (Derived) -->\r\n  <!-- ========================= -->\r\n  <section class=\"output-preview\">\r\n    @if ($projection().outputs.length > 1) {\r\n    <ul class=\"output-list\">\r\n      @for (output of $projection().outputs; track $index) {\r\n      <li class=\"output-item\">\r\n        <span class=\"output-key\">{{ output.key }}</span>\r\n        <span class=\"output-desc\">{{ output.description }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n    }\r\n  </section>\r\n\r\n  <!-- @if (isDevMode) {\r\n\r\n  <details class=\"omega-raw\">\r\n    <summary>Xem Omega (raw)</summary>\r\n    <pre>{{ $omega() | json }}</pre>\r\n  </details>\r\n\r\n  <label>allTokens</label>\r\n  <pre>{{ $allTokens() | json }}</pre>\r\n\r\n  } -->\r\n\r\n  @if ($showIntentComposer()) {\r\n  <!--\r\n    Intent Composer Popup\r\n    Purpose: Enter intent composition mode only.\r\n    MUST NOT:\r\n    - Mutate Omega\r\n    - Mutate projection\r\n    - Execute OM logic\r\n  -->\r\n  <div class=\"modal-container\">\r\n    <div class=\"modal-content-root\">\r\n      <div class=\"intent-composer-entry\">\r\n\r\n        @if ($selectedIntentDescriptor()) {\r\n\r\n        <intent-composer [$descriptor]=\"$selectedIntentDescriptor()!\" (intentComposed)=\"onIntentDrafted($event)\"\r\n          (cancelled)=\"onCancelIntentCompose()\">\r\n        </intent-composer>\r\n\r\n        } @else {\r\n\r\n        <!-- N\u1ED9i dung composer s\u1EBD \u0111\u01B0\u1EE3c c\u1EAFm sau -->\r\n        <ul class=\"intent-item-registry\">\r\n          @for (intent of INTENT_DESCRIPTOR_REGISTRY; track $index) {\r\n          <li class=\"intent-item-point\">\r\n            <div class=\"intent-item\" (click)=\"onSelectIntent(intent)\">\r\n              <object>{{ intent.actionCode }} | {{ intent.quickEmoji }}</object>\r\n              <strong>{{ intent.label }}</strong>\r\n              <p>{{ intent.description }}</p>\r\n            </div>\r\n          </li>\r\n          }\r\n        </ul>\r\n\r\n        }\r\n        @if (!$activeSeq()) {\r\n        <hr />\r\n        <div class=\"popup-actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCloseIntentComposer()\">\r\n            H\u1EE7y\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n</div>", styles: [".core-dom-decision-editor-container .intent-actions-panel button{border-radius:0;font-size:13px}.core-dom-decision-editor-container .modal-container{overflow:scroll}.core-dom-decision-editor-container .modal-container .modal-content-root{overflow:visible;max-height:unset;padding:0}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry{padding:0 15px 15px}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions{display:flex;align-items:center;justify-content:flex-end}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions button{font-size:13px;border-radius:0}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{margin-top:15px;padding-top:15px;padding-left:0;overflow-y:scroll;height:60vh}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point{cursor:pointer;padding:8px}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point:hover{color:#fff;background-color:#09f}.core-dom-decision-editor-container .intent-chain .intent-list{list-style:none;padding:0;margin:0}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item{margin-bottom:12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card{border:1px solid #d0d7de;background:#fff;padding:10px 12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card:hover{box-shadow:.4rem 0 2rem #0000002e}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row{display:flex;align-items:center;justify-content:space-between}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header{display:flex;align-items:center;gap:8px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-seq{background:#e6f0ff;color:#084298;border-radius:3px;padding:2px 6px;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label{color:#212529;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label:hover{color:#fff;color:#dd5f2a}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool{display:flex;gap:8px;padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn{border:none;background:none;cursor:pointer;font-size:13px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost{color:#0d6efd}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost:hover{text-decoration:underline}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost{color:#dc3545}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost:hover{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IntentComposerComponent, selector: "intent-composer", inputs: ["$descriptor"], outputs: ["intentComposed", "cancelled"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"core-dom-decision-editor-container\">\r\n\r\n  <!-- ========================= -->\r\n  <!-- Intent Chain Projection -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-chain\">\r\n\r\n    @if ($projection().intents.length > 0) {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of $projection().intents; track $index) {\r\n      <li class=\"intent-item\">\r\n        <div class=\"intent-card\">\r\n\r\n          <div class=\"intent-row\">\r\n            <div class=\"intent-header\">\r\n              <span class=\"intent-seq\" [appTooltip]=\"intent.actionLabel\" [showAnyway]=\"true\" [position]=\"'above'\">#{{\r\n                intent.seq }}</span>\r\n              <span class=\"intent-label\">{{ intent.summary }}</span>\r\n            </div>\r\n\r\n            <div class=\"intent-tool\">\r\n              <button type=\"button\" class=\"btn btn-danger-ghost\" (click)=\"onRemoveIntent(intent.seq)\"\r\n                [appTooltip]=\"'G\u1EE1'\" [showAnyway]=\"true\" [position]=\"'above'\">\r\n                <i class=\"feather-trash\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n      </li>\r\n      }\r\n    </ol>\r\n    }\r\n\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Add Intent Entry Point -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-actions-panel\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onAddIntent()\">\r\n      + Th\u00EAm Intent\r\n    </button>\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Output Preview (Derived) -->\r\n  <!-- ========================= -->\r\n  <section class=\"output-preview\">\r\n    @if ($projection().outputs.length > 1) {\r\n    <ul class=\"output-list\">\r\n      @for (output of $projection().outputs; track $index) {\r\n      <li class=\"output-item\">\r\n        <span class=\"output-key\">{{ output.key }}</span>\r\n        <span class=\"output-desc\">{{ output.description }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n    }\r\n  </section>\r\n\r\n  <!-- @if (isDevMode) {\r\n\r\n  <details class=\"omega-raw\">\r\n    <summary>Xem Omega (raw)</summary>\r\n    <pre>{{ $omega() | json }}</pre>\r\n  </details>\r\n\r\n  <label>allTokens</label>\r\n  <pre>{{ $allTokens() | json }}</pre>\r\n\r\n  } -->\r\n\r\n  @if ($showIntentComposer()) {\r\n  <!--\r\n    Intent Composer Popup\r\n    Purpose: Enter intent composition mode only.\r\n    MUST NOT:\r\n    - Mutate Omega\r\n    - Mutate projection\r\n    - Execute OM logic\r\n  -->\r\n  <div class=\"modal-container\">\r\n    <div class=\"modal-content-root\">\r\n      <div class=\"intent-composer-entry\">\r\n\r\n          @if ($selectedIntentDescriptor()) {\r\n\r\n          <intent-composer [$descriptor]=\"$selectedIntentDescriptor()!\" (intentComposed)=\"onIntentDrafted($event)\"\r\n            (cancelled)=\"onCancelIntentCompose()\">\r\n          </intent-composer>\r\n\r\n          } @else {\r\n\r\n        <!-- N\u1ED9i dung composer s\u1EBD \u0111\u01B0\u1EE3c c\u1EAFm sau -->\r\n        <ul class=\"intent-item-registry\">\r\n          @for (intent of INTENT_DESCRIPTOR_REGISTRY; track $index) {\r\n          <li class=\"intent-item-point\">\r\n            <div class=\"intent-item\" (click)=\"onSelectIntent(intent)\">\r\n              <object>{{ intent.actionCode }} | {{ intent.quickEmoji }}</object>\r\n              <strong>{{ intent.label }}</strong>\r\n              <p>{{ intent.description }}</p>\r\n            </div>\r\n          </li>\r\n          }\r\n        </ul>\r\n\r\n        }\r\n        @if (!$activeSeq()) {\r\n        <hr />\r\n        <div class=\"popup-actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCloseIntentComposer()\">\r\n            H\u1EE7y\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n</div>", styles: [".core-dom-decision-editor-container .intent-actions-panel button{border-radius:0;font-size:13px}.core-dom-decision-editor-container .modal-container{overflow:scroll}.core-dom-decision-editor-container .modal-container .modal-content-root{overflow:visible;max-height:unset;padding:0}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry{padding:0 15px 15px}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions{display:flex;align-items:center;justify-content:flex-end}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions button{font-size:13px;border-radius:0}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{margin-top:15px;padding-top:15px;padding-left:0;overflow-y:scroll;height:60vh}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point{cursor:pointer;padding:8px}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point:hover{color:#fff;background-color:#09f}.core-dom-decision-editor-container .intent-chain .intent-list{list-style:none;padding:0;margin:0}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item{margin-bottom:12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card{border:1px solid #d0d7de;background:#fff;padding:10px 12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card:hover{box-shadow:.4rem 0 2rem #0000002e}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row{display:flex;align-items:center;justify-content:space-between}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header{display:flex;align-items:center;gap:8px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-seq{background:#e6f0ff;color:#084298;border-radius:3px;padding:2px 6px;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label{color:#212529;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label:hover{color:#fff;color:#dd5f2a}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool{display:flex;gap:8px;padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn{border:none;background:none;cursor:pointer;font-size:13px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost{color:#0d6efd}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost:hover{text-decoration:underline}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost{color:#dc3545}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost:hover{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: IntentComposerComponent, selector: "intent-composer", inputs: ["$descriptor"], outputs: ["intentComposed", "cancelled"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreDomDecisionEditorComponent, decorators: [{
             type: Component,
@@ -30088,7 +30298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             multi: true,
                             useExisting: forwardRef(() => CoreDomDecisionEditorComponent),
                         },
-                    ], template: "<div class=\"core-dom-decision-editor-container\">\r\n\r\n  <!-- ========================= -->\r\n  <!-- Intent Chain Projection -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-chain\">\r\n\r\n    @if ($projection().intents.length > 0) {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of $projection().intents; track $index) {\r\n      <li class=\"intent-item\">\r\n        <div class=\"intent-card\">\r\n\r\n          <div class=\"intent-row\">\r\n            <div class=\"intent-header\">\r\n              <span class=\"intent-seq\" [appTooltip]=\"intent.actionLabel\" [showAnyway]=\"true\" [position]=\"'above'\">#{{\r\n                intent.seq }}</span>\r\n              <span class=\"intent-label\">{{ intent.summary }}</span>\r\n            </div>\r\n\r\n            <div class=\"intent-tool\">\r\n              <button type=\"button\" class=\"btn btn-danger-ghost\" (click)=\"onRemoveIntent(intent.seq)\"\r\n                [appTooltip]=\"'G\u1EE1'\" [showAnyway]=\"true\" [position]=\"'above'\">\r\n                <i class=\"feather-trash\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n      </li>\r\n      }\r\n    </ol>\r\n    }\r\n\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Add Intent Entry Point -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-actions-panel\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onAddIntent()\">\r\n      + Th\u00EAm Intent\r\n    </button>\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Output Preview (Derived) -->\r\n  <!-- ========================= -->\r\n  <section class=\"output-preview\">\r\n    @if ($projection().outputs.length > 1) {\r\n    <ul class=\"output-list\">\r\n      @for (output of $projection().outputs; track $index) {\r\n      <li class=\"output-item\">\r\n        <span class=\"output-key\">{{ output.key }}</span>\r\n        <span class=\"output-desc\">{{ output.description }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n    }\r\n  </section>\r\n\r\n  <!-- @if (isDevMode) {\r\n\r\n  <details class=\"omega-raw\">\r\n    <summary>Xem Omega (raw)</summary>\r\n    <pre>{{ $omega() | json }}</pre>\r\n  </details>\r\n\r\n  <label>allTokens</label>\r\n  <pre>{{ $allTokens() | json }}</pre>\r\n\r\n  } -->\r\n\r\n  @if ($showIntentComposer()) {\r\n  <!--\r\n    Intent Composer Popup\r\n    Purpose: Enter intent composition mode only.\r\n    MUST NOT:\r\n    - Mutate Omega\r\n    - Mutate projection\r\n    - Execute OM logic\r\n  -->\r\n  <div class=\"modal-container\">\r\n    <div class=\"modal-content-root\">\r\n      <div class=\"intent-composer-entry\">\r\n\r\n        @if ($selectedIntentDescriptor()) {\r\n\r\n        <intent-composer [$descriptor]=\"$selectedIntentDescriptor()!\" (intentComposed)=\"onIntentDrafted($event)\"\r\n          (cancelled)=\"onCancelIntentCompose()\">\r\n        </intent-composer>\r\n\r\n        } @else {\r\n\r\n        <!-- N\u1ED9i dung composer s\u1EBD \u0111\u01B0\u1EE3c c\u1EAFm sau -->\r\n        <ul class=\"intent-item-registry\">\r\n          @for (intent of INTENT_DESCRIPTOR_REGISTRY; track $index) {\r\n          <li class=\"intent-item-point\">\r\n            <div class=\"intent-item\" (click)=\"onSelectIntent(intent)\">\r\n              <object>{{ intent.actionCode }} | {{ intent.quickEmoji }}</object>\r\n              <strong>{{ intent.label }}</strong>\r\n              <p>{{ intent.description }}</p>\r\n            </div>\r\n          </li>\r\n          }\r\n        </ul>\r\n\r\n        }\r\n        @if (!$activeSeq()) {\r\n        <hr />\r\n        <div class=\"popup-actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCloseIntentComposer()\">\r\n            H\u1EE7y\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n</div>", styles: [".core-dom-decision-editor-container .intent-actions-panel button{border-radius:0;font-size:13px}.core-dom-decision-editor-container .modal-container{overflow:scroll}.core-dom-decision-editor-container .modal-container .modal-content-root{overflow:visible;max-height:unset;padding:0}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry{padding:0 15px 15px}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions{display:flex;align-items:center;justify-content:flex-end}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions button{font-size:13px;border-radius:0}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{margin-top:15px;padding-top:15px;padding-left:0;overflow-y:scroll;height:60vh}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point{cursor:pointer;padding:8px}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point:hover{color:#fff;background-color:#09f}.core-dom-decision-editor-container .intent-chain .intent-list{list-style:none;padding:0;margin:0}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item{margin-bottom:12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card{border:1px solid #d0d7de;background:#fff;padding:10px 12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card:hover{box-shadow:.4rem 0 2rem #0000002e}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row{display:flex;align-items:center;justify-content:space-between}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header{display:flex;align-items:center;gap:8px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-seq{background:#e6f0ff;color:#084298;border-radius:3px;padding:2px 6px;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label{color:#212529;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label:hover{color:#fff;color:#dd5f2a}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool{display:flex;gap:8px;padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn{border:none;background:none;cursor:pointer;font-size:13px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost{color:#0d6efd}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost:hover{text-decoration:underline}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost{color:#dc3545}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost:hover{text-decoration:underline}\n"] }]
+                    ], template: "<div class=\"core-dom-decision-editor-container\">\r\n\r\n  <!-- ========================= -->\r\n  <!-- Intent Chain Projection -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-chain\">\r\n\r\n    @if ($projection().intents.length > 0) {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of $projection().intents; track $index) {\r\n      <li class=\"intent-item\">\r\n        <div class=\"intent-card\">\r\n\r\n          <div class=\"intent-row\">\r\n            <div class=\"intent-header\">\r\n              <span class=\"intent-seq\" [appTooltip]=\"intent.actionLabel\" [showAnyway]=\"true\" [position]=\"'above'\">#{{\r\n                intent.seq }}</span>\r\n              <span class=\"intent-label\">{{ intent.summary }}</span>\r\n            </div>\r\n\r\n            <div class=\"intent-tool\">\r\n              <button type=\"button\" class=\"btn btn-danger-ghost\" (click)=\"onRemoveIntent(intent.seq)\"\r\n                [appTooltip]=\"'G\u1EE1'\" [showAnyway]=\"true\" [position]=\"'above'\">\r\n                <i class=\"feather-trash\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n      </li>\r\n      }\r\n    </ol>\r\n    }\r\n\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Add Intent Entry Point -->\r\n  <!-- ========================= -->\r\n  <section class=\"intent-actions-panel\">\r\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"onAddIntent()\">\r\n      + Th\u00EAm Intent\r\n    </button>\r\n  </section>\r\n\r\n  <!-- ========================= -->\r\n  <!-- Output Preview (Derived) -->\r\n  <!-- ========================= -->\r\n  <section class=\"output-preview\">\r\n    @if ($projection().outputs.length > 1) {\r\n    <ul class=\"output-list\">\r\n      @for (output of $projection().outputs; track $index) {\r\n      <li class=\"output-item\">\r\n        <span class=\"output-key\">{{ output.key }}</span>\r\n        <span class=\"output-desc\">{{ output.description }}</span>\r\n      </li>\r\n      }\r\n    </ul>\r\n    }\r\n  </section>\r\n\r\n  <!-- @if (isDevMode) {\r\n\r\n  <details class=\"omega-raw\">\r\n    <summary>Xem Omega (raw)</summary>\r\n    <pre>{{ $omega() | json }}</pre>\r\n  </details>\r\n\r\n  <label>allTokens</label>\r\n  <pre>{{ $allTokens() | json }}</pre>\r\n\r\n  } -->\r\n\r\n  @if ($showIntentComposer()) {\r\n  <!--\r\n    Intent Composer Popup\r\n    Purpose: Enter intent composition mode only.\r\n    MUST NOT:\r\n    - Mutate Omega\r\n    - Mutate projection\r\n    - Execute OM logic\r\n  -->\r\n  <div class=\"modal-container\">\r\n    <div class=\"modal-content-root\">\r\n      <div class=\"intent-composer-entry\">\r\n\r\n          @if ($selectedIntentDescriptor()) {\r\n\r\n          <intent-composer [$descriptor]=\"$selectedIntentDescriptor()!\" (intentComposed)=\"onIntentDrafted($event)\"\r\n            (cancelled)=\"onCancelIntentCompose()\">\r\n          </intent-composer>\r\n\r\n          } @else {\r\n\r\n        <!-- N\u1ED9i dung composer s\u1EBD \u0111\u01B0\u1EE3c c\u1EAFm sau -->\r\n        <ul class=\"intent-item-registry\">\r\n          @for (intent of INTENT_DESCRIPTOR_REGISTRY; track $index) {\r\n          <li class=\"intent-item-point\">\r\n            <div class=\"intent-item\" (click)=\"onSelectIntent(intent)\">\r\n              <object>{{ intent.actionCode }} | {{ intent.quickEmoji }}</object>\r\n              <strong>{{ intent.label }}</strong>\r\n              <p>{{ intent.description }}</p>\r\n            </div>\r\n          </li>\r\n          }\r\n        </ul>\r\n\r\n        }\r\n        @if (!$activeSeq()) {\r\n        <hr />\r\n        <div class=\"popup-actions\">\r\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"onCloseIntentComposer()\">\r\n            H\u1EE7y\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n</div>", styles: [".core-dom-decision-editor-container .intent-actions-panel button{border-radius:0;font-size:13px}.core-dom-decision-editor-container .modal-container{overflow:scroll}.core-dom-decision-editor-container .modal-container .modal-content-root{overflow:visible;max-height:unset;padding:0}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry{padding:0 15px 15px}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions{display:flex;align-items:center;justify-content:flex-end}.core-dom-decision-editor-container .modal-container .modal-content-root .intent-composer-entry .popup-actions button{font-size:13px;border-radius:0}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry{margin-top:15px;padding-top:15px;padding-left:0;overflow-y:scroll;height:60vh}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point{cursor:pointer;padding:8px}.core-dom-decision-editor-container .modal-container .modal-content-root ul.intent-item-registry li.intent-item-point:hover{color:#fff;background-color:#09f}.core-dom-decision-editor-container .intent-chain .intent-list{list-style:none;padding:0;margin:0}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item{margin-bottom:12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card{border:1px solid #d0d7de;background:#fff;padding:10px 12px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card:hover{box-shadow:.4rem 0 2rem #0000002e}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row{display:flex;align-items:center;justify-content:space-between}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header{display:flex;align-items:center;gap:8px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-seq{background:#e6f0ff;color:#084298;border-radius:3px;padding:2px 6px;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label{color:#212529;cursor:pointer}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-header .intent-label:hover{color:#fff;color:#dd5f2a}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool{display:flex;gap:8px;padding-left:28px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn{border:none;background:none;cursor:pointer;font-size:13px;padding:2px 6px}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost{color:#0d6efd}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-ghost:hover{text-decoration:underline}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost{color:#dc3545}.core-dom-decision-editor-container .intent-chain .intent-list .intent-item .intent-card .intent-row .intent-tool .btn-danger-ghost:hover{text-decoration:underline}\n"] }]
         }], ctorParameters: () => [] });
 
 class CoreControlComponent extends BaseComponent {
@@ -35170,7 +35380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-Coz5KH1Z.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-FNOzbUo_.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -37343,7 +37553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-CmdmeZkn.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-DNXB3MkY.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -38009,7 +38219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreSysActionRoutes = [
     {
         path: "",
-        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-C-NgdGye.mjs').then(m => m.CoreSysActionComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-BSbDclen.mjs').then(m => m.CoreSysActionComponent),
         children: [
             {
                 path: ":id",
@@ -39402,11 +39612,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const sysSmtpClientRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-DJQOWrW_.mjs').then(m => m.SysSmtpClientComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-Cgk2GPJs.mjs').then(m => m.SysSmtpClientComponent),
         children: [
             {
                 path: ':id',
-                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-yahvTLh8.mjs').then(m => m.SysSmtpClientEditComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-Bdk9FxRM.mjs').then(m => m.SysSmtpClientEditComponent),
                 outlet: 'corePageListAux'
             }
         ]
@@ -40592,11 +40802,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreDocGenRoutes = [
     {
         path: 'template-list',
-        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-CW1wvq-D.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-BWd3Z9Ci.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-CWYV1jld.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-C4-e6HAY.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -40625,7 +40835,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BrjykzbK.mjs').then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-DUaLLOby.mjs').then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -41536,7 +41746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-CuDeN7V9.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-Bm8WljGL.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -44639,33 +44849,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-BwbYVigV.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-CQhIM39W.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-BYxq7KK5.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-DpMVfjpK.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-BQ9xl200.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-1hiYGimD.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-4CQ-jm0m.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-WIWBCvGn.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DTSF49aS.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-Cl5qbsPy.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-DTSF49aS.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-Cl5qbsPy.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -44675,21 +44885,21 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BeK6tiwQ.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-Dw1u5JR1.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-GtdbtqYU.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-DrhSJX5e.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-CRxpzsUc.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-Dpd_4Hmw.mjs').then(m => m.WfInstanceStatusComponent)
     },
     {
         path: 'lab',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-BLleTFyw.mjs').then(m => m.WfLabComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-CeBrXSSf.mjs').then(m => m.WfLabComponent)
     }
 ];
 
@@ -47298,4 +47508,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { READONLY_WORKFLOW_FIELDS as $, AppService as A, BaseComponent as B, ChatService as C, DragReorderDirective as D, EnumFormBaseContolType as E, FullscreenModalLoaderComponent as F, DomService as G, HtmlTooltipDirective as H, ImageErrorResolverDirective as I, EnumActorSourceType as J, CoreParamControlComponent as K, CoreRadioGroupComponent as L, MultiLanguageService as M, GptService as N, CoreRuleTreeService as O, CoreRuleTreeComponent as P, CoreStickerCollectionComponent as Q, ApplicationHelpService as R, StringHtmlPipe as S, TooltipDirective as T, HotKeysDirective as U, CoreDatetimeService as V, EnumCorePageEditMode as W, CoreFormComponent as X, NavigatorService as Y, JsonService as Z, EnumCoreButtonVNSCode as _, AppConfigService as a, CheckForUpdateService as a$, noneAutoClosedAlertOptions as a0, CoreButtonGroupVnsComponent as a1, CoreDropdownComponent as a2, EnumFilterOperator as a3, CoreDomDecisionEditorComponent as a4, CoreControlNoFormArrayComponent as a5, EnumFormDesignMode as a6, CoreControlComponent as a7, JsonSafePipe as a8, CoreChecklistComponent as a9, EnumDragType as aA, EnumErrorType as aB, EnumIconClass as aC, EnumProfileInfoSector as aD, EnumSignalRType as aE, EnumSortDirection as aF, EnumStyleButtonClass as aG, CanActivateFunctionUrlMapperGuard as aH, InitializationCanActivateFn as aI, InitializationCanMatchFn as aJ, httpInterceptorProviders as aK, InterceptorSkipHeader as aL, appTypeInterceptor as aM, baseUrlInterceptor as aN, authInterceptor as aO, graphInterceptor as aP, tokenInterceptor as aQ, responseInterceptor as aR, timeZoneInterceptor as aS, cachingInterceptor as aT, langInterceptor as aU, OnlineUsersComponent as aV, ActionService as aW, AppInitializationService as aX, AuthService as aY, CacheService as aZ, EnumSwUpdateVersionUpdatesEventType as a_, CoreFormControlSeekerComponent as aa, CoreAttachmentComponent as ab, CoreDatePickerComponent as ac, CoreMonthSelectorComponent as ad, CoreCurrencyInputComponent as ae, EnumImageResolverType as af, NormalizeHumanNamePipe as ag, CoreIosSwitcherComponent as ah, SunnyRotatingComponent as ai, MapAppdemoToServerPipePipe as aj, MapAttachmentToServerPipe as ak, MapNewsfeedMediaToServerPipe as al, UploadedFilenameCutoffPipe as am, DialogStateComponent as an, FooterComponent as ao, RightchatComponent as ap, WaittingScreenComponent as aq, longAlertOptions as ar, attachmentOptions as as, CORE_VNS_BUTTONS as at, defaultPaging as au, DESKTOP_SCREEN_HEDER_HEIGHT as av, MOBILE_SCREEN_HEDER_HEIGHT as aw, themeBlue as ax, DATE_VALUE_ACCESSOR as ay, DateValueAccessor as az, AlertService as b, InMemoryComponent as b$, EnumDeviceType as b0, EnumBrowserType as b1, EnumOsType as b2, ClientService as b3, CommonHttpRequestService as b4, TLA_CONFIG as b5, ConfigService as b6, CoreLocalStorageService as b7, CoreTableService as b8, DndService as b9, EnumSsrsExpressExportFormat as bA, SsrsExpressService as bB, StatisticService as bC, StatisticAuthService as bD, SysMenuService as bE, TimeSheetService as bF, TopicPermissionService as bG, TopicTreeService as bH, UploadedFileService as bI, UrlService as bJ, UserActivityService as bK, EvaluateDialogService as bL, EnumWorkScheduleViewMode as bM, WorkShiftDndService as bN, AtShiftPatternComponent as bO, AtShiftPatternApplyComponent as bP, AtShiftPatternEditComponent as bQ, AtWorksignComponent as bR, AtWorksignService as bS, FunctionComponent as bT, IndividualScheduleApplyComponent as bU, FunctionEditComponent as bV, FunctionIgnoreComponent as bW, FunctionIgnoreEditComponent as bX, GroupFunctionComponent as bY, GroupFunctionEditComponent as bZ, hrmSchemaRoutes as b_, DocxMergeService as ba, FilterKitService as bb, GrpcService as bc, HeaderService as bd, HistoryService as be, HttpErrorHandler as bf, HubConnectionService as bg, IpServiceService as bh, LayoutService as bi, LiquidJsService as bj, MapService as bk, MenuService as bl, MessageService as bm, ModalService as bn, OrganizationService as bo, PkceService as bp, PositionTransferService as bq, EnumNotificationDir as br, NotificationActionType as bs, PushNotificationService as bt, RandomAvatarService as bu, RequestCache as bv, RequestCacheWithMap as bw, ResponseService as bx, RoutingService as by, EnumSsrsExpressFileExtension as bz, CoreTerminalSpinnerComponent as c, CoreTableComponent as c$, LanguageComponent as c0, LanguageEditComponent as c1, MenuComponent as c2, MenuEditComponent as c3, MutationLogComponent as c4, MutationViewComponent as c5, PaSalaryPolicyComponent as c6, PaSalaryPolicyEditComponent as c7, PortalRouteComponent as c8, ScheduleOverviewComponent as c9, ButtonGroupModule as cA, ButtonGroupService as cB, ButtonGroupComponent as cC, EnumButtonCaptionCode as cD, CoreButtonComponent as cE, CoreAccordionComponent as cF, CoreAccordionService as cG, CoreActiveUserCountComponent as cH, NewlyCreatedTokenService as cI, CoreApiProgressComponent as cJ, CoreButtonGroupComponent as cK, EnumCoreButtonCode as cL, ActionSvgEditComponent as cM, CoreButtonGroupService as cN, CoreButtonVnsComponent as cO, CoreCommonParamKitComponent as cP, CoreCompareDbPipelineComponent as cQ, CoreCompositionState as cR, CoreCompositionService as cS, CoreCompositionComponent as cT, CoreConfirmDialogComponent as cU, ConfirmDialogStateComponent as cV, CoreLazyMountComponent as cW, CoreRootMenuItemPickerComponent as cX, CoreRootMenuItemPickerService as cY, ECoreTableToolCode as cZ, ECoreTableToolClass as c_, simpleChatRoutes as ca, PortalRouteEditComponent as cb, SysOtherListComponent as cc, SysOtherListEditComponent as cd, SysOtherListTypeComponent as ce, SysOtherListTypeEditComponent as cf, coreSysActionRoutes as cg, SysActionComponent as ch, SysActionEditComponent as ci, SysFunctionActionComponent as cj, SysFunctionActionEditComponent as ck, SysFunctionActionMapperComponent as cl, SysFunctionUrlMapperComponent as cm, FunctionEditService as cn, SysModuleComponent as co, SysModuleEditComponent as cp, SysRouteAccessComponent as cq, sysSmtpClientRoutes as cr, liner_to_nested_array_script as cs, blob_to_base64_script as ct, AlertComponent as cu, EnumAlertType as cv, IAlertOptions as cw, AnimatedTextService as cx, AnimatedTextComponent as cy, BaseDropdownComponent as cz, CorePageHeaderComponent as d, CorePageListContentComponent as d$, CoreContractSeekerComponent as d0, CoreControlNoGridBufferComponent as d1, CoreControlNoSeekerComponent as d2, coreDocGenRoutes as d3, CoreDocgenToolbarComponent as d4, CoreEmployeeScheduleComponent as d5, CoreEmployeeSeekerComponent as d6, EnumCoreFileUploaderType as d7, CoreFileUploaderComponent as d8, CoreFilterHubComponent as d9, CoreListLazyComponent as dA, CoreLoadingSurfaceComponent as dB, CoreMccComponent as dC, CoreMonthPickerComponent as dD, CoreNavigationTrackerComponent as dE, coreNavigationTrackerRoutes as dF, CoreOauthCallbackComponent as dG, CoreOauthCallbackOffice365Component as dH, EnumCoreOrgTreeaAccessorMode as dI, EnumCoreOrgTreeaSearchMode as dJ, CoreOrgTreeComponent as dK, CoreOrgTreeState as dL, CoreOrgTreeService as dM, CoreOrgUnitSeekerComponent as dN, CoreOrgchartflexComponent as dO, CARD_COLORS as dP, CoreOrgchartflexWrapperComponent as dQ, coreOrgchartflexRoutes as dR, CoreOrgParamComponent as dS, EnumCorePageEditBootstrapClass as dT, EnumCorePageEditFieldType as dU, CorePageEditService as dV, CorePageEditLiteComponent as dW, CorePageEditTabComponent as dX, EnumExType as dY, CorePageListService as dZ, CorePageListState as d_, CoreFilterHubService as da, ControlBase as db, Textbox as dc, CoreControlService as dd, CustomValidators as de, URL_PATTERN as df, coreFormDesignRoutes as dg, CoreFormTabComponent as dh, CoreFormLiteComponent as di, CoreFormControlBaseComponent as dj, EnumCoreSeekerColumnJob as dk, EnumCoreSeekerColumnStaffProfile as dl, EnumCoreSeekerColumnContract as dm, EnumCoreSeekerColumnWorking as dn, EnumCoreSeekerColumnWage as dp, EnumCoreSeekerColumnPosition as dq, EnumCoreSeekerColumnPositionConcurrent as dr, EnumCoreSeekerColumnAutoForm as ds, SeekerService as dt, CoreGridBufferComponent as du, CoreHeaderParamsComponent as dv, CoreHelperComponent as dw, CoreLineComponent as dx, CoreLiquidWysiwygComponent as dy, CoreListComponent as dz, TranslatePipe as e, PageTitleComponent as e$, EnumCoreViewItemType as e0, CorePageViewComponent as e1, CorePaginationComponent as e2, CorePaginationFullComponent as e3, CorePaginationFullService as e4, CoreFileFormatPickerComponent as e5, CorePermissionService as e6, EnumPermissionObjectType as e7, CorePermissionComponent as e8, CorePermissionActionsComponent as e9, EnumCoreTreeGridEditMode as eA, CoreTreeGridComponent as eB, CoreTreeReferenceComponent as eC, CoreWageSeekerComponent as eD, CoreWorkingSeekerComponent as eE, coreWorkflowRoutes as eF, CoreWorkflowBuilderComponent as eG, CoreWorkflowGroupEditComponent as eH, CoreYearPickerComponent as eI, CoreYearSelectorComponent as eJ, EnumCoreD3ScaleType as eK, CoreD3Service as eL, CorePieComponent as eM, CoreScatterPlotComponent as eN, EnumHrComparisonCode as eO, EnumICoreStatisticWidgetDataType as eP, CoreStatisticWidgetComponent as eQ, DecisionComponent as eR, EvaluateDialogComponent as eS, HuconcurrentlyComponent as eT, JobComponent as eU, LanguageChangerComponent as eV, DEFAULT_SVG as eW, ItemComponent as eX, NavigatorComponent as eY, OtpInputComponent as eZ, OtpInputService as e_, CorePositionConcurrentSeekerComponent as ea, CorePositionSeekerComponent as eb, CoreQrcodeComponent as ec, EnumOparator as ed, CoreQueryBuilderComponent as ee, CoreReducerIconComponent as ef, CoreRotatingTextComponent as eg, CoreRouteAccumulatorComponent as eh, CoreRoutingHistoryComponent as ei, CoreSalaryPolicyPickerComponent as ej, CoreScrollComponent as ek, CoreScrollLazyComponent as el, CoreSeenByComponent as em, CoreShiftCardComponent as en, CoreShiftCellComponent as eo, CoreShiftCollectionComponent as ep, CoreShiftStickerComponent as eq, STICKER_COLOR_SCHEMA as er, CoreSubFormGroupComponent as es, CoreTabListComponent as et, CoreTagsComponent as eu, CoreTopicPickerComponent as ev, EnumCoreArticleCategoryTreeaAccessorMode as ew, CoreTopicTreeComponent as ex, CoreTimezoneComponent as ey, CoreTreeComponent as ez, CorePageListComponent as f, PaginationComponent as f0, FilterPipe as f1, normalizeHumanName as f2, PositionComponent as f3, PositionEditService as f4, FileService as f5, LongTaskService as f6, EnumRecursiveFields as f7, RecursiveService as f8, StringService as f9, UnicodeService as fa, StaffProfileComponent as fb, ThreedotsComponent as fc, TooltipComponent as fd, UserActivityComponent as fe, WageComponent as ff, tooltip_directive as fg, coreStickerCollection_component as fh, dragReorder_directive as fi, CoreStatusStickerComponent as g, BaseEditComponent as h, DialogService as i, CorePageEditComponent as j, EnumCoreTablePipeType as k, CoreCheckboxComponent as l, CoreTabsComponent as m, CoreWorkflowService as n, EnumCoreFormControlSeekerSourceType as o, CoreFormService as p, DbService as q, AiHintForColumnComponent as r, CoreWorkflowListComponent as s, CanDeactivateGuard as t, MapAvatarToServerPipe as u, TableCellPipe as v, alertOptions as w, SocketService as x, CoreFormDesignService as y, EnumWorkflowStepType as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-Bfddt3DJ.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-CMf5E5yd.mjs.map