ngx-histaff-alpha 6.8.2 → 6.8.4

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-B6JZNI6c.mjs → ngx-histaff-alpha-ngx-histaff-alpha-ahDUrQN8.mjs}

@@ -9594,6 +9594,7 @@ class SocketService {
         this.chatService = chatService;
         this.$workflowTicket = signal(null);
         this.$hubStatuses = signal([]);
+        this.$appdomainHubConnected = signal(false);
     }
     // ✅ Hàm tiện ích để cập nhật Signal trạng thái
     updateHubStatus(name, isConnected) {
@@ -9737,10 +9738,12 @@ class SocketService {
         });
         const start = async () => {
             let id;
+            this.$appdomainHubConnected.set(false);
             try {
                 this.hubConnectionService.message = "HubConnection creating requested.";
                 await connection.start();
                 console.log("🟢🟢🟢 SignalR Connected.");
+                this.$appdomainHubConnected.set(true);
                 this.hubConnectionService.message = "HubConnection created.";
                 this.hubConnectionService.hubConnection$.next(connection);
                 if (id)
@@ -9748,6 +9751,7 @@ class SocketService {
             }
             catch (err) {
                 console.group(`🔴🔴🔴 HUB CONNECTION PROBLEM ====================`);
+                this.$appdomainHubConnected.set(false);
                 this.hubConnectionService.message = err;
                 console.warn("hubConnection start() error: ", err, this.appConfigService.BASE_URL + '/hubs/signal');
                 if (typeof err === 'string') {
@@ -14634,6 +14638,8 @@ class CorePaginationFullComponent extends BaseComponent {
         this.onClickAdd = new EventEmitter();
         this.onCurrentPageChange = new EventEmitter();
         this.onSizeChange = new EventEmitter();
+        this.ss = inject(SocketService);
+        this.$appdomainHubConnected = this.ss.$appdomainHubConnected;
         this.navigationDirection = 1;
         this.displayPageCount = [];
         this.SizeChanger = [5, 10, 20, 50, 200, 500, 1000, 5000, 10000];
@@ -14766,7 +14772,7 @@ class CorePaginationFullComponent extends BaseComponent {
         this.subscriptions.map(x => x?.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CorePaginationFullComponent, deps: [{ token: MultiLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: CorePaginationFullComponent, isStandalone: true, selector: "core-pagination-full", inputs: { currentPage$: "currentPage$", height: "height", pageCount: "pageCount", loading: "loading", showAdd: "showAdd", background: "background", pageSize$: "pageSize$", innerBodyCount$: "innerBodyCount$", pagination$: "pagination$", fixedPageSize: "fixedPageSize" }, outputs: { onClickAdd: "onClickAdd", onCurrentPageChange: "onCurrentPageChange", onSizeChange: "onSizeChange" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "current", first: true, predicate: ["current"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"pagination-full-container inter-font d-flex d-flex-between\" [ngStyle]=\"{\r\n    width: '100%'\r\n}\">\r\n    <div class=\"custom-select-container\">\r\n        <label style=\"color:#848484\">{{ 'UI.COMPONENT.CORE-PAGINATION-FULL.VIEW' | translate: lang\r\n            }}&nbsp;&nbsp;</label>\r\n        <select class=\"custom-select\" [(ngModel)]=\"selectedSize\" (ngModelChange)=\"onSizeChangeLocal($event)\"\r\n            [disabled]=\"!!fixedPageSize\">\r\n            <option *ngFor=\"let size of SizeChanger\">{{size}}</option>\r\n        </select>\r\n        <label style=\"color:#848484\">&nbsp;/{{innerBodyCount$.value}}&nbsp;{{\r\n            'UI.COMPONENT.CORE-PAGINATION-FULL.RESULTS' | translate: lang }}</label>\r\n    </div>\r\n    <div class=\"pagination-container\">\r\n        <div class=\"first pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goFirst()\"></div>\r\n        <div class=\"previous pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goPrevious()\"></div>\r\n        <div #current *ngFor=\"let item of displayPageCount\" [class.hide-item]=\"item !== currentPage$.value\">\r\n            <div class=\"d-flex d-flex-center\">\r\n                <span (click)=\"clickPageNumber(item)\" [class.current]=\"item == currentPage$.value\"\r\n                    [class.not-current]=\"item !== currentPage$.value\">\r\n                    <object>\r\n                        {{ item }}\r\n                    </object>\r\n                </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"next pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goNext()\"></div>\r\n        <div class=\"last pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goLast()\"></div>\r\n    </div>\r\n</div>", styles: [".pagination-full-container{--bg: #848484;--color: white;--height: 30px;--button-size: 30px;--font-size: 12px;--aperture-size: 36px;width:100%!important;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.pagination-full-container *{font-size:13px!important}@keyframes rotate-current-content-fw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-current-content-bw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.pagination-full-container select{border-color:#848484;color:#848484}.pagination-full-container span{display:inline-flex;align-items:center;justify-content:center;height:var(--button-size)}.pagination-full-container span.current,.pagination-full-container span.not-current{display:inline-flex;align-items:center;justify-content:center}.pagination-full-container .add:before{font-family:feather;content:\"\\e9b1\";font-weight:700;font-size:var(--font-size);color:#fff;background:var(--bg);width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.pagination-full-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;background-color:#f9f9f9;color:#333;padding-left:12px;font-size:16px;width:200px;height:30px;cursor:pointer}.pagination-full-container select{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http%3A//www.w3.org/2000/svg%27 viewBox%3D%270 0 4 5%27%3E%3Cpath fill%3D%27%23333%27 d%3D%27M2 0L0 2h4z%27/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:calc(100% - 10px);background-position-y:10px;background-size:10px;line-height:normal}.pagination-full-container select:hover{border-color:#888}.pagination-full-container select:focus{outline:none}.pagination-full-container select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-full-container .custom-select{width:80px;height:28px}.pagination-full-container .custom-select-container{color:#a5a4a4;margin-right:12px;background-color:#fff}.pagination-full-container .pagination-container{height:var(--height);display:flex;align-items:center;justify-content:center;background-color:#fff}.pagination-full-container .pagination-container>div{display:inline-block;cursor:pointer;margin-right:5px}.pagination-full-container .pagination-container .disable{cursor:default;opacity:.5!important}.pagination-full-container .pagination-container .current{margin:0;opacity:1;display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .not-current{border:1px solid #D1D1D1;opacity:1;display:flex;justify-content:center}.pagination-full-container .pagination-container .not-current:hover{background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .aperture{width:var(--aperture-size);height:var(--aperture-size);animation:1s infinite linear;opacity:0;transition:.25s ease-out}.pagination-full-container .pagination-container .aperture:before{font-size:var(--aperture-size)}.pagination-full-container .pagination-container .visible{opacity:1;transition:.25s ease-out}.pagination-full-container .pagination-container .current,.pagination-full-container .pagination-container .loading{width:var(--button-size);height:var(--button-size);background:var(--color-basic-orange);color:var(--color)}.pagination-full-container .pagination-container .not-current{width:var(--button-size);height:var(--button-size);background:#fff;color:#848484}.pagination-full-container .pagination-container .current-text{position:absolute}.pagination-full-container .pagination-container .not-current>div,.pagination-full-container .pagination-container .current>div{width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container div:before{font-family:feather;font-size:var(--font-size);width:var(--button-size);height:var(--button-size);background:var(--bg);color:var(--color);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .first:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .first.disable:hover:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .first:hover:before{content:\"\\e933\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .previous.disable:hover:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .previous:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .previous:hover:before{content:\"\\e92f\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .next:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .next.disable:hover:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .next:hover:before{content:\"\\e930\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .last.disable:hover:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .last:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .last:hover:before{content:\"\\e934\";background:#a5a4a4;color:#fff;border:1px solid white}.pointer{cursor:pointer}@media only screen and (max-width: 768px){.custom-select-container{display:none}}@media only screen and (max-width: 576px){.pagination-container .pagination-container .not-current{display:none}.hide-item{display:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: CorePaginationFullComponent, isStandalone: true, selector: "core-pagination-full", inputs: { currentPage$: "currentPage$", height: "height", pageCount: "pageCount", loading: "loading", showAdd: "showAdd", background: "background", pageSize$: "pageSize$", innerBodyCount$: "innerBodyCount$", pagination$: "pagination$", fixedPageSize: "fixedPageSize" }, outputs: { onClickAdd: "onClickAdd", onCurrentPageChange: "onCurrentPageChange", onSizeChange: "onSizeChange" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "current", first: true, predicate: ["current"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"pagination-full-container inter-font d-flex d-flex-between\" [ngStyle]=\"{\r\n    width: '100%'\r\n}\">\r\n    <div class=\"custom-select-container\">\r\n        <label style=\"color:#848484\">{{ 'UI.COMPONENT.CORE-PAGINATION-FULL.VIEW' | translate: lang\r\n            }}&nbsp;&nbsp;</label>\r\n        <select class=\"custom-select\" [(ngModel)]=\"selectedSize\" (ngModelChange)=\"onSizeChangeLocal($event)\"\r\n            [disabled]=\"!!fixedPageSize\">\r\n            <option *ngFor=\"let size of SizeChanger\">{{size}}</option>\r\n        </select>\r\n        <label style=\"color:#848484\">&nbsp;/{{innerBodyCount$.value}}&nbsp;{{\r\n            'UI.COMPONENT.CORE-PAGINATION-FULL.RESULTS' | translate: lang }}</label>\r\n    </div>\r\n    <div class=\"pagination-container\">\r\n        <div class=\"hub-status\">\r\n            <span class=\"status-dot\" [class.connected]=\"$appdomainHubConnected()\"></span>\r\n        </div>\r\n\r\n        <div class=\"first pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goFirst()\"></div>\r\n        <div class=\"previous pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goPrevious()\"></div>\r\n        <div #current *ngFor=\"let item of displayPageCount\" [class.hide-item]=\"item !== currentPage$.value\">\r\n            <div class=\"d-flex d-flex-center\">\r\n                <span (click)=\"clickPageNumber(item)\" [class.current]=\"item == currentPage$.value\"\r\n                    [class.not-current]=\"item !== currentPage$.value\">\r\n                    <object>\r\n                        {{ item }}\r\n                    </object>\r\n                </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"next pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goNext()\"></div>\r\n        <div class=\"last pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goLast()\"></div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";.pagination-full-container{--bg: #848484;--color: white;--height: 30px;--button-size: 30px;--font-size: 12px;--aperture-size: 36px;width:100%!important;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.pagination-full-container *{font-size:13px!important}@keyframes rotate-current-content-fw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-current-content-bw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.pagination-full-container select{border-color:#848484;color:#848484}.pagination-full-container span{display:inline-flex;align-items:center;justify-content:center;height:var(--button-size)}.pagination-full-container span.current,.pagination-full-container span.not-current{display:inline-flex;align-items:center;justify-content:center}.pagination-full-container .add:before{font-family:feather;content:\"\\e9b1\";font-weight:700;font-size:var(--font-size);color:#fff;background:var(--bg);width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.pagination-full-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;background-color:#f9f9f9;color:#333;padding-left:12px;font-size:16px;width:200px;height:30px;cursor:pointer}.pagination-full-container select{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http%3A//www.w3.org/2000/svg%27 viewBox%3D%270 0 4 5%27%3E%3Cpath fill%3D%27%23333%27 d%3D%27M2 0L0 2h4z%27/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:calc(100% - 10px);background-position-y:10px;background-size:10px;line-height:normal}.pagination-full-container select:hover{border-color:#888}.pagination-full-container select:focus{outline:none}.pagination-full-container select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-full-container .custom-select{width:80px;height:28px}.pagination-full-container .custom-select-container{color:#a5a4a4;margin-right:12px;background-color:#fff}.pagination-full-container .pagination-container{height:var(--height);display:flex;align-items:center;justify-content:center;background-color:#fff}.pagination-full-container .pagination-container>div{display:inline-block;cursor:pointer;margin-right:5px}.pagination-full-container .pagination-container .disable{cursor:default;opacity:.5!important}.pagination-full-container .pagination-container .current{margin:0;opacity:1;display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .not-current{border:1px solid #D1D1D1;opacity:1;display:flex;justify-content:center}.pagination-full-container .pagination-container .not-current:hover{background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .aperture{width:var(--aperture-size);height:var(--aperture-size);animation:1s infinite linear;opacity:0;transition:.25s ease-out}.pagination-full-container .pagination-container .aperture:before{font-size:var(--aperture-size)}.pagination-full-container .pagination-container .visible{opacity:1;transition:.25s ease-out}.pagination-full-container .pagination-container .current,.pagination-full-container .pagination-container .loading{width:var(--button-size);height:var(--button-size);background:var(--color-basic-orange);color:var(--color)}.pagination-full-container .pagination-container .not-current{width:var(--button-size);height:var(--button-size);background:#fff;color:#848484}.pagination-full-container .pagination-container .current-text{position:absolute}.pagination-full-container .pagination-container .not-current>div,.pagination-full-container .pagination-container .current>div{width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container div:before{font-family:feather;font-size:var(--font-size);width:var(--button-size);height:var(--button-size);background:var(--bg);color:var(--color);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .first:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .first.disable:hover:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .first:hover:before{content:\"\\e933\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .previous.disable:hover:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .previous:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .previous:hover:before{content:\"\\e92f\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .next:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .next.disable:hover:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .next:hover:before{content:\"\\e930\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .last.disable:hover:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .last:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .last:hover:before{content:\"\\e934\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .hub-status{display:flex;align-items:center;font-size:.85rem;color:#555}.pagination-full-container .status-dot{width:10px;height:10px;border-radius:50%;background-color:#fca5a5;box-shadow:0 0 4px #fca5a580;transition:all .2s ease}.pagination-full-container .status-dot.connected{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.pointer{cursor:pointer}@media only screen and (max-width: 768px){.custom-select-container{display:none}}@media only screen and (max-width: 576px){.pagination-container .pagination-container .not-current{display:none}.hide-item{display:none!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CorePaginationFullComponent, decorators: [{
             type: Component,
@@ -14774,7 +14780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CommonModule,
                         FormsModule,
                         TranslatePipe
-                    ], template: "<div #container class=\"pagination-full-container inter-font d-flex d-flex-between\" [ngStyle]=\"{\r\n    width: '100%'\r\n}\">\r\n    <div class=\"custom-select-container\">\r\n        <label style=\"color:#848484\">{{ 'UI.COMPONENT.CORE-PAGINATION-FULL.VIEW' | translate: lang\r\n            }}&nbsp;&nbsp;</label>\r\n        <select class=\"custom-select\" [(ngModel)]=\"selectedSize\" (ngModelChange)=\"onSizeChangeLocal($event)\"\r\n            [disabled]=\"!!fixedPageSize\">\r\n            <option *ngFor=\"let size of SizeChanger\">{{size}}</option>\r\n        </select>\r\n        <label style=\"color:#848484\">&nbsp;/{{innerBodyCount$.value}}&nbsp;{{\r\n            'UI.COMPONENT.CORE-PAGINATION-FULL.RESULTS' | translate: lang }}</label>\r\n    </div>\r\n    <div class=\"pagination-container\">\r\n        <div class=\"first pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goFirst()\"></div>\r\n        <div class=\"previous pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goPrevious()\"></div>\r\n        <div #current *ngFor=\"let item of displayPageCount\" [class.hide-item]=\"item !== currentPage$.value\">\r\n            <div class=\"d-flex d-flex-center\">\r\n                <span (click)=\"clickPageNumber(item)\" [class.current]=\"item == currentPage$.value\"\r\n                    [class.not-current]=\"item !== currentPage$.value\">\r\n                    <object>\r\n                        {{ item }}\r\n                    </object>\r\n                </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"next pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goNext()\"></div>\r\n        <div class=\"last pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goLast()\"></div>\r\n    </div>\r\n</div>", styles: [".pagination-full-container{--bg: #848484;--color: white;--height: 30px;--button-size: 30px;--font-size: 12px;--aperture-size: 36px;width:100%!important;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.pagination-full-container *{font-size:13px!important}@keyframes rotate-current-content-fw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-current-content-bw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.pagination-full-container select{border-color:#848484;color:#848484}.pagination-full-container span{display:inline-flex;align-items:center;justify-content:center;height:var(--button-size)}.pagination-full-container span.current,.pagination-full-container span.not-current{display:inline-flex;align-items:center;justify-content:center}.pagination-full-container .add:before{font-family:feather;content:\"\\e9b1\";font-weight:700;font-size:var(--font-size);color:#fff;background:var(--bg);width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.pagination-full-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;background-color:#f9f9f9;color:#333;padding-left:12px;font-size:16px;width:200px;height:30px;cursor:pointer}.pagination-full-container select{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http%3A//www.w3.org/2000/svg%27 viewBox%3D%270 0 4 5%27%3E%3Cpath fill%3D%27%23333%27 d%3D%27M2 0L0 2h4z%27/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:calc(100% - 10px);background-position-y:10px;background-size:10px;line-height:normal}.pagination-full-container select:hover{border-color:#888}.pagination-full-container select:focus{outline:none}.pagination-full-container select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-full-container .custom-select{width:80px;height:28px}.pagination-full-container .custom-select-container{color:#a5a4a4;margin-right:12px;background-color:#fff}.pagination-full-container .pagination-container{height:var(--height);display:flex;align-items:center;justify-content:center;background-color:#fff}.pagination-full-container .pagination-container>div{display:inline-block;cursor:pointer;margin-right:5px}.pagination-full-container .pagination-container .disable{cursor:default;opacity:.5!important}.pagination-full-container .pagination-container .current{margin:0;opacity:1;display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .not-current{border:1px solid #D1D1D1;opacity:1;display:flex;justify-content:center}.pagination-full-container .pagination-container .not-current:hover{background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .aperture{width:var(--aperture-size);height:var(--aperture-size);animation:1s infinite linear;opacity:0;transition:.25s ease-out}.pagination-full-container .pagination-container .aperture:before{font-size:var(--aperture-size)}.pagination-full-container .pagination-container .visible{opacity:1;transition:.25s ease-out}.pagination-full-container .pagination-container .current,.pagination-full-container .pagination-container .loading{width:var(--button-size);height:var(--button-size);background:var(--color-basic-orange);color:var(--color)}.pagination-full-container .pagination-container .not-current{width:var(--button-size);height:var(--button-size);background:#fff;color:#848484}.pagination-full-container .pagination-container .current-text{position:absolute}.pagination-full-container .pagination-container .not-current>div,.pagination-full-container .pagination-container .current>div{width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container div:before{font-family:feather;font-size:var(--font-size);width:var(--button-size);height:var(--button-size);background:var(--bg);color:var(--color);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .first:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .first.disable:hover:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .first:hover:before{content:\"\\e933\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .previous.disable:hover:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .previous:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .previous:hover:before{content:\"\\e92f\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .next:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .next.disable:hover:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .next:hover:before{content:\"\\e930\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .last.disable:hover:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .last:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .last:hover:before{content:\"\\e934\";background:#a5a4a4;color:#fff;border:1px solid white}.pointer{cursor:pointer}@media only screen and (max-width: 768px){.custom-select-container{display:none}}@media only screen and (max-width: 576px){.pagination-container .pagination-container .not-current{display:none}.hide-item{display:none!important}}\n"] }]
+                    ], template: "<div #container class=\"pagination-full-container inter-font d-flex d-flex-between\" [ngStyle]=\"{\r\n    width: '100%'\r\n}\">\r\n    <div class=\"custom-select-container\">\r\n        <label style=\"color:#848484\">{{ 'UI.COMPONENT.CORE-PAGINATION-FULL.VIEW' | translate: lang\r\n            }}&nbsp;&nbsp;</label>\r\n        <select class=\"custom-select\" [(ngModel)]=\"selectedSize\" (ngModelChange)=\"onSizeChangeLocal($event)\"\r\n            [disabled]=\"!!fixedPageSize\">\r\n            <option *ngFor=\"let size of SizeChanger\">{{size}}</option>\r\n        </select>\r\n        <label style=\"color:#848484\">&nbsp;/{{innerBodyCount$.value}}&nbsp;{{\r\n            'UI.COMPONENT.CORE-PAGINATION-FULL.RESULTS' | translate: lang }}</label>\r\n    </div>\r\n    <div class=\"pagination-container\">\r\n        <div class=\"hub-status\">\r\n            <span class=\"status-dot\" [class.connected]=\"$appdomainHubConnected()\"></span>\r\n        </div>\r\n\r\n        <div class=\"first pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goFirst()\"></div>\r\n        <div class=\"previous pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===1\" (click)=\"goPrevious()\"></div>\r\n        <div #current *ngFor=\"let item of displayPageCount\" [class.hide-item]=\"item !== currentPage$.value\">\r\n            <div class=\"d-flex d-flex-center\">\r\n                <span (click)=\"clickPageNumber(item)\" [class.current]=\"item == currentPage$.value\"\r\n                    [class.not-current]=\"item !== currentPage$.value\">\r\n                    <object>\r\n                        {{ item }}\r\n                    </object>\r\n                </span>\r\n            </div>\r\n        </div>\r\n        <div class=\"next pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goNext()\"></div>\r\n        <div class=\"last pointer\" [class.disable]=\"!!!pageCount || currentPage$.value===pageCount\" (click)=\"goLast()\"></div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";.pagination-full-container{--bg: #848484;--color: white;--height: 30px;--button-size: 30px;--font-size: 12px;--aperture-size: 36px;width:100%!important;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.pagination-full-container *{font-size:13px!important}@keyframes rotate-current-content-fw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-current-content-bw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.pagination-full-container select{border-color:#848484;color:#848484}.pagination-full-container span{display:inline-flex;align-items:center;justify-content:center;height:var(--button-size)}.pagination-full-container span.current,.pagination-full-container span.not-current{display:inline-flex;align-items:center;justify-content:center}.pagination-full-container .add:before{font-family:feather;content:\"\\e9b1\";font-weight:700;font-size:var(--font-size);color:#fff;background:var(--bg);width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;border-top-right-radius:50%;border-bottom-right-radius:50%}.pagination-full-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;background-color:#f9f9f9;color:#333;padding-left:12px;font-size:16px;width:200px;height:30px;cursor:pointer}.pagination-full-container select{background-image:url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http%3A//www.w3.org/2000/svg%27 viewBox%3D%270 0 4 5%27%3E%3Cpath fill%3D%27%23333%27 d%3D%27M2 0L0 2h4z%27/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:calc(100% - 10px);background-position-y:10px;background-size:10px;line-height:normal}.pagination-full-container select:hover{border-color:#888}.pagination-full-container select:focus{outline:none}.pagination-full-container select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pagination-full-container .custom-select{width:80px;height:28px}.pagination-full-container .custom-select-container{color:#a5a4a4;margin-right:12px;background-color:#fff}.pagination-full-container .pagination-container{height:var(--height);display:flex;align-items:center;justify-content:center;background-color:#fff}.pagination-full-container .pagination-container>div{display:inline-block;cursor:pointer;margin-right:5px}.pagination-full-container .pagination-container .disable{cursor:default;opacity:.5!important}.pagination-full-container .pagination-container .current{margin:0;opacity:1;display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .not-current{border:1px solid #D1D1D1;opacity:1;display:flex;justify-content:center}.pagination-full-container .pagination-container .not-current:hover{background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .aperture{width:var(--aperture-size);height:var(--aperture-size);animation:1s infinite linear;opacity:0;transition:.25s ease-out}.pagination-full-container .pagination-container .aperture:before{font-size:var(--aperture-size)}.pagination-full-container .pagination-container .visible{opacity:1;transition:.25s ease-out}.pagination-full-container .pagination-container .current,.pagination-full-container .pagination-container .loading{width:var(--button-size);height:var(--button-size);background:var(--color-basic-orange);color:var(--color)}.pagination-full-container .pagination-container .not-current{width:var(--button-size);height:var(--button-size);background:#fff;color:#848484}.pagination-full-container .pagination-container .current-text{position:absolute}.pagination-full-container .pagination-container .not-current>div,.pagination-full-container .pagination-container .current>div{width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container div:before{font-family:feather;font-size:var(--font-size);width:var(--button-size);height:var(--button-size);background:var(--bg);color:var(--color);display:flex;align-items:center;justify-content:center}.pagination-full-container .pagination-container .first:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .first.disable:hover:before{content:\"\\e933\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .first:hover:before{content:\"\\e933\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .previous.disable:hover:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .previous:before{content:\"\\e92f\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .previous:hover:before{content:\"\\e92f\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .next:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .next.disable:hover:before{content:\"\\e930\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .next:hover:before{content:\"\\e930\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .pagination-container .last.disable:hover:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #A5A4A4}.pagination-full-container .pagination-container .last:before{content:\"\\e934\";background:#fff;color:#a5a4a4;border:1px solid #D1D1D1}.pagination-full-container .pagination-container .last:hover:before{content:\"\\e934\";background:#a5a4a4;color:#fff;border:1px solid white}.pagination-full-container .hub-status{display:flex;align-items:center;font-size:.85rem;color:#555}.pagination-full-container .status-dot{width:10px;height:10px;border-radius:50%;background-color:#fca5a5;box-shadow:0 0 4px #fca5a580;transition:all .2s ease}.pagination-full-container .status-dot.connected{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.pointer{cursor:pointer}@media only screen and (max-width: 768px){.custom-select-container{display:none}}@media only screen and (max-width: 576px){.pagination-container .pagination-container .not-current{display:none}.hide-item{display:none!important}}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }], propDecorators: { currentPage$: [{
                 type: Input
             }], height: [{
@@ -19069,7 +19075,7 @@ class CoreEmployeeSeekerComponent extends StaffProfileComponent {
                 || employeeTerminatedStatusIdCamelCaseField === null
                 || employeeTerminatedStatusIdCamelCaseField === undefined)
                 return;
-            const hide = this.$hideTerminatedEmployees();
+            const hide = this.$hideTerminatedEmployees ? this.$hideTerminatedEmployees() : false;
             // Giá trị này được truyền từ ngoài (tenant-specific),
             // KHÔNG hardcode trong seeker
             const terminatedStatusIds = [employeeTerminatedStatusId];
@@ -29199,23 +29205,192 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                     ], template: "<div class=\"dom-entity-token-container\">\r\n\r\n  <div class=\"primary\">\r\n    <span class=\"code\" [class.muted]=\"$primaryText() === 'Unnamed'\">\r\n      {{ $primaryText() }}\r\n    </span>\r\n  </div>\r\n\r\n  @if ($mode() !== 'pill' && $secondaryText()) {\r\n  <div class=\"secondary\">\r\n    {{ $secondaryText() }}\r\n  </div>\r\n  }\r\n\r\n</div>", styles: ["@charset \"UTF-8\";.dom-entity-token-container{cursor:pointer;display:inline-flex;flex-direction:column;gap:2px;padding:4px 6px;border-radius:6px;line-height:1.2;white-space:nowrap;background-color:#00000008;box-sizing:border-box}.dom-entity-token-container .primary{display:flex;align-items:center}.dom-entity-token-container .code{font-size:13px;letter-spacing:.2px}.dom-entity-token-container .code.muted{opacity:.6}.dom-entity-token-container .secondary{font-size:11.5px;opacity:.75;padding-left:1px}:host-context(.pill) .dom-entity-token-container{flex-direction:row;align-items:center;gap:6px}.dom-entity-token-container:hover{background-color:#0000000f}\n"] }]
         }] });
 
+const CreateOrganizationGrammar = {
+    intentCode: EnumActionCode.CREATE_O,
+    subject(ctx) {
+        const name = ctx.facts['ORIGINAL_NAME'];
+        return `Tạo phòng ban ${name}`;
+    },
+    clauses: [
+        {
+            when: ctx => !!ctx.temporal.localDate,
+            render: ctx => `khả dụng từ ${ctx.temporal.localDate}`
+        },
+        {
+            when: ctx => !!ctx.resolved['TREE_NAME'],
+            render: ctx => `thuộc cây ${ctx.resolved['TREE_NAME']}`
+        }
+    ]
+};
+// narration-engine.ts
+function narrateIntent(grammar, ctx) {
+    const parts = [];
+    // 1) Subject (bắt buộc)
+    const subject = grammar.subject(ctx);
+    if (subject && subject.trim().length > 0) {
+        parts.push(subject.trim());
+    }
+    // 2) Clauses (tuỳ chọn, theo thứ tự khai báo)
+    if (grammar.clauses?.length) {
+        for (const clause of grammar.clauses) {
+            try {
+                if (clause.when(ctx)) {
+                    const text = clause.render(ctx);
+                    if (text && text.trim().length > 0) {
+                        parts.push(text.trim());
+                    }
+                }
+            }
+            catch {
+                // ❗ Grammar error MUST NOT break projection
+                // Có thể log ở đây nếu muốn
+            }
+        }
+    }
+    // 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) {
+        const name = ctx.facts['ORIGINAL_NAME'];
+        return typeof name === 'string'
+            ? `Tạo phòng ban ${name}`
+            : 'Tạo phòng ban';
+    },
+    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_S_GRAMMAR = {
+    intentCode: EnumActionCode.CREATE_S,
+    subject(ctx) {
+        const name = ctx.facts['CODE'];
+        return typeof name === 'string'
+            ? `Tạo ghế ${name}`
+            : 'Tạo ghế';
+    },
+    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 LINK_O_O_GRAMMAR = {
+    intentCode: EnumActionCode.LINK_O_O,
+    rCode: EnumRCodeForward.O_IS_PART_OF_O,
+    subject(ctx) {
+        const a = ctx.resolved['A_ORIGINAL_NAME'];
+        const b = ctx.resolved['B_ORIGINAL_NAME'];
+        return a && b
+            ? `Gán ${a} là đơn vị con của ${b}`
+            : 'Gán quan hệ tổ chức';
+    },
+    clauses: [
+        {
+            when: ctx => !!ctx.temporal.effective?.from,
+            render: ctx => {
+                const { from, to } = ctx.temporal.effective;
+                return to
+                    ? `hiệu lực từ ${from} đến ${to}`
+                    : `hiệu lực từ ${from}`;
+            }
+        },
+    ]
+};
+
+const INTENT_GRAMMAR_REGISTRY = [
+    CREATE_TREE_GRAMMAR,
+    CREATE_O_GRAMMAR,
+    CREATE_S_GRAMMAR,
+    LINK_O_O_GRAMMAR
+];
+
 class DomDecisionContextService {
     constructor() {
         this.fb = inject(FormBuilder);
-        this.form = this.fb.group({});
+        this.$form = signal(this.fb.group({}));
+        this.acs = inject(AppConfigService);
         this.$formRawValue = signal(null);
-        // Omega được cấp từ Editor
-        this.$omega = signal(null);
+        this.$omega = signal({
+            omegaVersion: '1.0',
+            inputChain: []
+        });
         this.$selectedIntentDescriptor = signal(null);
-        this.$activeSeq = signal(null); // null = create mode
+        /**
+         * chỉ dùng cho CREATE
+         */
+        this.$createSeq = computed(() => this.$omega().inputChain.length + 1);
+        /**
+         * dùng cho VIEW / EDIT LATEST
+         */
+        this.$viewSeq = signal(null);
+        this.$projection = computed(() => {
+            const omega = this.$omega();
+            // Trường hợp cực đoan (chỉ khi anh vẫn cho omega nullable)
+            if (!omega) {
+                return {
+                    intentCount: 0,
+                    validityLabel: 'Chưa có quyết định',
+                    intents: [],
+                    outputs: [],
+                };
+            }
+            return this.rebuildProjectionFromOmega(omega);
+        });
+        this.$activeInputSnapshot = computed(() => {
+            const seq = this.$viewSeq();
+            const omega = this.$omega();
+            if (seq == null)
+                return null;
+            return omega.inputChain.find(i => i.seq === seq)?.inputSnapshot ?? null;
+        });
         this.$nextSeq = computed(() => (this.$omega()?.inputChain?.length ?? 0) + 1);
-        this.$rehydrateSnapshot = signal(null);
         this.$isLastSeq = computed(() => {
-            const activeSeq = this.$activeSeq();
+            const viewSeq = this.$viewSeq();
             const chainLength = this.$omega()?.inputChain?.length ?? 0;
-            if (activeSeq === null)
+            if (viewSeq === null)
                 return false; // ⛔ create ≠ last
-            return activeSeq === chainLength;
+            return viewSeq === chainLength;
         });
         /**
          * $allTokens
@@ -29258,10 +29433,10 @@ class DomDecisionContextService {
          * Tập hợp các EntityToken HỢP LỆ tại thời điểm quyết định hiện tại,
          * được suy diễn dựa trên:
          * - $allTokens
-         * - $activeSeq (bối cảnh đang xét)
+         * - seq (bối cảnh đang xét)
          *
          * Nguyên tắc:
-         * - Chỉ xét token có producedBySeq <= activeSeq
+         * - Chỉ xét token có producedBySeq <= seq
          * - Với mỗi uuid, chỉ giữ token mới nhất (last-write-wins theo seq)
          *
          * Ý nghĩa nghiệp vụ:
@@ -29277,18 +29452,25 @@ class DomDecisionContextService {
          * khi cần suy luận hoặc cho phép người dùng chọn entity.
          */
         this.$currentTokens = computed(() => {
-            const activeSeq = this.$activeSeq();
+            const seq = this.$viewSeq() ?? this.$createSeq();
             const tokens = this.$allTokens();
-            // Chưa có ngữ cảnh → không token nào được dùng
-            if (activeSeq == null)
-                return [];
-            return tokens.filter(t => t.producedBySeq < activeSeq);
+            return tokens.filter(t => t.producedBySeq < seq);
         });
     }
+    /**
+     * Build và bind lại form theo trạng thái hiện tại của decision.
+     *
+     * - Không giữ draft field-level
+     * - Luôn render từ omega (working store)
+     * - Được gọi lại khi descriptor / seq / omega thay đổi
+     *
+     * @param descriptor Mô tả intent đang được edit
+     */
     buildForm(descriptor) {
         const controls = {};
-        const snapshot = this.$rehydrateSnapshot();
-        // Logical inputs
+        const snapshot = this.$viewSeq() != null
+            ? this.$activeInputSnapshot()
+            : null;
         for (const input of descriptor.inputs) {
             const value = snapshot?.[input.key]
                 ?? input.defaultValueFactory?.()
@@ -29296,16 +29478,16 @@ class DomDecisionContextService {
                 ?? null;
             const control = new FormControl(value, this.buildValidators(input.validators));
             if (input.disabled) {
-                controls[input.key].disable({ emitEvent: false });
+                control.disable({ emitEvent: false });
             }
             controls[input.key] = control;
         }
         // ⚠️ atomic replace
-        this.form = new FormGroup(controls);
+        this.$form.set(new FormGroup(controls));
         // 🔹 snapshot ban đầu
-        this.$formRawValue.set(this.form.getRawValue());
+        this.$formRawValue.set(this.$form().getRawValue());
         if (this.intentInputMode() === 'view-only') {
-            this.form.disable({ emitEvent: false });
+            this.$form().disable({ emitEvent: false });
         }
         this.bindFormValueChanges();
     }
@@ -29335,15 +29517,221 @@ class DomDecisionContextService {
     }
     bindFormValueChanges() {
         this.formSubscription?.unsubscribe();
-        this.formSubscription = this.form.valueChanges.subscribe(value => {
+        this.formSubscription = this.$form().valueChanges.subscribe(value => {
             this.$formRawValue.set(value);
         });
     }
     intentInputMode() {
-        if (!this.$activeSeq())
+        if (!this.$viewSeq())
             return 'create';
         return this.$isLastSeq() ? 'edit-last' : 'view-only';
     }
+    buildTemporalContext(facts) {
+        const tzRaw = facts['TIMEZONE_ID'];
+        const timezoneId = typeof tzRaw === 'string'
+            ? tzRaw
+            : (this.acs.CANONICAL_IANA_TIMEZONES?.[0] ?? 'Asia/Ho_Chi_Minh');
+        // ---- RANGE semantics (LINK_, SET_) ----
+        const vfIso = this.normalizeUtc(facts['VF_UTC']);
+        const vtIso = this.normalizeUtc(facts['VT_UTC']);
+        if (vfIso) {
+            try {
+                const fromDate = new Date(vfIso);
+                if (isNaN(fromDate.getTime()))
+                    return {};
+                const from = this.formatLocalDate(fromDate, timezoneId);
+                let to;
+                if (vtIso) {
+                    if (vtIso.includes('9999')) {
+                        to = ''; // 'đến khi có quyết định thay đổi'
+                    }
+                    else {
+                        const toDate = new Date(vtIso);
+                        if (!isNaN(toDate.getTime())) {
+                            to = this.formatLocalDate(toDate, timezoneId);
+                        }
+                    }
+                }
+                return {
+                    timezoneId,
+                    effective: { from, to },
+                    mode: 'RANGE'
+                };
+            }
+            catch {
+                return {};
+            }
+        }
+        // ---- POINT semantics (CREATE_) ----
+        const utcIso = this.normalizeUtc(facts['AVAILABLE_UTC']);
+        if (!utcIso)
+            return {};
+        try {
+            const date = new Date(utcIso);
+            if (isNaN(date.getTime()))
+                return {};
+            const localDate = this.formatLocalDate(date, timezoneId);
+            return {
+                localDate,
+                timezoneId,
+                mode: 'POINT'
+            };
+        }
+        catch {
+            return {};
+        }
+    }
+    normalizeUtc(raw) {
+        if (typeof raw === 'string')
+            return raw;
+        if (raw instanceof Date)
+            return raw.toISOString();
+        return null;
+    }
+    formatLocalDate(date, timezoneId) {
+        return this.acs.DEFAULT_IANA_TIMEZONE_ID === 'Asia/Ho_Chi_Minh'
+            ? new Intl.DateTimeFormat('vi-VN', {
+                timeZone: timezoneId,
+                day: '2-digit',
+                month: '2-digit',
+                year: 'numeric'
+            }).format(date)
+            : new Intl.DateTimeFormat('en-CA', {
+                timeZone: timezoneId
+            }).format(date);
+    }
+    buildNarrationContext(intent) {
+        const facts = intent.inputSnapshot ?? {};
+        const temporal = this.buildTemporalContext(facts);
+        const resolved = this.buildResolvedContext(facts);
+        return {
+            locale: 'vi',
+            facts,
+            resolved,
+            temporal
+        };
+    }
+    /**
+     * Xây dựng Resolved Context cho Intent Narration
+     *
+     * Lớp này làm nhiệm vụ làm giàu (enrich) dữ liệu intent thô
+     * bằng các giá trị dễ đọc, phục vụ cho việc diễn giải (narration),
+     * nhưng TUYỆT ĐỐI KHÔNG thay đổi hay ghi đè lên facts gốc.
+     *
+     * Nguyên tắc thiết kế:
+     * - facts    : sự thật máy móc, bất biến (ID, mã, UTC, enum…)
+     * - resolved : diễn giải bổ sung, tùy chọn, thân thiện với con người
+     * - grammar  : chỉ ghép câu, không tra cứu, không chứa logic nghiệp vụ
+     *
+     * Trách nhiệm của hàm này:
+     * - Diễn giải các tham chiếu chéo (ví dụ: TREE_ID → TREE_NAME)
+     * - Chuẩn hóa vai trò thành nhãn dễ đọc (ví dụ: MASTER → "vai trò chính")
+     * - Lưu giữ snapshot tên hiển thị tại thời điểm tạo intent
+     *   (LEFT_/RIGHT_ ORIGINAL_NAME) phục vụ audit và narration
+     *
+     * Những gì hàm này KHÔNG làm (có chủ ý):
+     * - Không gọi API / DB tại runtime
+     * - Không thay đổi dữ liệu facts đầu vào
+     * - Không xử lý logic ngữ pháp hay ghép câu
+     *
+     * Đây là lớp "diễn giải ngữ nghĩa" nằm giữa dữ liệu intent thuần
+     * và lớp grammar chịu trách nhiệm kể câu chuyện cho con người.
+     */
+    buildResolvedContext(facts) {
+        const resolved = {};
+        // TREE
+        if (typeof facts['TREE_ID'] === 'string') {
+            resolved['TREE_NAME'] = this.resolveTreeName(facts['TREE_ID']);
+        }
+        // ROLE (optional)
+        if (typeof facts['ROLE'] === 'string' &&
+            facts['ROLE'] !== 'NONE') {
+            resolved['ROLE'] = `với vai trò ${facts['ROLE']}`;
+        }
+        // A_ORIGINAL_NAME (optional)
+        if (typeof facts['A_ORIGINAL_NAME'] === 'string') {
+            resolved['A_ORIGINAL_NAME'] = facts['A_ORIGINAL_NAME'];
+        }
+        // B_ORIGINAL_NAME (optional)
+        if (typeof facts['B_ORIGINAL_NAME'] === 'string') {
+            resolved['B_ORIGINAL_NAME'] = facts['B_ORIGINAL_NAME'];
+        }
+        return resolved;
+    }
+    resolveTreeName(treeId) {
+        // TODO: thay bằng snapshot / token sau
+        return 'HR';
+    }
+    rebuildProjectionFromOmega(omega) {
+        const intents = omega.inputChain.map(intent => {
+            const descriptor = INTENT_DESCRIPTOR_REGISTRY
+                .find(d => d.actionCode === intent.actionCode);
+            const grammar = INTENT_GRAMMAR_REGISTRY
+                .find(g => g.intentCode === intent.actionCode);
+            const actionLabel = descriptor?.label ?? intent.actionCode;
+            const narrationContext = this.buildNarrationContext(intent);
+            const summary = grammar
+                ? narrateIntent(grammar, narrationContext)
+                : undefined;
+            return {
+                seq: intent.seq,
+                actionLabel,
+                actionCode: intent.actionCode,
+                inputSnapshot: intent.inputSnapshot,
+                summary
+            };
+        });
+        return {
+            intentCount: intents.length,
+            intents,
+            outputs: []
+        };
+    }
+    produceOutputs(seq, draft) {
+        const input = draft.inputSnapshot;
+        switch (draft.actionCode) {
+            case EnumActionCode.CREATE_O: {
+                const id = input['ID'];
+                if (typeof id !== 'string')
+                    return undefined;
+                const originalName = input['ORIGINAL_NAME'];
+                const code = input['CODE'];
+                return [{
+                        token: `T${seq}`,
+                        entityType: 'O',
+                        uuid: id,
+                        producedBySeq: seq,
+                        humanSnapshot: {
+                            ORIGINAL_NAME: typeof originalName === 'string' ? originalName : undefined,
+                            CODE: typeof code === 'string' ? code : undefined
+                        }
+                    }];
+            }
+            case EnumActionCode.CREATE_TREE: {
+                const treeName = input['TREE_NAME'];
+                const id = input['ID'];
+                if (typeof treeName !== 'string')
+                    return undefined;
+                const uuid = typeof id === 'string'
+                    ? id
+                    : crypto.randomUUID();
+                return [{
+                        token: `T${seq}`,
+                        entityType: 'O',
+                        uuid,
+                        producedBySeq: seq,
+                        humanSnapshot: {
+                            TREE_NAME: treeName
+                        }
+                    }];
+            }
+            case EnumActionCode.LINK_O_O:
+                // quan hệ, không sinh entity
+                return undefined;
+            default:
+                return undefined;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DomDecisionContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DomDecisionContextService }); }
 }
@@ -29431,7 +29819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  *  - KHÔNG nhận token qua @Input().
  *
  * DomOIdFactory chỉ đọc “sự thật ngữ cảnh” từ DomDecisionContextService,
- * nơi tập hợp các token hợp lệ theo activeSeq hiện tại của Decision.
+ * nơi tập hợp các token hợp lệ theo seq hiện tại của Decision.
  * Nhờ đó, component này không bao giờ cho phép người dùng
  * “nhắc tới tương lai” hoặc phá vỡ quan hệ nhân quả của Intent Chain.
  *
@@ -29706,7 +30094,7 @@ class CreateTreeInputsComponent extends BaseIntentInputsComponent {
         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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Active Seq: {{ $context().activeSeq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>", 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" }] }); }
+    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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Seq: {{ $context().seq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>", 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,
@@ -29714,7 +30102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Active Seq: {{ $context().activeSeq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>" }]
+                    ], 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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Seq: {{ $context().seq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>" }]
         }] });
 
 class CreateOInputsComponent extends BaseIntentInputsComponent {
@@ -29750,7 +30138,7 @@ class CreateOInputsComponent extends BaseIntentInputsComponent {
         });
     }
     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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Active Seq: {{ $context().activeSeq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>", 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"] }] }); }
+    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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Active Seq: {{ $context().seq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>", 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,
@@ -29761,7 +30149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Active Seq: {{ $context().activeSeq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>" }]
+                    ], 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}\r\n\r\n<p>Mode: {{ $context().mode }}</p>\r\n<p>Active Seq: {{ $context().seq }}</p>\r\n<p>Is Last Seq: {{ $context().isLastSeq }}</p>" }]
         }] });
 
 class IntentComposerComponent extends BaseComponent {
@@ -29785,17 +30173,17 @@ class IntentComposerComponent extends BaseComponent {
         this.ctx = inject(DomDecisionContextService);
         this.applicationHelpService = inject(ApplicationHelpService);
         this.$allTokens = this.ctx.$allTokens;
-        this.form = this.ctx.form;
-        this.$formRawValue = signal(null);
+        this.$form = this.ctx.$form;
+        this.$formRawValue = this.ctx.$formRawValue;
         this.isDevMode = isDevMode();
         this.$context = computed(() => ({
-            form: this.form,
+            form: this.$form(),
             descriptor: this.$descriptor(),
             currentTokens: this.ctx.$currentTokens(),
             mode: this.ctx.intentInputMode(),
-            activeSeq: this.ctx.$activeSeq(),
+            seq: this.ctx.$viewSeq() ?? this.ctx.$createSeq(),
             isLastSeq: this.ctx.$isLastSeq(),
-            inputSnapshot: this.ctx.$rehydrateSnapshot()
+            inputSnapshot: this.ctx.$activeInputSnapshot()
         }));
         this.rCodeOptions$ = new BehaviorSubject(RCODE_FORWARD_VALUES.map(x => ({ value: x, text: x })));
         this.roleOptions$ = new BehaviorSubject([
@@ -29822,7 +30210,12 @@ class IntentComposerComponent extends BaseComponent {
             const descriptor = this.$descriptor();
             if (!descriptor)
                 return;
-            this.buildForm(descriptor);
+            const snapshot = this.ctx.$activeInputSnapshot();
+            const seq = this.ctx.$viewSeq() ?? this.ctx.$createSeq();
+            // 👇 CHÌA KHÓA:
+            // chỉ cần đọc snapshot + seq để tạo dependency
+            // không cần if(snapshot)
+            this.ctx.buildForm(descriptor);
         });
         this.subscriptions.push(this.applicationHelpService.activeKey$
             .pipe(distinctUntilChanged())
@@ -29834,90 +30227,115 @@ class IntentComposerComponent extends BaseComponent {
             }
         }));
     }
-    // ===== Methods =====
-    buildForm(descriptor) {
-        const controls = {};
-        const snapshot = this.ctx.$rehydrateSnapshot();
-        // Logical inputs
-        for (const input of descriptor.inputs) {
-            const value = snapshot?.[input.key]
-                ?? input.defaultValueFactory?.()
-                ?? input.defaultValue
-                ?? null;
-            const control = new FormControl(value, this.buildValidators(input.validators));
-            if (input.disabled) {
-                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.ctx.intentInputMode() === 'view-only') {
-            this.form.disable({ emitEvent: false });
+    /*
+    buildForm(
+      descriptor: IIntentDescriptor,
+    ) {
+  
+      const controls: Record<string, FormControl> = {};
+      const snapshot = this.ctx.$rehydrateSnapshot();
+  
+      // Logical inputs
+      for (const input of descriptor.inputs) {
+  
+        const value =
+          snapshot?.[input.key]
+          ?? input.defaultValueFactory?.()
+          ?? input.defaultValue
+          ?? null;
+  
+        const control = new FormControl(
+          value,
+          this.buildValidators(input.validators)
+        );
+  
+        if (input.disabled) {
+          controls[input.key].disable({ emitEvent: false });
         }
-        this.bindFormValueChanges();
-        // TO DO: REMOVE THE REST
-        if (this.vfUtcSubscription)
-            this.vfUtcSubscription.unsubscribe();
-        if (this.$descriptor().actionCode === EnumActionCode.LINK_O_O) {
-            const vfUtc = this.form.controls['VF_UTC'];
-            const aId = this.form.controls['A_ID'];
-            if (!aId)
-                this.as.error('LINK_O_O form must have A_ID', noneAutoClosedAlertOptions);
-            const bId = this.form.controls['B_ID'];
-            if (!bId)
-                this.as.error('LINK_O_O form must have B_ID', noneAutoClosedAlertOptions);
-            const aOriginalName = this.form.controls['A_ORIGINAL_NAME'];
-            if (!aOriginalName)
-                this.as.error('LINK_O_O form must have A_ORIGINAL_NAME', noneAutoClosedAlertOptions);
-            const bOriginalName = this.form.controls['B_ORIGINAL_NAME'];
-            if (!bOriginalName)
-                this.as.error('LINK_O_O form must have B_ORIGINAL_NAME', noneAutoClosedAlertOptions);
-            if (vfUtc) {
-                this.vfUtcSubscription = vfUtc.valueChanges.subscribe(x => {
-                    if (!x) {
-                        aId?.reset();
-                        aOriginalName?.reset();
-                        bId?.reset();
-                        bOriginalName?.reset();
-                        aId?.disable();
-                        aOriginalName?.disable();
-                        bId?.disable();
-                        bOriginalName?.disable();
-                    }
-                    else {
-                        aId?.enable();
-                        aOriginalName?.enable();
-                        bId?.enable();
-                        bOriginalName?.enable();
-                    }
-                });
-            }
-            else {
-                this.as.error('LINK_O_O form must have VF_UTC', noneAutoClosedAlertOptions);
+  
+        controls[input.key] = control;
+      }
+  
+      // ⚠️ atomic replace
+      this.form = new FormGroup(controls);
+  
+      // 🔹 snapshot ban đầu
+      this.$formRawValue.set(this.form.getRawValue());
+  
+      if (this.ctx.intentInputMode() === 'view-only') {
+        this.form.disable({ emitEvent: false });
+      }
+  
+      this.bindFormValueChanges();
+  
+      // TO DO: REMOVE THE REST
+  
+      if (this.vfUtcSubscription) this.vfUtcSubscription.unsubscribe();
+  
+      if (this.$descriptor().actionCode === EnumActionCode.LINK_O_O) {
+  
+        const vfUtc = this.form.controls['VF_UTC'];
+        const aId = this.form.controls['A_ID'];
+        if (!aId) this.as.error('LINK_O_O form must have A_ID', noneAutoClosedAlertOptions)
+        const bId = this.form.controls['B_ID'];
+        if (!bId) this.as.error('LINK_O_O form must have B_ID', noneAutoClosedAlertOptions)
+        const aOriginalName = this.form.controls['A_ORIGINAL_NAME'];
+        if (!aOriginalName) this.as.error('LINK_O_O form must have A_ORIGINAL_NAME', noneAutoClosedAlertOptions)
+        const bOriginalName = this.form.controls['B_ORIGINAL_NAME'];
+        if (!bOriginalName) this.as.error('LINK_O_O form must have B_ORIGINAL_NAME', noneAutoClosedAlertOptions)
+  
+        if (vfUtc) {
+          this.vfUtcSubscription = vfUtc!.valueChanges.subscribe(x => {
+            if (!x) {
+  
+              aId?.reset();
+              aOriginalName?.reset();
+              bId?.reset();
+              bOriginalName?.reset();
+  
+              aId?.disable();
+              aOriginalName?.disable();
+              bId?.disable();
+              bOriginalName?.disable();
+  
+            } else {
+              aId?.enable();
+              aOriginalName?.enable();
+              bId?.enable();
+              bOriginalName?.enable();
             }
+          })
+        } else {
+          this.as.error('LINK_O_O form must have VF_UTC', noneAutoClosedAlertOptions)
         }
-        this.applyActionSpecificBehavior(descriptor);
+      }
+  
+      this.applyActionSpecificBehavior(descriptor)
     }
-    bindFormValueChanges() {
-        this.formSubscription?.unsubscribe();
-        this.formSubscription = this.form.valueChanges.subscribe(value => {
-            this.$formRawValue.set(value);
-        });
+    */
+    /*
+    private bindFormValueChanges(): void {
+      this.formSubscription?.unsubscribe();
+  
+      this.formSubscription = this.form.valueChanges.subscribe(value => {
+        this.ctx.$formRawValue.set(value);
+      });
     }
+    */
     onConfirm() {
-        this.form.markAllAsTouched();
+        this.$form().markAllAsTouched();
         this.rebuildErrors();
         if (this.$errors().length > 0)
             return;
-        const snapshot = this.form.getRawValue();
+        const snapshot = this.$form().getRawValue();
+        const seq = this.ctx.$viewSeq() ?? this.ctx.$createSeq();
         this.intentComposed.emit({
             actionCode: this.$descriptor().actionCode,
-            inputSnapshot: snapshot
+            inputSnapshot: snapshot,
+            seq: seq
         });
         this.ctx.$selectedIntentDescriptor.set(null);
+        this.ctx.$viewSeq.set(null); // reset về create mode
     }
     onCancel() {
         this.cancelled.emit();
@@ -29949,13 +30367,13 @@ class IntentComposerComponent extends BaseComponent {
     }
     rebuildErrors() {
         this.$errors.set([]);
-        if (!this.form)
+        if (!this.$form())
             return;
         const descriptor = this.$descriptor();
         if (!descriptor)
             return;
         for (const input of descriptor.inputs) {
-            const control = this.form.get(input.key);
+            const control = this.$form().get(input.key);
             if (!control)
                 continue;
             // Chỉ hiện lỗi khi user đã "dám chạm"
@@ -30003,8 +30421,8 @@ class IntentComposerComponent extends BaseComponent {
     applyActionSpecificBehavior(descriptor) {
         if (descriptor.actionCode !== EnumActionCode.CREATE_O)
             return;
-        const codeCtrl = this.form.get('CODE');
-        const shortCodeCtrl = this.form.get('SHORT_CODE');
+        const codeCtrl = this.$form().get('CODE');
+        const shortCodeCtrl = this.$form().get('SHORT_CODE');
         if (!codeCtrl || !shortCodeCtrl)
             return;
         // CODE luôn là UUID, user không nhập
@@ -30020,7 +30438,7 @@ class IntentComposerComponent extends BaseComponent {
         this.cancelled.emit();
     }
     setSnapshot(key, value) {
-        this.form.controls[key].setValue(value ?? '');
+        this.$form().controls[key].setValue(value ?? '');
     }
     // 
     onOrgResolved(e) {
@@ -30033,13 +30451,13 @@ class IntentComposerComponent extends BaseComponent {
     }
     ngOnDestroy() {
         this.subscriptions.forEach(x => x?.unsubscribe());
-        if (this.formSubscription)
-            this.formSubscription.unsubscribe();
         if (this.vfUtcSubscription)
             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      @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\r\n  @if (isDevMode) {\r\n    <label>Current Tokens</label>\r\n    <pre>{{ $context().currentTokens | 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: "pipe", type: JsonPipe, name: "json" }, { 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 }); }
+    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)" } }, providers: [
+            DomDecisionContextService
+        ], 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>Current Tokens</label>\r\n    <pre>{{ $context().currentTokens | 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: "pipe", type: JsonPipe, name: "json" }, { 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,
@@ -30058,151 +30476,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         HotKeysDirective,
                         CreateTreeInputsComponent,
                         CreateOInputsComponent,
+                    ], providers: [
+                        DomDecisionContextService
                     ], 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      @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\r\n  @if (isDevMode) {\r\n    <label>Current Tokens</label>\r\n    <pre>{{ $context().currentTokens | 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>Current Tokens</label>\r\n    <pre>{{ $context().currentTokens | 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 = {
-    intentCode: EnumActionCode.CREATE_O,
-    subject(ctx) {
-        const name = ctx.facts['ORIGINAL_NAME'];
-        return `Tạo phòng ban ${name}`;
-    },
-    clauses: [
-        {
-            when: ctx => !!ctx.temporal.localDate,
-            render: ctx => `khả dụng từ ${ctx.temporal.localDate}`
-        },
-        {
-            when: ctx => !!ctx.resolved['TREE_NAME'],
-            render: ctx => `thuộc cây ${ctx.resolved['TREE_NAME']}`
-        }
-    ]
-};
-// narration-engine.ts
-function narrateIntent(grammar, ctx) {
-    const parts = [];
-    // 1) Subject (bắt buộc)
-    const subject = grammar.subject(ctx);
-    if (subject && subject.trim().length > 0) {
-        parts.push(subject.trim());
-    }
-    // 2) Clauses (tuỳ chọn, theo thứ tự khai báo)
-    if (grammar.clauses?.length) {
-        for (const clause of grammar.clauses) {
-            try {
-                if (clause.when(ctx)) {
-                    const text = clause.render(ctx);
-                    if (text && text.trim().length > 0) {
-                        parts.push(text.trim());
-                    }
-                }
-            }
-            catch {
-                // ❗ Grammar error MUST NOT break projection
-                // Có thể log ở đây nếu muốn
-            }
-        }
-    }
-    // 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) {
-        const name = ctx.facts['ORIGINAL_NAME'];
-        return typeof name === 'string'
-            ? `Tạo phòng ban ${name}`
-            : 'Tạo phòng ban';
-    },
-    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_S_GRAMMAR = {
-    intentCode: EnumActionCode.CREATE_S,
-    subject(ctx) {
-        const name = ctx.facts['CODE'];
-        return typeof name === 'string'
-            ? `Tạo ghế ${name}`
-            : 'Tạo ghế';
-    },
-    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 LINK_O_O_GRAMMAR = {
-    intentCode: EnumActionCode.LINK_O_O,
-    rCode: EnumRCodeForward.O_IS_PART_OF_O,
-    subject(ctx) {
-        const a = ctx.resolved['A_ORIGINAL_NAME'];
-        const b = ctx.resolved['B_ORIGINAL_NAME'];
-        return a && b
-            ? `Gán ${a} là đơn vị con của ${b}`
-            : 'Gán quan hệ tổ chức';
-    },
-    clauses: [
-        {
-            when: ctx => !!ctx.temporal.effective?.from,
-            render: ctx => {
-                const { from, to } = ctx.temporal.effective;
-                return to
-                    ? `hiệu lực từ ${from} đến ${to}`
-                    : `hiệu lực từ ${from}`;
-            }
-        },
-    ]
-};
-
-const INTENT_GRAMMAR_REGISTRY = [
-    CREATE_TREE_GRAMMAR,
-    CREATE_O_GRAMMAR,
-    CREATE_S_GRAMMAR,
-    LINK_O_O_GRAMMAR
-];
-
 /**
  * CoreDomDecisionEditor
  *
@@ -30223,38 +30503,16 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
         this.ctx = inject(DomDecisionContextService);
         this.js = inject(JsonService);
         this.acs = inject(AppConfigService);
-        this.$omega = signal({
-            omegaVersion: '1.0',
-            inputChain: []
-        });
         this.$allTokens = this.ctx.$allTokens;
+        this.isDevMode = isDevMode();
         this.value = '';
         this.INTENT_DESCRIPTOR_REGISTRY = INTENT_DESCRIPTOR_REGISTRY;
         // UI-only popup flag
         this.$showIntentComposer = signal(false);
         this.$selectedIntentDescriptor = this.ctx.$selectedIntentDescriptor;
-        this.$activeSeq = this.ctx.$activeSeq;
-        this.isDevMode = isDevMode();
-        this.$projection = computed(() => {
-            const omega = this.$omega();
-            // Trường hợp cực đoan (chỉ khi anh vẫn cho omega nullable)
-            if (!omega) {
-                return {
-                    intentCount: 0,
-                    validityLabel: 'Chưa có quyết định',
-                    intents: [],
-                    outputs: [],
-                };
-            }
-            return this.rebuildProjectionFromOmega(omega);
-        });
-        // 1️⃣ Sync omega → context
-        effect(() => {
-            this.ctx.$omega.set(this.$omega());
-        });
         // 2️⃣ Emit omega → outer form
         effect(() => {
-            const omega = this.$omega();
+            const omega = this.ctx.$omega();
             this.onChange(JSON.stringify(omega));
         });
     }
@@ -30262,184 +30520,20 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
         this.value = omega ?? '';
         //this.$projection.set(this.rebuildProjectionFromOmega(this.value));
     }
-    buildNarrationContext(intent) {
-        const facts = intent.inputSnapshot ?? {};
-        const temporal = this.buildTemporalContext(facts);
-        const resolved = this.buildResolvedContext(facts);
-        return {
-            locale: 'vi',
-            facts,
-            resolved,
-            temporal
-        };
-    }
-    buildTemporalContext(facts) {
-        const tzRaw = facts['TIMEZONE_ID'];
-        const timezoneId = typeof tzRaw === 'string'
-            ? tzRaw
-            : (this.acs.CANONICAL_IANA_TIMEZONES?.[0] ?? 'Asia/Ho_Chi_Minh');
-        // ---- RANGE semantics (LINK_, SET_) ----
-        const vfIso = this.normalizeUtc(facts['VF_UTC']);
-        const vtIso = this.normalizeUtc(facts['VT_UTC']);
-        if (vfIso) {
-            try {
-                const fromDate = new Date(vfIso);
-                if (isNaN(fromDate.getTime()))
-                    return {};
-                const from = this.formatLocalDate(fromDate, timezoneId);
-                let to;
-                if (vtIso) {
-                    if (vtIso.includes('9999')) {
-                        to = ''; // 'đến khi có quyết định thay đổi'
-                    }
-                    else {
-                        const toDate = new Date(vtIso);
-                        if (!isNaN(toDate.getTime())) {
-                            to = this.formatLocalDate(toDate, timezoneId);
-                        }
-                    }
-                }
-                return {
-                    timezoneId,
-                    effective: { from, to },
-                    mode: 'RANGE'
-                };
-            }
-            catch {
-                return {};
-            }
-        }
-        // ---- POINT semantics (CREATE_) ----
-        const utcIso = this.normalizeUtc(facts['AVAILABLE_UTC']);
-        if (!utcIso)
-            return {};
-        try {
-            const date = new Date(utcIso);
-            if (isNaN(date.getTime()))
-                return {};
-            const localDate = this.formatLocalDate(date, timezoneId);
-            return {
-                localDate,
-                timezoneId,
-                mode: 'POINT'
-            };
-        }
-        catch {
-            return {};
-        }
-    }
-    normalizeUtc(raw) {
-        if (typeof raw === 'string')
-            return raw;
-        if (raw instanceof Date)
-            return raw.toISOString();
-        return null;
-    }
-    formatLocalDate(date, timezoneId) {
-        return this.acs.DEFAULT_IANA_TIMEZONE_ID === 'Asia/Ho_Chi_Minh'
-            ? new Intl.DateTimeFormat('vi-VN', {
-                timeZone: timezoneId,
-                day: '2-digit',
-                month: '2-digit',
-                year: 'numeric'
-            }).format(date)
-            : new Intl.DateTimeFormat('en-CA', {
-                timeZone: timezoneId
-            }).format(date);
-    }
-    /**
-     * Xây dựng Resolved Context cho Intent Narration
-     *
-     * Lớp này làm nhiệm vụ làm giàu (enrich) dữ liệu intent thô
-     * bằng các giá trị dễ đọc, phục vụ cho việc diễn giải (narration),
-     * nhưng TUYỆT ĐỐI KHÔNG thay đổi hay ghi đè lên facts gốc.
-     *
-     * Nguyên tắc thiết kế:
-     * - facts    : sự thật máy móc, bất biến (ID, mã, UTC, enum…)
-     * - resolved : diễn giải bổ sung, tùy chọn, thân thiện với con người
-     * - grammar  : chỉ ghép câu, không tra cứu, không chứa logic nghiệp vụ
-     *
-     * Trách nhiệm của hàm này:
-     * - Diễn giải các tham chiếu chéo (ví dụ: TREE_ID → TREE_NAME)
-     * - Chuẩn hóa vai trò thành nhãn dễ đọc (ví dụ: MASTER → "vai trò chính")
-     * - Lưu giữ snapshot tên hiển thị tại thời điểm tạo intent
-     *   (LEFT_/RIGHT_ ORIGINAL_NAME) phục vụ audit và narration
-     *
-     * Những gì hàm này KHÔNG làm (có chủ ý):
-     * - Không gọi API / DB tại runtime
-     * - Không thay đổi dữ liệu facts đầu vào
-     * - Không xử lý logic ngữ pháp hay ghép câu
-     *
-     * Đây là lớp "diễn giải ngữ nghĩa" nằm giữa dữ liệu intent thuần
-     * và lớp grammar chịu trách nhiệm kể câu chuyện cho con người.
-     */
-    buildResolvedContext(facts) {
-        const resolved = {};
-        // TREE
-        if (typeof facts['TREE_ID'] === 'string') {
-            resolved['TREE_NAME'] = this.resolveTreeName(facts['TREE_ID']);
-        }
-        // ROLE (optional)
-        if (typeof facts['ROLE'] === 'string' &&
-            facts['ROLE'] !== 'NONE') {
-            resolved['ROLE'] = `với vai trò ${facts['ROLE']}`;
-        }
-        // A_ORIGINAL_NAME (optional)
-        if (typeof facts['A_ORIGINAL_NAME'] === 'string') {
-            resolved['A_ORIGINAL_NAME'] = facts['A_ORIGINAL_NAME'];
-        }
-        // B_ORIGINAL_NAME (optional)
-        if (typeof facts['B_ORIGINAL_NAME'] === 'string') {
-            resolved['B_ORIGINAL_NAME'] = facts['B_ORIGINAL_NAME'];
-        }
-        return resolved;
-    }
-    resolveTreeName(treeId) {
-        // TODO: thay bằng snapshot / token sau
-        return 'HR';
-    }
-    rebuildProjectionFromOmega(omega) {
-        const intents = omega.inputChain.map(intent => {
-            const descriptor = INTENT_DESCRIPTOR_REGISTRY
-                .find(d => d.actionCode === intent.actionCode);
-            const grammar = INTENT_GRAMMAR_REGISTRY
-                .find(g => g.intentCode === intent.actionCode);
-            const actionLabel = descriptor?.label ?? intent.actionCode;
-            const narrationContext = this.buildNarrationContext(intent);
-            const summary = grammar
-                ? narrateIntent(grammar, narrationContext)
-                : undefined;
-            return {
-                seq: intent.seq,
-                actionLabel,
-                actionCode: intent.actionCode,
-                inputSnapshot: this.ctx.$rehydrateSnapshot(),
-                summary
-            };
-        });
-        return {
-            intentCount: intents.length,
-            intents,
-            outputs: []
-        };
-    }
     onAddIntent() {
         // Entry point for intent composition
         // This method MUST NOT mutate Omega or projection directly
         // Actual intent creation will happen in a dedicated composer (modal / panel)
         this.$showIntentComposer.set(true);
-        //this.$activeSeq.set(this.$omega().inputChain.length + 1);
-        // create mode → không active seq cũ nào cả
-        this.$activeSeq.set(null);
+        this.ctx.$viewSeq.set(null);
     }
     onCloseIntentComposer() {
         this.$showIntentComposer.set(false);
-        this.$activeSeq.set(null);
     }
     onViewIntent(e) {
     }
     onRemoveIntent(seq) {
-        this.$omega.update(omega => {
+        this.ctx.$omega.update(omega => {
             // 1️⃣ Lọc bỏ intent cần gỡ
             const remaining = omega.inputChain
                 .filter(i => i.seq !== seq);
@@ -30459,58 +30553,39 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
         this.$selectedIntentDescriptor.set(descriptor);
     }
     onSelectEditedIntent(seq) {
-        const intent = this.$projection().intents.find(x => x.seq === seq);
+        const intent = this.ctx.$projection().intents.find(x => x.seq === seq);
         if (!intent)
             return;
         const descriptor = getIntentDescriptor(intent.actionCode);
         if (!descriptor)
             return;
+        // 🎯 Editor state
+        this.ctx.$viewSeq.set(seq);
         this.$selectedIntentDescriptor.set(descriptor);
-        this.ctx.$rehydrateSnapshot.set(intent.inputSnapshot);
-        this.$activeSeq.set(seq);
         this.$showIntentComposer.set(true);
     }
     onCancelIntentCompose() {
         this.$selectedIntentDescriptor.set(null);
     }
-    /*
-    onIntentDrafted(draft: IIntentDraft): void {
-      this.$omega.update(omega => {
-        const nextSeq = this.ctx.$nextSeq();
-  
-        const outputs = this.produceOutputs(nextSeq, draft);
-  
-        return {
-          ...omega,
-          inputChain: [
-            ...omega.inputChain,
-            {
-              seq: nextSeq,
-              actionCode: draft.actionCode,
-              input: draft.inputSnapshot,
-              outputs
-            }
-          ]
-        };
-      });
-  
-      this.$showIntentComposer.set(false);
-    }
-    */
+    /**
+     * Emit intent đã được confirm từ editor.
+     *
+     * @param draft Thông tin intent người dùng vừa xác nhận
+     */
     onIntentDrafted(draft) {
-        this.$omega.update((omega) => {
-            const activeSeq = this.ctx.$activeSeq();
+        this.ctx.$omega.update((omega) => {
             const chain = omega.inputChain;
-            // CREATE
-            if (!activeSeq || activeSeq === chain.length + 1) {
-                const nextSeq = chain.length + 1;
+            const seq = this.ctx.$viewSeq() ?? this.ctx.$createSeq();
+            const exists = chain.some(i => i.seq === seq);
+            // CREATE (append)
+            if (!exists) {
                 const nextChain = [
                     ...chain,
                     {
-                        seq: nextSeq,
+                        seq,
                         actionCode: draft.actionCode,
                         inputSnapshot: draft.inputSnapshot,
-                        outputs: this.produceOutputs(nextSeq, draft)
+                        outputs: this.ctx.produceOutputs(seq, draft)
                     }
                 ];
                 return {
@@ -30518,69 +30593,21 @@ class CoreDomDecisionEditorComponent extends CoreFormControlBaseComponent {
                     inputChain: nextChain
                 };
             }
-            // EDIT LAST
-            if (activeSeq === chain.length) {
-                const nextChain = chain.map(intent => intent.seq === activeSeq
-                    ? {
-                        ...intent,
-                        inputSnapshot: draft.inputSnapshot,
-                        outputs: this.produceOutputs(activeSeq, draft)
-                    }
-                    : intent);
-                return {
-                    ...omega,
-                    inputChain: nextChain
-                };
-            }
-            return omega;
+            // EDIT (update existing)
+            const nextChain = chain.map(intent => intent.seq === seq
+                ? {
+                    ...intent,
+                    inputSnapshot: draft.inputSnapshot,
+                    outputs: this.ctx.produceOutputs(seq, draft)
+                }
+                : intent);
+            return {
+                ...omega,
+                inputChain: nextChain
+            };
         });
         this.$showIntentComposer.set(false);
-        this.ctx.$activeSeq.set(null);
-    }
-    produceOutputs(seq, draft) {
-        const input = draft.inputSnapshot;
-        switch (draft.actionCode) {
-            case EnumActionCode.CREATE_O: {
-                const id = input['ID'];
-                if (typeof id !== 'string')
-                    return undefined;
-                const originalName = input['ORIGINAL_NAME'];
-                const code = input['CODE'];
-                return [{
-                        token: `T${seq}`,
-                        entityType: 'O',
-                        uuid: id,
-                        producedBySeq: seq,
-                        humanSnapshot: {
-                            ORIGINAL_NAME: typeof originalName === 'string' ? originalName : undefined,
-                            CODE: typeof code === 'string' ? code : undefined
-                        }
-                    }];
-            }
-            case EnumActionCode.CREATE_TREE: {
-                const treeName = input['TREE_NAME'];
-                const id = input['ID'];
-                if (typeof treeName !== 'string')
-                    return undefined;
-                const uuid = typeof id === 'string'
-                    ? id
-                    : crypto.randomUUID();
-                return [{
-                        token: `T${seq}`,
-                        entityType: 'O',
-                        uuid,
-                        producedBySeq: seq,
-                        humanSnapshot: {
-                            TREE_NAME: treeName
-                        }
-                    }];
-            }
-            case EnumActionCode.LINK_O_O:
-                // quan hệ, không sinh entity
-                return undefined;
-            default:
-                return undefined;
-        }
+        this.ctx.$viewSeq.set(null); // reset editor cursor
     }
     ngOnDestroy() {
         this.subscriptions.forEach(x => x?.unsubscribe());
@@ -30598,7 +30625,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\" (click)=\"onSelectEditedIntent(intent.seq)\">\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)=\"onMenuSelectIntent(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() || true) {\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 (ctx.$projection().intents.length > 0) {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of ctx.$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\" (click)=\"onSelectEditedIntent(intent.seq)\">\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 (ctx.$projection().outputs.length > 1) {\r\n    <ul class=\"output-list\">\r\n      @for (output of ctx.$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)=\"onMenuSelectIntent(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        <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      </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;color:inherit;background-color:#fff;transition:background-color .25s ease-out,color .25s ease-out}.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,
@@ -30619,7 +30646,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\" (click)=\"onSelectEditedIntent(intent.seq)\">\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)=\"onMenuSelectIntent(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() || true) {\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 (ctx.$projection().intents.length > 0) {\r\n    <ol class=\"intent-list\">\r\n      @for (intent of ctx.$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\" (click)=\"onSelectEditedIntent(intent.seq)\">\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 (ctx.$projection().outputs.length > 1) {\r\n    <ul class=\"output-list\">\r\n      @for (output of ctx.$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)=\"onMenuSelectIntent(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        <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      </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;color:inherit;background-color:#fff;transition:background-color .25s ease-out,color .25s ease-out}.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 {
@@ -33559,7 +33586,7 @@ class CoreParamControlComponent extends BaseComponent {
         this.ngModelSubscription?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreParamControlComponent, deps: [{ token: MultiLanguageService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreParamControlComponent, isStandalone: true, selector: "core-param-control", inputs: { control: "control", enableTimeZoneConverterForDateTimePeriodParameters: "enableTimeZoneConverterForDateTimePeriodParameters" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-param-control-container\">\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n        [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n        [$hideTerminatedEmployees]=\"control.$hideTerminatedEmployees()\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"\r\n        [$rangePoint]=\"control.$rangePoint!\"\r\n        ></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { 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: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled", "$rangePoint"] }, { kind: "component", type: CoreOrgParamComponent, selector: "core-org-param", inputs: ["accessorMode"] }, { kind: "component", type: CoreOrgParamDropdownComponent, selector: "core-org-param-dropdown", inputs: ["accessorMode", "dropdownHeight"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "component", type: CoreYearSelectorComponent, selector: "core-year-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "$hideTerminatedEmployees", "click$", "getByIdObject$", "getByIdApi", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "placeholder", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore", "disabledDoubleClick", "selfEnrichmentApiDriven", "selfEnrichmentApi", "selfEnrichmentHttpVerb", "selfEnrichmentHttpPayload", "selfEnrichmentShownFrom"], outputs: ["onDoubleClick", "selectedDataChange", "fullValueRowChange"] }, { kind: "component", type: CoreFileFormatPickerComponent, selector: "core-file-format-picker" }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreParamControlComponent, isStandalone: true, selector: "core-param-control", inputs: { control: "control", enableTimeZoneConverterForDateTimePeriodParameters: "enableTimeZoneConverterForDateTimePeriodParameters" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-param-control-container\">\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n        [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n        [$hideTerminatedEmployees]=\"control.$hideTerminatedEmployees ? control.$hideTerminatedEmployees() : false\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"\r\n        [$rangePoint]=\"control.$rangePoint!\"\r\n        ></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { 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: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled", "$rangePoint"] }, { kind: "component", type: CoreOrgParamComponent, selector: "core-org-param", inputs: ["accessorMode"] }, { kind: "component", type: CoreOrgParamDropdownComponent, selector: "core-org-param-dropdown", inputs: ["accessorMode", "dropdownHeight"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "component", type: CoreYearSelectorComponent, selector: "core-year-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "$hideTerminatedEmployees", "click$", "getByIdObject$", "getByIdApi", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "placeholder", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore", "disabledDoubleClick", "selfEnrichmentApiDriven", "selfEnrichmentApi", "selfEnrichmentHttpVerb", "selfEnrichmentHttpPayload", "selfEnrichmentShownFrom"], outputs: ["onDoubleClick", "selectedDataChange", "fullValueRowChange"] }, { kind: "component", type: CoreFileFormatPickerComponent, selector: "core-file-format-picker" }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreParamControlComponent, decorators: [{
             type: Component,
@@ -33578,7 +33605,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CoreFormControlSeekerComponent,
                         CoreFileFormatPickerComponent,
                         CoreCurrencyInputComponent
-                    ], template: "<div class=\"core-param-control-container\">\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n        [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n        [$hideTerminatedEmployees]=\"control.$hideTerminatedEmployees()\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"\r\n        [$rangePoint]=\"control.$rangePoint!\"\r\n        ></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"] }]
+                    ], template: "<div class=\"core-param-control-container\">\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n        [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n        [$hideTerminatedEmployees]=\"control.$hideTerminatedEmployees ? control.$hideTerminatedEmployees() : false\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"\r\n        [$rangePoint]=\"control.$rangePoint!\"\r\n        ></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: AlertService }], propDecorators: { control: [{
                 type: Input
             }], enableTimeZoneConverterForDateTimePeriodParameters: [{
@@ -35701,7 +35728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-DuFTr8Ym.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-COWJ2Ral.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -37874,7 +37901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-Ct043oiC.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-CUG_FqKD.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -38540,7 +38567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreSysActionRoutes = [
     {
         path: "",
-        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-BHMOJ9Wv.mjs').then(m => m.CoreSysActionComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-BcbxxbiH.mjs').then(m => m.CoreSysActionComponent),
         children: [
             {
                 path: ":id",
@@ -39933,11 +39960,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const sysSmtpClientRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-jEb9g23R.mjs').then(m => m.SysSmtpClientComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-INHDOFv_.mjs').then(m => m.SysSmtpClientComponent),
         children: [
             {
                 path: ':id',
-                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-CYEhx-zn.mjs').then(m => m.SysSmtpClientEditComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-ilgHs5Ow.mjs').then(m => m.SysSmtpClientEditComponent),
                 outlet: 'corePageListAux'
             }
         ]
@@ -41123,11 +41150,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-r_mRH85W.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-d-CuW__f.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-JepLT3Kj.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-CmlAEjel.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -41156,7 +41183,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-gFVfWdCK.mjs').then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-COU0j6A1.mjs').then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -42067,7 +42094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BcyA0mRW.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BtY_SG87.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -45170,33 +45197,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-BVr6v49F.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-DvuaKC7t.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-DTuh5zdi.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-CCMceLib.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-C9jL42sk.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-B_vmJCH1.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-C1uTy3Fc.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-10iNOdMU.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-B7gcJMSi.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-Db5vGzS-.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-B7gcJMSi.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-Db5vGzS-.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -45206,21 +45233,21 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BlSny2JD.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-CQjA9Bm5.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-BwE5a99D.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-Bv5QnQbm.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-BKDScZSG.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-BtFXU-R-.mjs').then(m => m.WfInstanceStatusComponent)
     },
     {
         path: 'lab',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-lqKBXhBp.mjs').then(m => m.WfLabComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-qS2-1UVx.mjs').then(m => m.WfLabComponent)
     }
 ];
 
@@ -47829,4 +47856,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, hrmSchemaRoutes 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, EnumSsrsExpressFileExtension as bA, EnumSsrsExpressExportFormat as bB, SsrsExpressService as bC, StatisticService as bD, StatisticAuthService as bE, SysMenuService as bF, TimeSheetService as bG, TopicPermissionService as bH, TopicTreeService as bI, UploadedFileService as bJ, UrlService as bK, UserActivityService as bL, EvaluateDialogService as bM, EnumWorkScheduleViewMode as bN, WorkShiftDndService as bO, AtShiftPatternComponent as bP, AtShiftPatternApplyComponent as bQ, AtShiftPatternEditComponent as bR, AtWorksignComponent as bS, AtWorksignService as bT, FunctionComponent as bU, IndividualScheduleApplyComponent as bV, FunctionEditComponent as bW, FunctionIgnoreComponent as bX, FunctionIgnoreEditComponent as bY, GroupFunctionComponent as bZ, GroupFunctionEditComponent 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, DomainSocketOrchestrator as bz, CoreTerminalSpinnerComponent as c, ECoreTableToolClass as c$, InMemoryComponent as c0, LanguageComponent as c1, LanguageEditComponent as c2, MenuComponent as c3, MenuEditComponent as c4, MutationLogComponent as c5, MutationViewComponent as c6, PaSalaryPolicyComponent as c7, PaSalaryPolicyEditComponent as c8, PortalRouteComponent as c9, BaseDropdownComponent as cA, ButtonGroupModule as cB, ButtonGroupService as cC, ButtonGroupComponent as cD, EnumButtonCaptionCode as cE, CoreButtonComponent as cF, CoreAccordionComponent as cG, CoreAccordionService as cH, CoreActiveUserCountComponent as cI, NewlyCreatedTokenService as cJ, CoreApiProgressComponent as cK, CoreButtonGroupComponent as cL, EnumCoreButtonCode as cM, ActionSvgEditComponent as cN, CoreButtonGroupService as cO, CoreButtonVnsComponent as cP, CoreCommonParamKitComponent as cQ, CoreCompareDbPipelineComponent as cR, CoreCompositionState as cS, CoreCompositionService as cT, CoreCompositionComponent as cU, CoreConfirmDialogComponent as cV, ConfirmDialogStateComponent as cW, CoreLazyMountComponent as cX, CoreRootMenuItemPickerComponent as cY, CoreRootMenuItemPickerService as cZ, ECoreTableToolCode as c_, ScheduleOverviewComponent as ca, simpleChatRoutes as cb, PortalRouteEditComponent as cc, SysOtherListComponent as cd, SysOtherListEditComponent as ce, SysOtherListTypeComponent as cf, SysOtherListTypeEditComponent as cg, coreSysActionRoutes as ch, SysActionComponent as ci, SysActionEditComponent as cj, SysFunctionActionComponent as ck, SysFunctionActionEditComponent as cl, SysFunctionActionMapperComponent as cm, SysFunctionUrlMapperComponent as cn, FunctionEditService as co, SysModuleComponent as cp, SysModuleEditComponent as cq, SysRouteAccessComponent as cr, sysSmtpClientRoutes as cs, liner_to_nested_array_script as ct, blob_to_base64_script as cu, AlertComponent as cv, EnumAlertType as cw, IAlertOptions as cx, AnimatedTextService as cy, AnimatedTextComponent as cz, CorePageHeaderComponent as d, CorePageListState as d$, CoreTableComponent as d0, CoreContractSeekerComponent as d1, CoreControlNoGridBufferComponent as d2, CoreControlNoSeekerComponent as d3, coreDocGenRoutes as d4, CoreDocgenToolbarComponent as d5, CoreEmployeeScheduleComponent as d6, CoreEmployeeSeekerComponent as d7, EnumCoreFileUploaderType as d8, CoreFileUploaderComponent as d9, CoreListComponent as dA, CoreListLazyComponent as dB, CoreLoadingSurfaceComponent as dC, CoreMccComponent as dD, CoreMonthPickerComponent as dE, CoreNavigationTrackerComponent as dF, coreNavigationTrackerRoutes as dG, CoreOauthCallbackComponent as dH, CoreOauthCallbackOffice365Component as dI, EnumCoreOrgTreeaAccessorMode as dJ, EnumCoreOrgTreeaSearchMode as dK, CoreOrgTreeComponent as dL, CoreOrgTreeState as dM, CoreOrgTreeService as dN, CoreOrgUnitSeekerComponent as dO, CoreOrgchartflexComponent as dP, CARD_COLORS as dQ, CoreOrgchartflexWrapperComponent as dR, coreOrgchartflexRoutes as dS, CoreOrgParamComponent as dT, EnumCorePageEditBootstrapClass as dU, EnumCorePageEditFieldType as dV, CorePageEditService as dW, CorePageEditLiteComponent as dX, CorePageEditTabComponent as dY, EnumExType as dZ, CorePageListService as d_, CoreFilterHubComponent as da, CoreFilterHubService as db, ControlBase as dc, Textbox as dd, CoreControlService as de, CustomValidators as df, URL_PATTERN as dg, coreFormDesignRoutes as dh, CoreFormTabComponent as di, CoreFormLiteComponent as dj, CoreFormControlBaseComponent as dk, EnumCoreSeekerColumnJob as dl, EnumCoreSeekerColumnStaffProfile as dm, EnumCoreSeekerColumnContract as dn, EnumCoreSeekerColumnWorking as dp, EnumCoreSeekerColumnWage as dq, EnumCoreSeekerColumnPosition as dr, EnumCoreSeekerColumnPositionConcurrent as ds, EnumCoreSeekerColumnAutoForm as dt, SeekerService as du, CoreGridBufferComponent as dv, CoreHeaderParamsComponent as dw, CoreHelperComponent as dx, CoreLineComponent as dy, CoreLiquidWysiwygComponent as dz, TranslatePipe as e, OtpInputService as e$, CorePageListContentComponent as e0, EnumCoreViewItemType as e1, CorePageViewComponent as e2, CorePaginationComponent as e3, CorePaginationFullComponent as e4, CorePaginationFullService as e5, CoreFileFormatPickerComponent as e6, CorePermissionService as e7, EnumPermissionObjectType as e8, CorePermissionComponent as e9, CoreTreeComponent as eA, EnumCoreTreeGridEditMode as eB, CoreTreeGridComponent as eC, CoreTreeReferenceComponent as eD, CoreWageSeekerComponent as eE, CoreWorkingSeekerComponent as eF, coreWorkflowRoutes as eG, CoreWorkflowBuilderComponent as eH, CoreWorkflowGroupEditComponent as eI, CoreYearPickerComponent as eJ, CoreYearSelectorComponent as eK, EnumCoreD3ScaleType as eL, CoreD3Service as eM, CorePieComponent as eN, CoreScatterPlotComponent as eO, EnumHrComparisonCode as eP, EnumICoreStatisticWidgetDataType as eQ, CoreStatisticWidgetComponent as eR, DecisionComponent as eS, EvaluateDialogComponent as eT, HuconcurrentlyComponent as eU, JobComponent as eV, LanguageChangerComponent as eW, DEFAULT_SVG as eX, ItemComponent as eY, NavigatorComponent as eZ, OtpInputComponent as e_, CorePermissionActionsComponent as ea, CorePositionConcurrentSeekerComponent as eb, CorePositionSeekerComponent as ec, CoreQrcodeComponent as ed, EnumOparator as ee, CoreQueryBuilderComponent as ef, CoreReducerIconComponent as eg, CoreRotatingTextComponent as eh, CoreRouteAccumulatorComponent as ei, CoreRoutingHistoryComponent as ej, CoreSalaryPolicyPickerComponent as ek, CoreScrollComponent as el, CoreScrollLazyComponent as em, CoreSeenByComponent as en, CoreShiftCardComponent as eo, CoreShiftCellComponent as ep, CoreShiftCollectionComponent as eq, CoreShiftStickerComponent as er, STICKER_COLOR_SCHEMA as es, CoreSubFormGroupComponent as et, CoreTabListComponent as eu, CoreTagsComponent as ev, CoreTopicPickerComponent as ew, EnumCoreArticleCategoryTreeaAccessorMode as ex, CoreTopicTreeComponent as ey, CoreTimezoneComponent as ez, CorePageListComponent as f, PageTitleComponent as f0, PaginationComponent as f1, FilterPipe as f2, normalizeHumanName as f3, PositionComponent as f4, PositionEditService as f5, FileService as f6, LongTaskService as f7, EnumRecursiveFields as f8, RecursiveService as f9, StringService as fa, UnicodeService as fb, StaffProfileComponent as fc, ThreedotsComponent as fd, TooltipComponent as fe, UserActivityComponent as ff, WageComponent as fg, tooltip_directive as fh, coreStickerCollection_component as fi, dragReorder_directive as fj, 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-B6JZNI6c.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-ahDUrQN8.mjs.map