@meshmakers/octo-ui 3.3.970 → 3.3.1000

package/fesm2022/meshmakers-octo-ui.mjs

@@ -1,32 +1,32 @@
 import * as i0 from '@angular/core';
-import { inject, Component, Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, ElementRef, forwardRef, ViewChild, signal, computed, Directive, input, output, effect, InjectionToken, HostListener, makeEnvironmentProviders } from '@angular/core';
+import { inject, Component, Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, ElementRef, forwardRef, ViewChild, signal, computed, input, model, output, effect, untracked, Directive, InjectionToken, HostListener, makeEnvironmentProviders } from '@angular/core';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { AttributeSelectorService, AttributeValueTypeDto as AttributeValueTypeDto$1, CkTypeSelectorService, CkTypeAttributeService, GetEntitiesByCkTypeDtoGQL, RuntimeEntitySelectDataSource, RuntimeEntityDialogDataSource, SearchFilterTypesDto, SortOrdersDto, FieldFilterOperatorsDto, GetCkTypesDtoGQL, GetCkModelByIdDtoGQL, LevelMetaData, RtAssociationMetaData, CkTypeMetaData, GraphDirectionDto, AssociationModOptionsDto, GraphQL, DeleteStrategiesDto, provideOctoServices } from '@meshmakers/octo-services';
+import { AttributeSelectorService, AttributeValueTypeDto as AttributeValueTypeDto$1, CkTypeSelectorService, CkTypeAttributeService, GetEntitiesByCkTypeDtoGQL, RuntimeEntitySelectDataSource, RuntimeEntityDialogDataSource, SearchFilterTypesDto, SortOrdersDto, FieldFilterOperatorsDto, GetCkTypesDtoGQL, GetCkModelByIdDtoGQL, LevelMetaData, RtAssociationMetaData, CkTypeMetaData, GraphDirectionDto, AssociationModOptionsDto, GraphQL, DeleteStrategiesDto, CommunicationService, provideOctoServices } from '@meshmakers/octo-services';
 import { Roles, provideMmSharedAuth } from '@meshmakers/shared-auth';
-import { WindowStateService, EntitySelectInputComponent, DataSourceTyped, HierarchyDataSourceBase, NotificationDisplayService, TreeComponent, ListViewComponent, FetchResultTyped, DataSourceBase, InputService, BaseTreeDetailComponent, provideMmSharedUi } from '@meshmakers/shared-ui';
+import { WindowStateService, EntitySelectInputComponent, DataSourceTyped, HierarchyDataSourceBase, NotificationDisplayService, TreeComponent, ListViewComponent, FetchResultTyped, DataSourceBase, InputService, BaseTreeDetailComponent, ConfirmationService, provideMmSharedUi } from '@meshmakers/shared-ui';
 import * as i1$2 from '@angular/common';
 import { CommonModule, Location } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule, FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormArray, Validators, FormGroup, FormBuilder } from '@angular/forms';
 import * as i1$1 from '@progress/kendo-angular-buttons';
 import { ButtonsModule, ButtonModule, KENDO_BUTTONS, ButtonComponent } from '@progress/kendo-angular-buttons';
-import { WindowRef, WindowModule, WindowService, WindowCloseResult, DialogRef, DialogService, DialogCloseResult } from '@progress/kendo-angular-dialog';
-import * as i4 from '@progress/kendo-angular-dropdowns';
-import { DropDownListModule, DropDownsModule, AutoCompleteModule, KENDO_DROPDOWNS } from '@progress/kendo-angular-dropdowns';
+import { WindowRef, WindowModule, WindowService, WindowCloseResult } from '@progress/kendo-angular-dialog';
+import * as i3$1 from '@progress/kendo-angular-dropdowns';
+import { DropDownListModule, DropDownsModule, AutoCompleteModule, ComboBoxModule, KENDO_DROPDOWNS } from '@progress/kendo-angular-dropdowns';
 import * as i3 from '@progress/kendo-angular-grid';
 import { GridModule } from '@progress/kendo-angular-grid';
 import * as i5$1 from '@progress/kendo-angular-icons';
 import { IconsModule, SVGIconModule, SVGIconComponent } from '@progress/kendo-angular-icons';
 import * as i5 from '@progress/kendo-angular-inputs';
 import { InputsModule, TextBoxModule, KENDO_INPUTS, SwitchModule } from '@progress/kendo-angular-inputs';
-import { searchIcon, sortAscSmallIcon, sortDescSmallIcon, filterClearIcon, fileIcon, folderIcon, calendarIcon, checkboxCheckedIcon, listUnorderedIcon, chevronRightIcon, chevronDownIcon, downloadIcon, windowIcon, arrowRightIcon, arrowLeftIcon, chevronDoubleRightIcon, chevronDoubleLeftIcon, arrowUpIcon, arrowDownIcon, pencilIcon, trashIcon, copyIcon, folderMoreIcon, folderOpenIcon, gearIcon, plusIcon, minusIcon, dollarIcon, hyperlinkOpenIcon, infoCircleIcon, eyeIcon, arrowRotateCcwIcon, locationsIcon, arrowRotateCwIcon, xIcon, checkCircleIcon, exclamationCircleIcon, xCircleIcon } from '@progress/kendo-svg-icons';
-import { Subject, firstValueFrom, Subscription, of, forkJoin, takeUntil as takeUntil$1, catchError as catchError$1, map as map$1, defer, from, finalize, switchMap as switchMap$1, startWith } from 'rxjs';
+import { searchIcon, sortAscSmallIcon, sortDescSmallIcon, filterClearIcon, fileIcon, folderIcon, calendarIcon, checkboxCheckedIcon, listUnorderedIcon, chevronRightIcon, chevronDownIcon, downloadIcon, windowIcon, arrowRightIcon, arrowLeftIcon, chevronDoubleRightIcon, chevronDoubleLeftIcon, arrowUpIcon, arrowDownIcon, pencilIcon, trashIcon, copyIcon, folderMoreIcon, folderOpenIcon, gearIcon, plusIcon, minusIcon, dollarIcon, hyperlinkOpenIcon, infoCircleIcon, eyeIcon, arrowRotateCcwIcon, locationsIcon, arrowRotateCwIcon, xIcon, checkCircleIcon, exclamationCircleIcon, xCircleIcon, warningCircleIcon, gridIcon, linkIcon } from '@progress/kendo-svg-icons';
+import { Subject, firstValueFrom, Subscription, of, forkJoin, map as map$1, takeUntil as takeUntil$1, catchError as catchError$1, defer, from, finalize, switchMap as switchMap$1, startWith } from 'rxjs';
 import { debounceTime, distinctUntilChanged, map, switchMap, tap, catchError, takeUntil } from 'rxjs/operators';
 import { LoaderModule, BadgeModule } from '@progress/kendo-angular-indicators';
-import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { TreeItemDataTyped } from '@meshmakers/shared-services';
 import * as i1$3 from 'apollo-angular';
 import { gql } from 'apollo-angular';
+import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { TreeItemDataTyped } from '@meshmakers/shared-services';
 import * as i7 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule, KENDO_DATEINPUTS } from '@progress/kendo-angular-dateinputs';
 import { IntlModule } from '@progress/kendo-angular-intl';
@@ -34,7 +34,7 @@ import { PopupModule, PopupComponent } from '@progress/kendo-angular-popup';
 import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
 import { NotificationService } from '@progress/kendo-angular-notification';
 import * as i1$4 from '@progress/kendo-angular-layout';
-import { TabStripModule, CardModule, KENDO_LAYOUT } from '@progress/kendo-angular-layout';
+import { TabStripModule, CardModule, KENDO_LAYOUT, LayoutModule } from '@progress/kendo-angular-layout';
 import { rxResource, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import * as i1$5 from '@progress/kendo-angular-label';
 import { KENDO_LABEL } from '@progress/kendo-angular-label';
@@ -419,7 +419,7 @@ class AttributeSortSelectorDialogComponent {
         <button kendoButton themeColor="primary" (click)="onOk()">Apply</button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.attribute-sort-selector-container{display:flex;flex-direction:column;height:100%;padding:16px 20px;box-sizing:border-box;gap:16px}.filter-container{display:flex;gap:12px;flex-shrink:0}.search-input{flex:1}.type-filter-dropdown{width:160px;flex-shrink:0}.lists-container{display:flex;gap:16px;flex:1;min-height:0}.list-section{flex:1;display:flex;flex-direction:column;min-height:0}.list-section h4,.sort-options-section h4{margin:0 0 10px;font-size:.85rem;font-weight:600;flex-shrink:0}.attribute-grid{border-radius:4px;flex:1;min-height:200px}.attribute-grid ::ng-deep .k-grid-table tbody tr{cursor:pointer}.sort-options-section{width:120px;flex-shrink:0;display:flex;flex-direction:column;padding-top:32px}.sort-buttons{display:flex;flex-direction:row;gap:4px}.sort-button{flex:1;min-width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.add-button{width:100%;margin-top:16px}.sort-display{display:flex;align-items:center;gap:6px}.sort-indicator{font-size:14px;font-weight:700;color:var(--kendo-color-primary, #ff6358)}.action-bar{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;padding-top:8px;border-top:1px solid var(--kendo-color-border, #dee2e6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i5.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: WindowModule }] });
+  `, isInline: true, styles: [":host{display:block;height:100%}.attribute-sort-selector-container{display:flex;flex-direction:column;height:100%;padding:16px 20px;box-sizing:border-box;gap:16px}.filter-container{display:flex;gap:12px;flex-shrink:0}.search-input{flex:1}.type-filter-dropdown{width:160px;flex-shrink:0}.lists-container{display:flex;gap:16px;flex:1;min-height:0}.list-section{flex:1;display:flex;flex-direction:column;min-height:0}.list-section h4,.sort-options-section h4{margin:0 0 10px;font-size:.85rem;font-weight:600;flex-shrink:0}.attribute-grid{border-radius:4px;flex:1;min-height:200px}.attribute-grid ::ng-deep .k-grid-table tbody tr{cursor:pointer}.sort-options-section{width:120px;flex-shrink:0;display:flex;flex-direction:column;padding-top:32px}.sort-buttons{display:flex;flex-direction:row;gap:4px}.sort-button{flex:1;min-width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.add-button{width:100%;margin-top:16px}.sort-display{display:flex;align-items:center;gap:6px}.sort-indicator{font-size:14px;font-weight:700;color:var(--kendo-color-primary, #ff6358)}.action-bar{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;padding-top:8px;border-top:1px solid var(--kendo-color-border, #dee2e6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i5.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: WindowModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AttributeSortSelectorDialogComponent, decorators: [{
             type: Component,
@@ -938,7 +938,7 @@ class CkTypeSelectorDialogComponent {
         <button kendoButton themeColor="primary" [disabled]="!selectedType || (selectedType.isAbstract && !allowAbstract)" (click)="onConfirm()">OK</button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%}.ck-type-selector-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px;box-sizing:border-box;gap:12px}.filter-container{margin-bottom:16px;flex-shrink:0}.filter-row{display:flex;gap:16px;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{font-size:12px;font-weight:500}.filter-item.flex-grow{flex:1}.filter-item.filter-actions{flex-shrink:0}.filter-input{min-width:180px}.grid-container{flex:1;min-height:0;display:flex;flex-direction:column}.grid-container kendo-grid,.grid-container .type-grid{flex:1;min-height:200px}.type-grid{border-radius:4px}.type-grid ::ng-deep .k-grid-table tbody tr{cursor:pointer}.abstract-type{font-style:italic;opacity:.7}.final-type{font-weight:600}.type-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:10px;margin-left:8px;text-transform:uppercase}.type-badge.abstract{background-color:var(--kendo-color-warning, #ffc107);color:var(--kendo-color-on-warning, #000);opacity:.8}.type-badge.final{background-color:var(--kendo-color-success, #28a745);color:var(--kendo-color-on-success, #fff);opacity:.8}.selection-info{margin-top:12px;padding:8px 12px;background:var(--kendo-color-success-subtle, #d4edda);border:1px solid var(--kendo-color-success, #28a745);border-radius:4px;font-size:14px;flex-shrink:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 20px 0;flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i5.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: LoaderModule }, { kind: "ngmodule", type: WindowModule }] });
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%}.ck-type-selector-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:20px;box-sizing:border-box;gap:12px}.filter-container{margin-bottom:16px;flex-shrink:0}.filter-row{display:flex;gap:16px;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{font-size:12px;font-weight:500}.filter-item.flex-grow{flex:1}.filter-item.filter-actions{flex-shrink:0}.filter-input{min-width:180px}.grid-container{flex:1;min-height:0;display:flex;flex-direction:column}.grid-container kendo-grid,.grid-container .type-grid{flex:1;min-height:200px}.type-grid{border-radius:4px}.type-grid ::ng-deep .k-grid-table tbody tr{cursor:pointer}.abstract-type{font-style:italic;opacity:.7}.final-type{font-weight:600}.type-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:10px;margin-left:8px;text-transform:uppercase}.type-badge.abstract{background-color:var(--kendo-color-warning, #ffc107);color:var(--kendo-color-on-warning, #000);opacity:.8}.type-badge.final{background-color:var(--kendo-color-success, #28a745);color:var(--kendo-color-on-success, #fff);opacity:.8}.selection-info{margin-top:12px;padding:8px 12px;background:var(--kendo-color-success-subtle, #d4edda);border:1px solid var(--kendo-color-success, #28a745);border-radius:4px;font-size:14px;flex-shrink:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 20px 0;flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i5.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "component", type: i3$1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: LoaderModule }, { kind: "ngmodule", type: WindowModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CkTypeSelectorDialogComponent, decorators: [{
             type: Component,
@@ -3393,7 +3393,7 @@ class CkTypeSelectorInputComponent {
         (click)="openDialog()">
       </button>
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.ck-type-select-wrapper{position:relative;display:flex;align-items:center;width:100%;gap:4px}.ck-type-select-wrapper.disabled{opacity:.6;pointer-events:none}.ck-type-autocomplete{flex:1;min-width:0}.dialog-button{flex-shrink:0;height:30px;width:30px;padding:0;display:flex;align-items:center;justify-content:center}.ck-type-item{padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-data-message{padding:8px 12px;color:var(--kendo-color-subtle);font-style:italic;text-align:center}.advanced-search-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;color:var(--kendo-color-primary);border-top:1px solid var(--kendo-color-border);background:var(--kendo-color-surface-alt);transition:background-color .2s}.advanced-search-footer:hover{background:var(--kendo-color-base-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i4.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }, { kind: "directive", type: i4.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i4.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "ngmodule", type: LoaderModule }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: IconsModule }, { kind: "component", type: i5$1.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "ngmodule", type: SVGIconModule }] });
+  `, isInline: true, styles: [":host{display:block;width:100%}.ck-type-select-wrapper{position:relative;display:flex;align-items:center;width:100%;gap:4px}.ck-type-select-wrapper.disabled{opacity:.6;pointer-events:none}.ck-type-autocomplete{flex:1;min-width:0}.dialog-button{flex-shrink:0;height:30px;width:30px;padding:0;display:flex;align-items:center;justify-content:center}.ck-type-item{padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-data-message{padding:8px 12px;color:var(--kendo-color-subtle);font-style:italic;text-align:center}.advanced-search-footer{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;color:var(--kendo-color-primary);border-top:1px solid var(--kendo-color-border);background:var(--kendo-color-surface-alt);transition:background-color .2s}.advanced-search-footer:hover{background:var(--kendo-color-base-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3$1.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }, { kind: "directive", type: i3$1.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$1.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "ngmodule", type: LoaderModule }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: IconsModule }, { kind: "component", type: i5$1.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "ngmodule", type: SVGIconModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CkTypeSelectorInputComponent, decorators: [{
             type: Component,
@@ -4059,7 +4059,7 @@ class AttributeSelectorDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.attribute-selector-container{display:flex;flex-direction:column;height:100%;padding:16px 20px;box-sizing:border-box;gap:16px}.filter-container{display:flex;gap:12px;flex-shrink:0}.search-input{flex:1}.type-filter-dropdown{width:160px;flex-shrink:0}.options-container{display:flex;align-items:center;gap:8px;font-size:.85rem;flex-shrink:0}.option-label{cursor:pointer}.depth-input{width:90px}.lists-container{display:flex;gap:16px;flex:1;min-height:0}.list-section{flex:1;display:flex;flex-direction:column;min-height:0}.list-section h4{margin:0 0 10px;font-size:.85rem;font-weight:600;flex-shrink:0}.attribute-grid{border-radius:4px;flex:1;min-height:200px}.attribute-grid ::ng-deep .k-grid-table tbody tr{cursor:pointer}.action-buttons{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 8px 0}.separator{height:1px;background-color:var(--kendo-color-border, #dee2e6);margin:8px 0}.order-buttons{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 8px 0}.order-number{color:var(--kendo-color-primary, #ff6358);font-weight:600;margin-right:8px;min-width:24px;display:inline-block}.single-select-container{flex:1;min-height:0;display:flex;flex-direction:column}.single-select-container .attribute-grid{flex:1}.action-bar{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;padding-top:8px;border-top:1px solid var(--kendo-color-border, #dee2e6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i5.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i5.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: WindowModule }] });
+  `, isInline: true, styles: [":host{display:block;height:100%}.attribute-selector-container{display:flex;flex-direction:column;height:100%;padding:16px 20px;box-sizing:border-box;gap:16px}.filter-container{display:flex;gap:12px;flex-shrink:0}.search-input{flex:1}.type-filter-dropdown{width:160px;flex-shrink:0}.options-container{display:flex;align-items:center;gap:8px;font-size:.85rem;flex-shrink:0}.option-label{cursor:pointer}.depth-input{width:90px}.lists-container{display:flex;gap:16px;flex:1;min-height:0}.list-section{flex:1;display:flex;flex-direction:column;min-height:0}.list-section h4{margin:0 0 10px;font-size:.85rem;font-weight:600;flex-shrink:0}.attribute-grid{border-radius:4px;flex:1;min-height:200px}.attribute-grid ::ng-deep .k-grid-table tbody tr{cursor:pointer}.action-buttons{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 8px 0}.separator{height:1px;background-color:var(--kendo-color-border, #dee2e6);margin:8px 0}.order-buttons{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 8px 0}.order-number{color:var(--kendo-color-primary, #ff6358);font-weight:600;margin-right:8px;min-width:24px;display:inline-block}.single-select-container{flex:1;min-height:0;display:flex;flex-direction:column}.single-select-container .attribute-grid{flex:1}.action-bar{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;padding-top:8px;border-top:1px solid var(--kendo-color-border, #dee2e6)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i5.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i5.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: WindowModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AttributeSelectorDialogComponent, decorators: [{
             type: Component,
@@ -4735,6 +4735,323 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+const GetRuntimeEntityByIdDocumentDto = gql `
+    query getRuntimeEntityById($rtId: OctoObjectId!, $ckTypeId: String!) {
+  runtime {
+    runtimeEntities(ckId: $ckTypeId, rtId: $rtId) {
+      items {
+        rtId
+        ckTypeId
+        rtWellKnownName
+        rtCreationDateTime
+        rtChangedDateTime
+        attributes(resolveEnumValuesToNames: true) {
+          items {
+            attributeName
+            value
+          }
+        }
+        associations {
+          definitions(direction: ANY, first: 0) {
+            totalCount
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+class GetRuntimeEntityByIdDtoGQL extends i1$3.Query {
+    document = GetRuntimeEntityByIdDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetRuntimeEntityByIdDtoGQL, deps: [{ token: i1$3.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetRuntimeEntityByIdDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetRuntimeEntityByIdDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.Apollo }] });
+
+/**
+ * Pure helpers for extracting runtime data point names from a CK entity. Kept
+ * Angular-free so unit tests can exercise the record-shape branches without
+ * spinning up a TestBed, and so the same logic can be called both from the
+ * service (which fetches the entity via GraphQL) and from any caller that
+ * already has the entity in hand (e.g. the runtime-browser detail pane).
+ *
+ * A "data point" here is one entry of an entity's `States` or `DataPoints`
+ * RecordArray attribute — for Loxone Controls these are the state names
+ * (`tempActual`, `co2`, `humidityActual`, …); for adapters that don't model
+ * sub-states the array is absent and the only available data point is the
+ * default `currentValue` constant the runtime adapter exposes for
+ * single-state polling.
+ */
+/**
+ * Default data-point name for entities without a States/DataPoints RecordArray.
+ * Matches the constant the runtime adapters (Loxone, MQTT, OPC-UA) use as the
+ * `sourceAttributePath` fallback when no specific state is configured.
+ */
+const DEFAULT_DATA_POINT = 'currentValue';
+/**
+ * Extracts the list of available data point names from an entity's attribute
+ * list. Always includes {@link DEFAULT_DATA_POINT} first; named state entries
+ * follow in alphabetical order.
+ *
+ * Tolerates the three record shapes the platform produces for a RecordArray:
+ *
+ * 1. GraphQL: each record is `{ ckRecordId, attributes: [{attributeName, value}, …] }`.
+ * 2. Pipeline / MongoDB: each record is `{ attributes: { Name: "…", ExternalId: "…" } }`.
+ * 3. Flat: each record is `{ Name: "…", ExternalId: "…" }` (older dumps / sample data).
+ *
+ * Returns `[DEFAULT_DATA_POINT]` for null/undefined input, attributes without a
+ * States/DataPoints entry, or malformed RecordArrays.
+ */
+function extractDataPointNames(attributes) {
+    if (!attributes)
+        return [DEFAULT_DATA_POINT];
+    const statesAttr = attributes.find(a => {
+        const name = a?.attributeName?.toLowerCase();
+        return name === 'states' || name === 'datapoints';
+    });
+    if (!statesAttr?.value)
+        return [DEFAULT_DATA_POINT];
+    const records = coerceToRecordArray(statesAttr.value);
+    if (!records)
+        return [DEFAULT_DATA_POINT];
+    const names = [];
+    for (const record of records) {
+        const name = extractRecordName(record);
+        if (name)
+            names.push(name);
+    }
+    if (names.length === 0)
+        return [DEFAULT_DATA_POINT];
+    return [DEFAULT_DATA_POINT, ...[...names].sort((a, b) => a.localeCompare(b))];
+}
+/**
+ * Accepts either an array (GraphQL or in-memory) or a JSON-stringified array
+ * (the wire format some pipelines emit). Returns the parsed array or null
+ * when the value can't be coerced.
+ */
+function coerceToRecordArray(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            const parsed = JSON.parse(value);
+            return Array.isArray(parsed) ? parsed : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    return null;
+}
+/** Walks the known record shapes and returns the first non-empty name found. */
+function extractRecordName(record) {
+    if (!record || typeof record !== 'object')
+        return null;
+    const r = record;
+    // 1. GraphQL shape: attributes = [{attributeName, value}, …]
+    const attrsAny = r['attributes'];
+    if (Array.isArray(attrsAny)) {
+        const nameEntry = attrsAny.find(a => a?.attributeName === 'name' || a?.attributeName === 'Name');
+        const value = nameEntry?.value;
+        if (typeof value === 'string' && value.length > 0)
+            return value;
+    }
+    // 2. Pipeline / MongoDB shape: attributes = { Name, ExternalId, … }
+    if (attrsAny && typeof attrsAny === 'object' && !Array.isArray(attrsAny)) {
+        const attrObj = attrsAny;
+        const value = attrObj['Name'] ?? attrObj['name'] ?? attrObj['stateName'];
+        if (typeof value === 'string' && value.length > 0)
+            return value;
+    }
+    // 3. Flat shape: { Name, ExternalId, … } at the record root
+    const flatName = r['Name'] ?? r['name'];
+    if (typeof flatName === 'string' && flatName.length > 0)
+        return flatName;
+    return null;
+}
+
+/**
+ * Resolves the list of runtime data points available on a source entity.
+ * Single source of truth shared by the runtime-browser detail pane (which
+ * already has the entity loaded) and the mapping-edit dialog (which only
+ * has rtId + ckTypeId and has to fetch). Picks the right path automatically:
+ *
+ * - {@link extractFromEntity} is sync — pass a pre-loaded entity.
+ * - {@link load} is async — fetches via `getRuntimeEntityById` then extracts.
+ *
+ * Both paths share the same pure helper so a Loxone Control's state list
+ * (`tempActual`, `co2`, …) is reported identically regardless of who's asking.
+ */
+class DataPointResolverService {
+    getRuntimeEntityByIdGQL = inject(GetRuntimeEntityByIdDtoGQL);
+    extractFromEntity(entity) {
+        return extractDataPointNames(entity?.attributes?.items);
+    }
+    async load(rtId, ckTypeId) {
+        if (!rtId || !ckTypeId)
+            return [DEFAULT_DATA_POINT];
+        try {
+            const entity = await firstValueFrom(this.getRuntimeEntityByIdGQL
+                .fetch({
+                variables: { rtId, ckTypeId },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map$1(r => r.data?.runtime?.runtimeEntities?.items?.[0] ?? null)));
+            return this.extractFromEntity(entity);
+        }
+        catch (error) {
+            console.error(`DataPointResolverService.load failed for ${ckTypeId}@${rtId}:`, error);
+            return [DEFAULT_DATA_POINT];
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataPointResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataPointResolverService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataPointResolverService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Source data-point picker for DataPointMapping `sourceAttributePath`.
+ *
+ * Renders a Kendo combobox of the data points exposed by a source entity —
+ * a Loxone Control's State names (`tempActual`, `co2`, …), an MQTT topic
+ * sub-key, an OPC-UA node attribute, etc. — with `currentValue` as the
+ * always-available default for single-state sources.
+ *
+ * Two ways to feed the picker:
+ * - `entity` — pass a pre-loaded RtEntityDto; the picker reads the
+ *   States/DataPoints RecordArray straight off it (no GraphQL roundtrip).
+ *   Used by the runtime-browser detail pane.
+ * - `entityRtId` + `entityCkTypeId` — the picker fetches the entity via
+ *   `getRuntimeEntityById` and extracts data points itself. Used by the
+ *   mapping-edit dialog where only the IDs are known.
+ *
+ * `allowCustom: true` keeps the picker useful when the user needs to escape
+ * the catalogue — e.g. typing a path the entity hasn't published yet, or a
+ * field a future state will expose.
+ */
+class DataPointPickerComponent {
+    resolver = inject(DataPointResolverService);
+    /** Pre-loaded source entity. When set, no GraphQL call is made. */
+    entity = input(null, ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+    /** Source entity rtId. Required (together with ckTypeId) when `entity` is not provided. */
+    entityRtId = input(null, ...(ngDevMode ? [{ debugName: "entityRtId" }] : /* istanbul ignore next */ []));
+    /** Source entity CK type id. */
+    entityCkTypeId = input(null, ...(ngDevMode ? [{ debugName: "entityCkTypeId" }] : /* istanbul ignore next */ []));
+    /** Two-way bound data-point name. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Optional placeholder shown when the combobox is empty. */
+    placeholder = input('e.g. tempActual, currentValue', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** Disables the combobox without hiding it. */
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Emits whenever the user enters a custom filter — useful for callers that
+     *  want to refine a backing catalogue independently of the value selection. */
+    filterChange = output();
+    options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    /**
+     * Current filter text entered into the combobox. Drives the case-insensitive
+     * *contains* match below. Kendo's combobox by default does not filter the
+     * `[data]` it is given — when `filterable` is true it just emits
+     * `filterChange` events and expects the consumer to refilter. Without this,
+     * typing "co2" would show every data point regardless of name.
+     */
+    filter = signal('', ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    filteredOptions = computed(() => {
+        const all = this.options();
+        const needle = this.filter().trim().toLowerCase();
+        if (!needle)
+            return all;
+        return all.filter(o => o.toLowerCase().includes(needle));
+    }, ...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Re-resolve whenever the entity or its identifying ids change. We use
+        // `untracked` around the actual mutation/IO to keep the effect's read
+        // dependencies limited to the inputs that should trigger a refetch.
+        effect(() => {
+            const ent = this.entity();
+            const rtId = this.entityRtId();
+            const ckTypeId = this.entityCkTypeId();
+            untracked(() => {
+                if (ent) {
+                    this.options.set(this.resolver.extractFromEntity(ent));
+                    this.loading.set(false);
+                    return;
+                }
+                if (!rtId || !ckTypeId) {
+                    this.options.set([]);
+                    this.loading.set(false);
+                    return;
+                }
+                this.loading.set(true);
+                void this.resolver.load(rtId, ckTypeId).then(opts => {
+                    // Only commit if the inputs haven't changed underneath us. We compare
+                    // against the current input snapshot to avoid stomping a fresher load.
+                    if (this.entityRtId() === rtId && this.entityCkTypeId() === ckTypeId) {
+                        this.options.set(opts);
+                        this.loading.set(false);
+                    }
+                });
+            });
+        });
+    }
+    onValueChange(v) {
+        this.value.set(v ?? '');
+    }
+    onFilterChange(filter) {
+        this.filter.set(filter);
+        this.filterChange.emit(filter);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataPointPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataPointPickerComponent, isStandalone: true, selector: "mm-data-point-picker", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, entityRtId: { classPropertyName: "entityRtId", publicName: "entityRtId", isSignal: true, isRequired: false, transformFunction: null }, entityCkTypeId: { classPropertyName: "entityCkTypeId", publicName: "entityCkTypeId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", filterChange: "filterChange" }, ngImport: i0, template: `
+    <kendo-combobox
+      [data]="filteredOptions()"
+      [value]="value()"
+      [valuePrimitive]="true"
+      [allowCustom]="true"
+      [filterable]="true"
+      [disabled]="disabled() || loading()"
+      [popupSettings]="{ appendTo: 'root', animate: true }"
+      [placeholder]="placeholder()"
+      (valueChange)="onValueChange($event)"
+      (filterChange)="onFilterChange($event)">
+    </kendo-combobox>
+    @if (loading()) {
+      <span class="dpp-loading">loading…</span>
+    }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:100%}kendo-combobox{flex:1;min-width:0}.dpp-loading{font-size:.7rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--kendo-color-info, #0dcaf0) 18%,transparent);color:var(--kendo-color-info, #0dcaf0);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i3$1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataPointPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-data-point-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ComboBoxModule], template: `
+    <kendo-combobox
+      [data]="filteredOptions()"
+      [value]="value()"
+      [valuePrimitive]="true"
+      [allowCustom]="true"
+      [filterable]="true"
+      [disabled]="disabled() || loading()"
+      [popupSettings]="{ appendTo: 'root', animate: true }"
+      [placeholder]="placeholder()"
+      (valueChange)="onValueChange($event)"
+      (filterChange)="onFilterChange($event)">
+    </kendo-combobox>
+    @if (loading()) {
+      <span class="dpp-loading">loading…</span>
+    }
+  `, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:100%}kendo-combobox{flex:1;min-width:0}.dpp-loading{font-size:.7rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--kendo-color-info, #0dcaf0) 18%,transparent);color:var(--kendo-color-info, #0dcaf0);font-style:italic}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: false }] }], entityRtId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityRtId", required: false }] }], entityCkTypeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityCkTypeId", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }] } });
+
 // noinspection JSUnusedGlobalSymbols
 class OctoGraphQlDataSource extends DataSourceTyped {
     _searchFilterAttributePaths = [];
@@ -6021,7 +6338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 class EntitySelectorDialogComponent {
-    dialogRef = inject(DialogRef);
+    windowRef = inject(WindowRef);
     treeDataSource = inject(RuntimeBrowserDataSource);
     data = {};
     selectedEntity = null;
@@ -6047,55 +6364,53 @@ class EntitySelectorDialogComponent {
                 ckTypeId: this.selectedEntity.ckTypeId,
                 name: this.selectedEntity.name,
             };
-            this.dialogRef.close(result);
+            this.windowRef.close(result);
         }
     }
     onCancel() {
-        this.dialogRef.close();
+        this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EntitySelectorDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: EntitySelectorDialogComponent, isStandalone: true, selector: "mm-entity-selector-dialog", providers: [RuntimeBrowserDataSource], ngImport: i0, template: `
     <div class="entity-selector">
-      <div class="tree-section">
-        <mm-tree-view
-          [dataSource]="treeDataSource"
-          (nodeSelected)="onNodeSelected($event)"
-        ></mm-tree-view>
-      </div>
+      <div class="entity-selector-body">
+        <div class="tree-section">
+          <mm-tree-view
+            [dataSource]="treeDataSource"
+            (nodeSelected)="onNodeSelected($event)"
+          ></mm-tree-view>
+        </div>
 
-      @if (selectedEntity) {
-        <div class="selection-preview">
-          <div class="preview-row">
-            <span class="preview-label">Name:</span>
-            <span class="preview-value">{{ selectedEntity.name || '\u2014' }}</span>
-          </div>
-          <div class="preview-row">
-            <span class="preview-label">Type:</span>
-            <span class="preview-value monospace">{{ selectedEntity.ckTypeId }}</span>
+        @if (selectedEntity) {
+          <div class="selection-preview">
+            <div class="preview-row">
+              <span class="preview-label">Name:</span>
+              <span class="preview-value">{{ selectedEntity.name || '\u2014' }}</span>
+            </div>
+            <div class="preview-row">
+              <span class="preview-label">Type:</span>
+              <span class="preview-value monospace">{{ selectedEntity.ckTypeId }}</span>
+            </div>
+            <div class="preview-row">
+              <span class="preview-label">RtId:</span>
+              <span class="preview-value monospace">{{ selectedEntity.rtId }}</span>
+            </div>
           </div>
-          <div class="preview-row">
-            <span class="preview-label">RtId:</span>
-            <span class="preview-value monospace">{{ selectedEntity.rtId }}</span>
+        } @else {
+          <div class="selection-hint">
+            Select an entity from the tree above.
           </div>
-        </div>
-      }
-
-      @if (!selectedEntity) {
-        <div class="selection-hint">
-          Select an entity from the tree above.
-        </div>
-      }
+        }
+      </div>
 
       <div class="dialog-actions">
+        <button kendoButton (click)="onCancel()">Cancel</button>
         <button kendoButton themeColor="primary" [disabled]="!selectedEntity" (click)="onConfirm()">
           Select
         </button>
-        <button kendoButton (click)="onCancel()">
-          Cancel
-        </button>
       </div>
     </div>
-  `, isInline: true, styles: [".entity-selector{display:flex;flex-direction:column;height:100%;padding:12px;gap:12px}.tree-section{flex:1;min-height:0;overflow:auto;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface, #ffffff)}.selection-preview{padding:10px 12px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);display:flex;flex-direction:column;gap:4px}.preview-row{display:flex;gap:8px}.preview-row .preview-label{font-weight:600;min-width:45px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.preview-row .preview-value{font-size:.85rem}.preview-row .monospace{font-family:monospace}.selection-hint{text-align:center;padding:8px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeComponent, selector: "mm-tree-view", inputs: ["dataSource"], outputs: ["nodeSelected", "nodeClick", "nodeDoubleClick", "nodeDrop", "expand", "collapse"] }] });
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.entity-selector{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box}.entity-selector-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.tree-section{flex:1;min-height:0;overflow:auto;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface, #ffffff)}.selection-preview{padding:10px 12px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.preview-row{display:flex;gap:8px}.preview-row .preview-label{font-weight:600;min-width:45px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.preview-row .preview-value{font-size:.85rem}.preview-row .monospace{font-family:monospace}.selection-hint{text-align:center;padding:8px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem;flex-shrink:0}.dialog-actions{flex:0 0 auto;display:flex;gap:8px;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--kendo-color-border, #dee2e6);background:var(--kendo-color-surface, transparent)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: TreeComponent, selector: "mm-tree-view", inputs: ["dataSource"], outputs: ["nodeSelected", "nodeClick", "nodeDoubleClick", "nodeDrop", "expand", "collapse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EntitySelectorDialogComponent, decorators: [{
             type: Component,
@@ -6105,66 +6420,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         TreeComponent,
                     ], providers: [RuntimeBrowserDataSource], template: `
     <div class="entity-selector">
-      <div class="tree-section">
-        <mm-tree-view
-          [dataSource]="treeDataSource"
-          (nodeSelected)="onNodeSelected($event)"
-        ></mm-tree-view>
-      </div>
+      <div class="entity-selector-body">
+        <div class="tree-section">
+          <mm-tree-view
+            [dataSource]="treeDataSource"
+            (nodeSelected)="onNodeSelected($event)"
+          ></mm-tree-view>
+        </div>
 
-      @if (selectedEntity) {
-        <div class="selection-preview">
-          <div class="preview-row">
-            <span class="preview-label">Name:</span>
-            <span class="preview-value">{{ selectedEntity.name || '\u2014' }}</span>
-          </div>
-          <div class="preview-row">
-            <span class="preview-label">Type:</span>
-            <span class="preview-value monospace">{{ selectedEntity.ckTypeId }}</span>
+        @if (selectedEntity) {
+          <div class="selection-preview">
+            <div class="preview-row">
+              <span class="preview-label">Name:</span>
+              <span class="preview-value">{{ selectedEntity.name || '\u2014' }}</span>
+            </div>
+            <div class="preview-row">
+              <span class="preview-label">Type:</span>
+              <span class="preview-value monospace">{{ selectedEntity.ckTypeId }}</span>
+            </div>
+            <div class="preview-row">
+              <span class="preview-label">RtId:</span>
+              <span class="preview-value monospace">{{ selectedEntity.rtId }}</span>
+            </div>
           </div>
-          <div class="preview-row">
-            <span class="preview-label">RtId:</span>
-            <span class="preview-value monospace">{{ selectedEntity.rtId }}</span>
+        } @else {
+          <div class="selection-hint">
+            Select an entity from the tree above.
           </div>
-        </div>
-      }
-
-      @if (!selectedEntity) {
-        <div class="selection-hint">
-          Select an entity from the tree above.
-        </div>
-      }
+        }
+      </div>
 
       <div class="dialog-actions">
+        <button kendoButton (click)="onCancel()">Cancel</button>
         <button kendoButton themeColor="primary" [disabled]="!selectedEntity" (click)="onConfirm()">
           Select
         </button>
-        <button kendoButton (click)="onCancel()">
-          Cancel
-        </button>
       </div>
     </div>
-  `, styles: [".entity-selector{display:flex;flex-direction:column;height:100%;padding:12px;gap:12px}.tree-section{flex:1;min-height:0;overflow:auto;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface, #ffffff)}.selection-preview{padding:10px 12px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);display:flex;flex-direction:column;gap:4px}.preview-row{display:flex;gap:8px}.preview-row .preview-label{font-weight:600;min-width:45px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.preview-row .preview-value{font-size:.85rem}.preview-row .monospace{font-family:monospace}.selection-hint{text-align:center;padding:8px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}\n"] }]
+  `, styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.entity-selector{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;box-sizing:border-box}.entity-selector-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.tree-section{flex:1;min-height:0;overflow:auto;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface, #ffffff)}.selection-preview{padding:10px 12px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.preview-row{display:flex;gap:8px}.preview-row .preview-label{font-weight:600;min-width:45px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.preview-row .preview-value{font-size:.85rem}.preview-row .monospace{font-family:monospace}.selection-hint{text-align:center;padding:8px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem;flex-shrink:0}.dialog-actions{flex:0 0 auto;display:flex;gap:8px;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--kendo-color-border, #dee2e6);background:var(--kendo-color-surface, transparent)}\n"] }]
         }] });
 
+const DIALOG_KEY$1 = 'entity-selector';
+const DEFAULT_SIZE$1 = { width: 600, height: 680 };
+const MIN_SIZE = { width: 480, height: 540 };
 class EntitySelectorDialogService {
-    dialogService = inject(DialogService);
+    windowService = inject(WindowService);
+    windowStateService = inject(WindowStateService);
+    /**
+     * Opens the entity selector as a Kendo Window so it stacks correctly above
+     * other Kendo Windows (e.g. the Mapping-Edit dialog calls this from its
+     * own Window — Kendo Dialogs would land underneath because Window and
+     * Dialog use different z-index ranges).
+     */
     async openEntitySelector(data) {
-        const dialogRef = this.dialogService.open({
+        const size = this.windowStateService.resolveWindowSize(DIALOG_KEY$1, DEFAULT_SIZE$1, MIN_SIZE);
+        const windowRef = this.windowService.open({
             content: EntitySelectorDialogComponent,
-            width: 500,
-            height: 600,
-            minWidth: 400,
-            minHeight: 400,
+            width: size.width,
+            height: size.height,
+            minWidth: MIN_SIZE.width,
+            minHeight: MIN_SIZE.height,
+            resizable: true,
             title: data?.title ?? 'Select Target Entity',
         });
-        const contentRef = dialogRef.content.instance;
-        if (data) {
-            contentRef.data = data;
+        this.windowStateService.applyModalBehavior(DIALOG_KEY$1, windowRef);
+        const contentRef = windowRef.content;
+        if (data && contentRef?.instance) {
+            contentRef.instance.data = data;
         }
         try {
-            const result = await firstValueFrom(dialogRef.result);
-            if (result instanceof DialogCloseResult) {
+            const result = await firstValueFrom(windowRef.result);
+            if (result instanceof WindowCloseResult) {
                 return { confirmed: false };
             }
             if (result && typeof result === 'object' && 'rtId' in result) {
@@ -6980,7 +7306,7 @@ class FieldFilterEditorComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".field-filter-editor{display:flex;flex-direction:column;gap:10px}.attribute-options{display:flex;align-items:center;gap:16px;font-size:.85rem}.inline-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}.inline-field{display:flex;align-items:center;gap:6px;font-weight:400}.depth-input{width:80px}.loading-hint{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.toolbar{display:flex;gap:10px;margin-bottom:5px}.filter-grid{border:1px solid #d5d5d5}.filter-grid ::ng-deep .k-grid-header .k-header{font-weight:600}.checkbox-column{text-align:center}.attribute-dropdown,.operator-dropdown,.attribute-input,.value-input{width:100%}.attribute-item{display:flex;justify-content:space-between;align-items:center;width:100%}.attribute-path{flex:1}.attribute-type{font-size:11px;color:#888;margin-left:8px;padding:2px 6px;background:#f0f0f0;border-radius:3px}.empty-state{padding:40px;text-align:center;border:1px dashed;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.9rem}.empty-state p{margin:0}.value-cell{display:flex;gap:4px;align-items:center}.value-cell .value-input{flex:1}.variable-toggle{flex-shrink:0}.variable-item{display:flex;flex-direction:column;gap:2px}.variable-name{font-family:monospace;font-weight:500}.variable-label{font-size:11px;color:var(--kendo-color-subtle, #888)}.variable-value{font-family:monospace;color:var(--kendo-color-primary, #0d6efd)}.variable-placeholder{color:var(--kendo-color-subtle, #888)}.variable-dropdown ::ng-deep .k-input-value-text{font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i3.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i4.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i5.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i7.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: PopupModule }, { kind: "ngmodule", type: IntlModule }] });
+  `, isInline: true, styles: [".field-filter-editor{display:flex;flex-direction:column;gap:10px}.attribute-options{display:flex;align-items:center;gap:16px;font-size:.85rem}.inline-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}.inline-field{display:flex;align-items:center;gap:6px;font-weight:400}.depth-input{width:80px}.loading-hint{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.toolbar{display:flex;gap:10px;margin-bottom:5px}.filter-grid{border:1px solid #d5d5d5}.filter-grid ::ng-deep .k-grid-header .k-header{font-weight:600}.checkbox-column{text-align:center}.attribute-dropdown,.operator-dropdown,.attribute-input,.value-input{width:100%}.attribute-item{display:flex;justify-content:space-between;align-items:center;width:100%}.attribute-path{flex:1}.attribute-type{font-size:11px;color:#888;margin-left:8px;padding:2px 6px;background:#f0f0f0;border-radius:3px}.empty-state{padding:40px;text-align:center;border:1px dashed;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.9rem}.empty-state p{margin:0}.value-cell{display:flex;gap:4px;align-items:center}.value-cell .value-input{flex:1}.variable-toggle{flex-shrink:0}.variable-item{display:flex;flex-direction:column;gap:2px}.variable-name{font-family:monospace;font-weight:500}.variable-label{font-size:11px;color:var(--kendo-color-subtle, #888)}.variable-value{font-family:monospace;color:var(--kendo-color-primary, #0d6efd)}.variable-placeholder{color:var(--kendo-color-subtle, #888)}.variable-dropdown ::ng-deep .k-input-value-text{font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: GridModule }, { kind: "component", type: i3.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i3.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i3.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i3.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i3.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i3$1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i3$1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i3$1.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i5.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i5.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: DateInputsModule }, { kind: "component", type: i7.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "ngmodule", type: IconsModule }, { kind: "ngmodule", type: PopupModule }, { kind: "ngmodule", type: IntlModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FieldFilterEditorComponent, decorators: [{
             type: Component,
@@ -7541,47 +7867,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1$3.Apollo }] });
 
-const GetRuntimeEntityByIdDocumentDto = gql `
-    query getRuntimeEntityById($rtId: OctoObjectId!, $ckTypeId: String!) {
-  runtime {
-    runtimeEntities(ckId: $ckTypeId, rtId: $rtId) {
-      items {
-        rtId
-        ckTypeId
-        rtWellKnownName
-        rtCreationDateTime
-        rtChangedDateTime
-        attributes(resolveEnumValuesToNames: true) {
-          items {
-            attributeName
-            value
-          }
-        }
-        associations {
-          definitions(direction: ANY, first: 0) {
-            totalCount
-          }
-        }
-      }
-    }
-  }
-}
-    `;
-class GetRuntimeEntityByIdDtoGQL extends i1$3.Query {
-    document = GetRuntimeEntityByIdDocumentDto;
-    constructor(apollo) {
-        super(apollo);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetRuntimeEntityByIdDtoGQL, deps: [{ token: i1$3.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetRuntimeEntityByIdDtoGQL, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetRuntimeEntityByIdDtoGQL, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$3.Apollo }] });
-
 const GetBinaryInfoDocumentDto = gql `
     query getBinaryInfo($rtId: OctoObjectId!) {
   runtime {
@@ -7816,7 +8101,14 @@ const DEFAULT_RUNTIME_BROWSER_MESSAGES = {
 
 class DataMappingListComponent {
     mappings = [];
-    sourceDataPoints = [];
+    /**
+     * The runtime entity whose data points feed the Source Data Point picker.
+     * Typically the entity displayed in the surrounding detail pane (each mapping
+     * row shares the same source — the entity being inspected). The picker reads
+     * the States/DataPoints RecordArray off this entity to populate its options.
+     * When null, the picker falls back to the {@link DEFAULT_DATA_POINT} default.
+     */
+    sourceEntity = null;
     /**
      * Optional expression validator function. When provided, expressions are validated
      * on change and feedback (error or preview) is shown below the expression field.
@@ -7827,6 +8119,11 @@ class DataMappingListComponent {
     addMapping = new EventEmitter();
     removeMapping = new EventEmitter();
     selectTarget = new EventEmitter();
+    /**
+     * @deprecated Source attribute selection is now handled inline by
+     *   {@link DataPointPickerComponent}; this output is no longer emitted.
+     *   Kept on the public surface so existing host bindings keep compiling.
+     */
     selectSourceAttribute = new EventEmitter();
     selectTargetAttribute = new EventEmitter();
     mappingChanged = new EventEmitter();
@@ -7855,7 +8152,7 @@ class DataMappingListComponent {
     trashIcon = trashIcon;
     linkIcon = hyperlinkOpenIcon;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataMappingListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataMappingListComponent, isStandalone: true, selector: "mm-data-mapping-list", inputs: { mappings: "mappings", sourceDataPoints: "sourceDataPoints", expressionValidator: "expressionValidator" }, outputs: { addMapping: "addMapping", removeMapping: "removeMapping", selectTarget: "selectTarget", selectSourceAttribute: "selectSourceAttribute", selectTargetAttribute: "selectTargetAttribute", mappingChanged: "mappingChanged", navigateToTarget: "navigateToTarget", saveAll: "saveAll" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataMappingListComponent, isStandalone: true, selector: "mm-data-mapping-list", inputs: { mappings: "mappings", sourceEntity: "sourceEntity", expressionValidator: "expressionValidator" }, outputs: { addMapping: "addMapping", removeMapping: "removeMapping", selectTarget: "selectTarget", selectSourceAttribute: "selectSourceAttribute", selectTargetAttribute: "selectTargetAttribute", mappingChanged: "mappingChanged", navigateToTarget: "navigateToTarget", saveAll: "saveAll" }, ngImport: i0, template: `
     <div class="mapping-list">
       <div class="mapping-toolbar">
         <button kendoButton themeColor="primary" size="small" [svgIcon]="plusIcon"
@@ -7878,20 +8175,11 @@ class DataMappingListComponent {
           <div class="mapping-card-body">
             <div class="mapping-row">
               <label>Source Data Point</label>
-              @if (sourceDataPoints.length > 0) {
-                <kendo-dropdownlist
-                  [data]="sourceDataPoints"
-                  [value]="mapping.sourceAttributePath || 'currentValue'"
-                  [valuePrimitive]="true"
-                  (valueChange)="onSourceDataPointChange(mapping, $event)">
-                </kendo-dropdownlist>
-              } @else {
-                <div class="target-display">
-                  <span class="target-info">{{ mapping.sourceAttributePath || '(not set)' }}</span>
-                  <button kendoButton fillMode="flat" size="small"
-                    (click)="selectSourceAttribute.emit(mapping)">Select...</button>
-                </div>
-              }
+              <mm-data-point-picker
+                [entity]="sourceEntity"
+                [value]="mapping.sourceAttributePath || 'currentValue'"
+                (valueChange)="onSourceDataPointChange(mapping, $event)">
+              </mm-data-point-picker>
             </div>
             <div class="mapping-row">
               <label>Expression</label>
@@ -7956,7 +8244,7 @@ class DataMappingListComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".mapping-list{display:flex;flex-direction:column;gap:12px}.mapping-toolbar{display:flex;justify-content:flex-end}.mapping-empty-hint{text-align:center;padding:16px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.mapping-card{border:1px solid var(--kendo-color-border, #dee2e6);border-radius:6px;overflow:hidden}.mapping-card-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #ff6358)}.mapping-card-header .mapping-name{flex:1}.mapping-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.mapping-row{display:flex;flex-direction:column;gap:3px}.mapping-row label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.target-display{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);min-height:30px}.target-display .target-info{flex:1;font-size:.85rem;font-family:monospace}.mapping-actions{display:flex;justify-content:flex-end;padding-top:4px}.entity-info-display{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa)}.entity-info-main{display:flex;align-items:center;gap:4px}.entity-name{flex:1;font-size:.85rem;font-weight:600}.entity-info-details{display:flex;align-items:center;gap:2px;font-size:.7rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d)}.entity-detail-separator{color:var(--kendo-color-subtle, #6c757d)}.expression-feedback{font-size:.75rem;padding:2px 0;font-family:monospace}.expression-error{color:var(--kendo-color-error, #dc3545)}.expression-success{color:var(--kendo-color-success, #28a745)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: SVGIconModule }] });
+  `, isInline: true, styles: [".mapping-list{display:flex;flex-direction:column;gap:12px}.mapping-toolbar{display:flex;justify-content:flex-end}.mapping-empty-hint{text-align:center;padding:16px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.mapping-card{border:1px solid var(--kendo-color-border, #dee2e6);border-radius:6px;overflow:hidden}.mapping-card-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #ff6358)}.mapping-card-header .mapping-name{flex:1}.mapping-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.mapping-row{display:flex;flex-direction:column;gap:3px}.mapping-row label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.target-display{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);min-height:30px}.target-display .target-info{flex:1;font-size:.85rem;font-family:monospace}.mapping-actions{display:flex;justify-content:flex-end;padding-top:4px}.entity-info-display{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa)}.entity-info-main{display:flex;align-items:center;gap:4px}.entity-name{flex:1;font-size:.85rem;font-weight:600}.entity-info-details{display:flex;align-items:center;gap:2px;font-size:.7rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d)}.entity-detail-separator{color:var(--kendo-color-subtle, #6c757d)}.expression-feedback{font-size:.75rem;padding:2px 0;font-family:monospace}.expression-error{color:var(--kendo-color-error, #dc3545)}.expression-success{color:var(--kendo-color-success, #28a745)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: DataPointPickerComponent, selector: "mm-data-point-picker", inputs: ["entity", "entityRtId", "entityCkTypeId", "value", "placeholder", "disabled"], outputs: ["valueChange", "filterChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataMappingListComponent, decorators: [{
             type: Component,
@@ -7964,9 +8252,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         CommonModule,
                         FormsModule,
                         ButtonModule,
-                        DropDownListModule,
                         TextBoxModule,
                         SVGIconModule,
+                        DataPointPickerComponent,
                     ], template: `
     <div class="mapping-list">
       <div class="mapping-toolbar">
@@ -7990,20 +8278,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           <div class="mapping-card-body">
             <div class="mapping-row">
               <label>Source Data Point</label>
-              @if (sourceDataPoints.length > 0) {
-                <kendo-dropdownlist
-                  [data]="sourceDataPoints"
-                  [value]="mapping.sourceAttributePath || 'currentValue'"
-                  [valuePrimitive]="true"
-                  (valueChange)="onSourceDataPointChange(mapping, $event)">
-                </kendo-dropdownlist>
-              } @else {
-                <div class="target-display">
-                  <span class="target-info">{{ mapping.sourceAttributePath || '(not set)' }}</span>
-                  <button kendoButton fillMode="flat" size="small"
-                    (click)="selectSourceAttribute.emit(mapping)">Select...</button>
-                </div>
-              }
+              <mm-data-point-picker
+                [entity]="sourceEntity"
+                [value]="mapping.sourceAttributePath || 'currentValue'"
+                (valueChange)="onSourceDataPointChange(mapping, $event)">
+              </mm-data-point-picker>
             </div>
             <div class="mapping-row">
               <label>Expression</label>
@@ -8071,7 +8350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, styles: [".mapping-list{display:flex;flex-direction:column;gap:12px}.mapping-toolbar{display:flex;justify-content:flex-end}.mapping-empty-hint{text-align:center;padding:16px;color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.mapping-card{border:1px solid var(--kendo-color-border, #dee2e6);border-radius:6px;overflow:hidden}.mapping-card-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #ff6358)}.mapping-card-header .mapping-name{flex:1}.mapping-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.mapping-row{display:flex;flex-direction:column;gap:3px}.mapping-row label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.target-display{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa);min-height:30px}.target-display .target-info{flex:1;font-size:.85rem;font-family:monospace}.mapping-actions{display:flex;justify-content:flex-end;padding-top:4px}.entity-info-display{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface-alt, #f8f9fa)}.entity-info-main{display:flex;align-items:center;gap:4px}.entity-name{flex:1;font-size:.85rem;font-weight:600}.entity-info-details{display:flex;align-items:center;gap:2px;font-size:.7rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d)}.entity-detail-separator{color:var(--kendo-color-subtle, #6c757d)}.expression-feedback{font-size:.75rem;padding:2px 0;font-family:monospace}.expression-error{color:var(--kendo-color-error, #dc3545)}.expression-success{color:var(--kendo-color-success, #28a745)}\n"] }]
         }], propDecorators: { mappings: [{
                 type: Input
-            }], sourceDataPoints: [{
+            }], sourceEntity: [{
                 type: Input
             }], expressionValidator: [{
                 type: Input
@@ -8103,7 +8382,6 @@ class EntityDetailViewComponent {
     }
     showDataMapping = true;
     dataMappings = [];
-    sourceDataPoints = [];
     /**
      * Optional expression validator function passed through to DataMappingListComponent.
      * When provided, mapping expressions are validated on change with visual feedback.
@@ -8115,6 +8393,11 @@ class EntityDetailViewComponent {
     addMappingRequested = new EventEmitter();
     removeMappingRequested = new EventEmitter();
     selectMappingTarget = new EventEmitter();
+    /**
+     * @deprecated The source attribute is now picked inline by the
+     *   DataPointPickerComponent; this output is no longer emitted.
+     *   Kept for binding compatibility with existing hosts.
+     */
     selectSourceAttributeRequested = new EventEmitter();
     selectTargetAttributeRequested = new EventEmitter();
     mappingChanged = new EventEmitter();
@@ -8377,7 +8660,7 @@ class EntityDetailViewComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EntityDetailViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: EntityDetailViewComponent, isStandalone: true, selector: "mm-entity-detail-view", inputs: { entity: "entity", loading: "loading", error: "error", showHeader: "showHeader", messages: "messages", showDataMapping: "showDataMapping", dataMappings: "dataMappings", sourceDataPoints: "sourceDataPoints", expressionValidator: "expressionValidator" }, outputs: { retry: "retry", propertyChange: "propertyChange", navigateToEntity: "navigateToEntity", addMappingRequested: "addMappingRequested", removeMappingRequested: "removeMappingRequested", selectMappingTarget: "selectMappingTarget", selectSourceAttributeRequested: "selectSourceAttributeRequested", selectTargetAttributeRequested: "selectTargetAttributeRequested", mappingChanged: "mappingChanged", saveAllMappingsRequested: "saveAllMappingsRequested" }, viewQueries: [{ propertyName: "associationsDataSource", first: true, predicate: ["associationsDir"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: EntityDetailViewComponent, isStandalone: true, selector: "mm-entity-detail-view", inputs: { entity: "entity", loading: "loading", error: "error", showHeader: "showHeader", messages: "messages", showDataMapping: "showDataMapping", dataMappings: "dataMappings", expressionValidator: "expressionValidator" }, outputs: { retry: "retry", propertyChange: "propertyChange", navigateToEntity: "navigateToEntity", addMappingRequested: "addMappingRequested", removeMappingRequested: "removeMappingRequested", selectMappingTarget: "selectMappingTarget", selectSourceAttributeRequested: "selectSourceAttributeRequested", selectTargetAttributeRequested: "selectTargetAttributeRequested", mappingChanged: "mappingChanged", saveAllMappingsRequested: "saveAllMappingsRequested" }, viewQueries: [{ propertyName: "associationsDataSource", first: true, predicate: ["associationsDir"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     @if (loading) {
       <div class="loading-state">
         <p>{{ _messages.loadingEntityDetails }}</p>
@@ -8593,12 +8876,11 @@ class EntityDetailViewComponent {
               <div class="tab-content mapping-tab">
                 <mm-data-mapping-list
                   [mappings]="dataMappings"
-                  [sourceDataPoints]="sourceDataPoints"
+                  [sourceEntity]="entity"
                   [expressionValidator]="expressionValidator"
                   (addMapping)="addMappingRequested.emit()"
                   (removeMapping)="removeMappingRequested.emit($event)"
                   (selectTarget)="selectMappingTarget.emit($event)"
-                  (selectSourceAttribute)="selectSourceAttributeRequested.emit($event)"
                   (selectTargetAttribute)="selectTargetAttributeRequested.emit($event)"
                   (mappingChanged)="mappingChanged.emit($event)"
                   (navigateToTarget)="onNavigateToMappingTarget($event)"
@@ -8611,7 +8893,7 @@ class EntityDetailViewComponent {
         </kendo-tabstrip>
       </div>
     }
-  `, isInline: true, styles: [".loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;min-height:200px}.loading-state .error-message,.error-state .error-message{margin-bottom:16px;font-family:Roboto,sans-serif;color:#e74c3c}.entity-content{flex:1;display:flex;flex-direction:column;gap:24px}.entity-content .basic-info-card{padding:20px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative;box-shadow:0 4px 20px #0006,0 0 15px var(--octo-mint-08)}.entity-content .basic-info-card:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);border-radius:4px 0 0 4px}.entity-content .basic-info-card .basic-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.entity-content .basic-info-card .basic-info-grid .info-item{display:flex;flex-direction:column;gap:8px}.entity-content .basic-info-card .basic-info-grid .info-item label{font-family:Montserrat,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;color:var(--octo-mint-80)}.entity-content .basic-info-card .basic-info-grid .info-item .value{font-family:Roboto Mono,monospace;font-size:.875rem;color:rgba(var(--octo-text-color),.9);word-break:break-word;background:var(--deep-sea-40);padding:8px 12px;border-radius:4px;border:1px solid var(--octo-mint-15)}.entity-content .basic-info-card .basic-info-grid .info-item.with-action .value-with-action{display:flex;align-items:center}.entity-content .basic-info-card .basic-info-grid .info-item.with-action .value-with-action .value{flex:1;font-family:Roboto Mono,monospace;font-size:.875rem;color:rgba(var(--octo-text-color),.9);word-break:break-word}.entity-content .entity-tabs{flex:1;min-height:400px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;overflow:hidden;position:relative}.entity-content .entity-tabs:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);z-index:1}.entity-content .entity-tabs ::ng-deep .k-tabstrip{background:transparent}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper{background:linear-gradient(90deg,var(--octo-mint-10),transparent);border-bottom:1px solid var(--octo-mint-20);padding-left:20px}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item{background:transparent;border:none;color:rgba(var(--octo-text-color),.7);font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;padding:12px 20px;margin-right:4px;border-radius:4px 4px 0 0;transition:all .2s ease}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item:hover{background:var(--octo-mint-10);color:var(--octo-mint)}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-active{background:linear-gradient(180deg,var(--octo-mint-20),transparent);color:var(--octo-mint);border-bottom:2px solid var(--octo-mint);box-shadow:0 0 10px var(--octo-mint-30)}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-content{background:transparent;border:none;padding:0}.entity-content .entity-tabs .tab-content{padding:20px 24px;height:100%;overflow-y:auto}.entity-content .entity-tabs .tab-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.entity-content .entity-tabs .tab-content .empty-state kendo-svgicon{font-size:64px;margin-bottom:20px;color:var(--octo-mint-40);text-shadow:0 0 20px var(--octo-mint-30)}.entity-content .entity-tabs .tab-content .empty-state p{margin:0;font-family:Montserrat,sans-serif;font-size:.9rem;color:rgba(var(--octo-text-color),.5);letter-spacing:.5px}.entity-content .entity-tabs .tab-content.properties-tab{padding:0;height:100%}.entity-content .entity-tabs .tab-content.properties-tab mm-property-grid{display:block;height:100%;width:100%}.entity-content .entity-tabs .tab-content.associations-tab{display:flex;flex-direction:column;gap:16px;padding:0;height:100%}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(90deg,var(--octo-mint-05),transparent);border-bottom:1px solid var(--octo-mint-20)}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group{display:flex;align-items:center;gap:10px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group label{font-family:Montserrat,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;color:var(--octo-mint-80);white-space:nowrap}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-dropdownlist{width:160px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-textbox{width:220px}.entity-content .entity-tabs .tab-content.associations-tab mm-list-view{flex:1;display:block;height:calc(100% - 70px)}.entity-content .entity-tabs .tab-content.mapping-tab{padding:12px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-empty{display:flex;flex-direction:column;align-items:center;padding:24px 20px;text-align:center}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-empty kendo-svgicon{font-size:36px;margin-bottom:10px;opacity:.5}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-empty p{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-config{display:flex;flex-direction:column;gap:20px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-section{border:1px solid var(--kendo-color-border, #dee2e6);border-radius:6px;overflow:hidden}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-section .section-header{padding:8px 14px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #ff6358)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-section .section-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-field{display:flex;flex-direction:column;gap:4px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-target-display{display:flex;align-items:center;gap:8px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-target-display .target-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);font-family:monospace;padding:2px 6px;border-radius:3px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-target-display .target-name{font-weight:600;flex:1}.entity-content .entity-tabs .tab-content.mapping-tab .field-hint{font-size:.7rem;color:var(--kendo-color-subtle, #6c757d);font-style:italic;line-height:1.3}.entity-content .entity-tabs .tab-content.mapping-tab .attribute-picker{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:4px;border:1px solid var(--kendo-color-border, #dee2e6);background:var(--kendo-color-surface-alt, #f8f9fa);min-height:32px}.entity-content .entity-tabs .tab-content.mapping-tab .attribute-picker .attribute-value{flex:1;font-family:monospace;font-size:.85rem}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}@media(max-width:768px){.entity-content{gap:16px}.entity-content .basic-info-card{padding:16px 20px}.entity-content .basic-info-card .basic-info-grid{grid-template-columns:1fr;gap:16px}.entity-content .entity-tabs{min-height:300px}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper{padding-left:12px}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item{padding:10px 14px;font-size:.75rem}.entity-content .entity-tabs .tab-content{padding:16px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group{width:100%}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-dropdownlist,.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-textbox{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TabStripModule }, { kind: "component", type: i1$4.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i1$4.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i1$4.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: i5$1.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i1$4.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i1$4.CardBodyComponent, selector: "kendo-card-body" }, { kind: "component", type: i1$4.CardHeaderComponent, selector: "kendo-card-header" }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: PropertyGridComponent, selector: "mm-property-grid", inputs: ["data", "config", "showTypeColumn"], outputs: ["propertyChange", "saveRequested", "binaryDownload"] }, { kind: "component", type: ListViewComponent, selector: "mm-list-view", inputs: ["pageSize", "skip", "rowIsClickable", "showRowCheckBoxes", "showRowSelectAllCheckBox", "contextMenuType", "leftToolbarActions", "rightToolbarActions", "actionCommandItems", "contextMenuCommandItems", "excelExportFileName", "pdfExportFileName", "pageable", "sortable", "rowFilterEnabled", "searchTextBoxEnabled", "rowClass", "messages", "selectable", "columns"], outputs: ["rowClicked"] }, { kind: "directive", type: EntityAssociationsDataSourceDirective, selector: "[mmEntityAssociationsDataSource]", exportAs: ["mmEntityAssociationsDataSource"] }, { kind: "component", type: DataMappingListComponent, selector: "mm-data-mapping-list", inputs: ["mappings", "sourceDataPoints", "expressionValidator"], outputs: ["addMapping", "removeMapping", "selectTarget", "selectSourceAttribute", "selectTargetAttribute", "mappingChanged", "navigateToTarget", "saveAll"] }] });
+  `, isInline: true, styles: [".loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;min-height:200px}.loading-state .error-message,.error-state .error-message{margin-bottom:16px;font-family:Roboto,sans-serif;color:#e74c3c}.entity-content{flex:1;display:flex;flex-direction:column;gap:24px}.entity-content .basic-info-card{padding:20px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative;box-shadow:0 4px 20px #0006,0 0 15px var(--octo-mint-08)}.entity-content .basic-info-card:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);border-radius:4px 0 0 4px}.entity-content .basic-info-card .basic-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.entity-content .basic-info-card .basic-info-grid .info-item{display:flex;flex-direction:column;gap:8px}.entity-content .basic-info-card .basic-info-grid .info-item label{font-family:Montserrat,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;color:var(--octo-mint-80)}.entity-content .basic-info-card .basic-info-grid .info-item .value{font-family:Roboto Mono,monospace;font-size:.875rem;color:rgba(var(--octo-text-color),.9);word-break:break-word;background:var(--deep-sea-40);padding:8px 12px;border-radius:4px;border:1px solid var(--octo-mint-15)}.entity-content .basic-info-card .basic-info-grid .info-item.with-action .value-with-action{display:flex;align-items:center}.entity-content .basic-info-card .basic-info-grid .info-item.with-action .value-with-action .value{flex:1;font-family:Roboto Mono,monospace;font-size:.875rem;color:rgba(var(--octo-text-color),.9);word-break:break-word}.entity-content .entity-tabs{flex:1;min-height:400px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;overflow:hidden;position:relative}.entity-content .entity-tabs:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);z-index:1}.entity-content .entity-tabs ::ng-deep .k-tabstrip{background:transparent}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper{background:linear-gradient(90deg,var(--octo-mint-10),transparent);border-bottom:1px solid var(--octo-mint-20);padding-left:20px}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item{background:transparent;border:none;color:rgba(var(--octo-text-color),.7);font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;padding:12px 20px;margin-right:4px;border-radius:4px 4px 0 0;transition:all .2s ease}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item:hover{background:var(--octo-mint-10);color:var(--octo-mint)}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-active{background:linear-gradient(180deg,var(--octo-mint-20),transparent);color:var(--octo-mint);border-bottom:2px solid var(--octo-mint);box-shadow:0 0 10px var(--octo-mint-30)}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-content{background:transparent;border:none;padding:0}.entity-content .entity-tabs .tab-content{padding:20px 24px;height:100%;overflow-y:auto}.entity-content .entity-tabs .tab-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center}.entity-content .entity-tabs .tab-content .empty-state kendo-svgicon{font-size:64px;margin-bottom:20px;color:var(--octo-mint-40);text-shadow:0 0 20px var(--octo-mint-30)}.entity-content .entity-tabs .tab-content .empty-state p{margin:0;font-family:Montserrat,sans-serif;font-size:.9rem;color:rgba(var(--octo-text-color),.5);letter-spacing:.5px}.entity-content .entity-tabs .tab-content.properties-tab{padding:0;height:100%}.entity-content .entity-tabs .tab-content.properties-tab mm-property-grid{display:block;height:100%;width:100%}.entity-content .entity-tabs .tab-content.associations-tab{display:flex;flex-direction:column;gap:16px;padding:0;height:100%}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(90deg,var(--octo-mint-05),transparent);border-bottom:1px solid var(--octo-mint-20)}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group{display:flex;align-items:center;gap:10px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group label{font-family:Montserrat,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;color:var(--octo-mint-80);white-space:nowrap}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-dropdownlist{width:160px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-textbox{width:220px}.entity-content .entity-tabs .tab-content.associations-tab mm-list-view{flex:1;display:block;height:calc(100% - 70px)}.entity-content .entity-tabs .tab-content.mapping-tab{padding:12px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-empty{display:flex;flex-direction:column;align-items:center;padding:24px 20px;text-align:center}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-empty kendo-svgicon{font-size:36px;margin-bottom:10px;opacity:.5}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-empty p{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-config{display:flex;flex-direction:column;gap:20px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-section{border:1px solid var(--kendo-color-border, #dee2e6);border-radius:6px;overflow:hidden}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-section .section-header{padding:8px 14px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #ff6358)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-section .section-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-field{display:flex;flex-direction:column;gap:4px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-target-display{display:flex;align-items:center;gap:8px}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-target-display .target-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);font-family:monospace;padding:2px 6px;border-radius:3px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6)}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-target-display .target-name{font-weight:600;flex:1}.entity-content .entity-tabs .tab-content.mapping-tab .field-hint{font-size:.7rem;color:var(--kendo-color-subtle, #6c757d);font-style:italic;line-height:1.3}.entity-content .entity-tabs .tab-content.mapping-tab .attribute-picker{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:4px;border:1px solid var(--kendo-color-border, #dee2e6);background:var(--kendo-color-surface-alt, #f8f9fa);min-height:32px}.entity-content .entity-tabs .tab-content.mapping-tab .attribute-picker .attribute-value{flex:1;font-family:monospace;font-size:.85rem}.entity-content .entity-tabs .tab-content.mapping-tab .mapping-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}@media(max-width:768px){.entity-content{gap:16px}.entity-content .basic-info-card{padding:16px 20px}.entity-content .basic-info-card .basic-info-grid{grid-template-columns:1fr;gap:16px}.entity-content .entity-tabs{min-height:300px}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper{padding-left:12px}.entity-content .entity-tabs ::ng-deep .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-item{padding:10px 14px;font-size:.75rem}.entity-content .entity-tabs .tab-content{padding:16px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group{width:100%}.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-dropdownlist,.entity-content .entity-tabs .tab-content.associations-tab .associations-toolbar .filter-group kendo-textbox{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TabStripModule }, { kind: "component", type: i1$4.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i1$4.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i1$4.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: i5$1.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i1$4.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i1$4.CardBodyComponent, selector: "kendo-card-body" }, { kind: "component", type: i1$4.CardHeaderComponent, selector: "kendo-card-header" }, { kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i3$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: PropertyGridComponent, selector: "mm-property-grid", inputs: ["data", "config", "showTypeColumn"], outputs: ["propertyChange", "saveRequested", "binaryDownload"] }, { kind: "component", type: ListViewComponent, selector: "mm-list-view", inputs: ["pageSize", "skip", "rowIsClickable", "showRowCheckBoxes", "showRowSelectAllCheckBox", "contextMenuType", "leftToolbarActions", "rightToolbarActions", "actionCommandItems", "contextMenuCommandItems", "excelExportFileName", "pdfExportFileName", "pageable", "sortable", "rowFilterEnabled", "searchTextBoxEnabled", "rowClass", "messages", "selectable", "columns"], outputs: ["rowClicked"] }, { kind: "directive", type: EntityAssociationsDataSourceDirective, selector: "[mmEntityAssociationsDataSource]", exportAs: ["mmEntityAssociationsDataSource"] }, { kind: "component", type: DataMappingListComponent, selector: "mm-data-mapping-list", inputs: ["mappings", "sourceEntity", "expressionValidator"], outputs: ["addMapping", "removeMapping", "selectTarget", "selectSourceAttribute", "selectTargetAttribute", "mappingChanged", "navigateToTarget", "saveAll"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EntityDetailViewComponent, decorators: [{
             type: Component,
@@ -8843,12 +9125,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               <div class="tab-content mapping-tab">
                 <mm-data-mapping-list
                   [mappings]="dataMappings"
-                  [sourceDataPoints]="sourceDataPoints"
+                  [sourceEntity]="entity"
                   [expressionValidator]="expressionValidator"
                   (addMapping)="addMappingRequested.emit()"
                   (removeMapping)="removeMappingRequested.emit($event)"
                   (selectTarget)="selectMappingTarget.emit($event)"
-                  (selectSourceAttribute)="selectSourceAttributeRequested.emit($event)"
                   (selectTargetAttribute)="selectTargetAttributeRequested.emit($event)"
                   (mappingChanged)="mappingChanged.emit($event)"
                   (navigateToTarget)="onNavigateToMappingTarget($event)"
@@ -8876,8 +9157,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], dataMappings: [{
                 type: Input
-            }], sourceDataPoints: [{
-                type: Input
             }], expressionValidator: [{
                 type: Input
             }], retry: [{
@@ -9399,7 +9678,7 @@ class EntityDetailComponent {
       >
       </mm-entity-detail-view>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}.entity-detail{height:100%;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;overflow-y:auto}.entity-detail .entity-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative;box-shadow:0 4px 20px #0006,0 0 15px var(--octo-mint-08)}.entity-detail .entity-detail-header:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);border-radius:4px 0 0 4px}.entity-detail .entity-detail-header .header-info{flex:1}.entity-detail .entity-detail-header .header-info .entity-title h2{margin:0 0 8px;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color);text-shadow:0 0 10px rgba(0,0,0,.3)}.entity-detail .entity-detail-header .header-info .entity-type{margin:0;font-family:Roboto Mono,monospace;font-size:.8rem;background:var(--deep-sea-60);padding:6px 12px;border-radius:4px;border:1px solid var(--neo-cyan-30);display:inline-block;color:var(--neo-cyan)}.entity-detail mm-entity-detail-view{flex:1;display:flex;flex-direction:column;overflow-y:auto}@media(max-width:768px){.entity-detail{padding:16px}.entity-detail .entity-detail-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.entity-detail .entity-detail-header .header-info .entity-title h2{font-size:1.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: EntityDetailViewComponent, selector: "mm-entity-detail-view", inputs: ["entity", "loading", "error", "showHeader", "messages", "showDataMapping", "dataMappings", "sourceDataPoints", "expressionValidator"], outputs: ["retry", "propertyChange", "navigateToEntity", "addMappingRequested", "removeMappingRequested", "selectMappingTarget", "selectSourceAttributeRequested", "selectTargetAttributeRequested", "mappingChanged", "saveAllMappingsRequested"] }] });
+  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}.entity-detail{height:100%;display:flex;flex-direction:column;padding:24px;box-sizing:border-box;overflow-y:auto}.entity-detail .entity-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative;box-shadow:0 4px 20px #0006,0 0 15px var(--octo-mint-08)}.entity-detail .entity-detail-header:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);border-radius:4px 0 0 4px}.entity-detail .entity-detail-header .header-info{flex:1}.entity-detail .entity-detail-header .header-info .entity-title h2{margin:0 0 8px;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color);text-shadow:0 0 10px rgba(0,0,0,.3)}.entity-detail .entity-detail-header .header-info .entity-type{margin:0;font-family:Roboto Mono,monospace;font-size:.8rem;background:var(--deep-sea-60);padding:6px 12px;border-radius:4px;border:1px solid var(--neo-cyan-30);display:inline-block;color:var(--neo-cyan)}.entity-detail mm-entity-detail-view{flex:1;display:flex;flex-direction:column;overflow-y:auto}@media(max-width:768px){.entity-detail{padding:16px}.entity-detail .entity-detail-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.entity-detail .entity-detail-header .header-info .entity-title h2{font-size:1.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: EntityDetailViewComponent, selector: "mm-entity-detail-view", inputs: ["entity", "loading", "error", "showHeader", "messages", "showDataMapping", "dataMappings", "expressionValidator"], outputs: ["retry", "propertyChange", "navigateToEntity", "addMappingRequested", "removeMappingRequested", "selectMappingTarget", "selectSourceAttributeRequested", "selectTargetAttributeRequested", "mappingChanged", "saveAllMappingsRequested"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EntityDetailComponent, decorators: [{
             type: Component,
@@ -11707,7 +11986,7 @@ class AttributesGroupComponent {
         </kendo-card-body>
       </kendo-card>
     </div>
-  `, isInline: true, styles: [".attributes-form-container ::ng-deep kendo-card kendo-card-body{display:flex;flex-direction:column;gap:16px}.attributes-form-container ::ng-deep kendo-label{display:flex;flex-direction:column;gap:4px}.attributes-form-container ::ng-deep kendo-label label{text-transform:uppercase}.header-content{display:flex;flex-direction:column;gap:4px}.record-array-content,.tab-content-wrapper{display:flex;flex-direction:column;gap:16px}.record-actions-info{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:var(--kendo-color-surface-alt, rgba(0, 0, 0, .05));border:1px solid var(--kendo-color-border, rgba(0, 0, 0, .1));border-radius:4px;margin-bottom:16px}.record-actions-description{margin:0;font-size:13px;color:var(--kendo-color-subtle, rgba(0, 0, 0, .6));line-height:1.5}.record-array-actions{display:flex;gap:8px;justify-content:flex-start;padding-top:0}.record-actions{margin-top:16px;display:flex;gap:8px;justify-content:flex-start;padding-top:0}.binary-linked-wrap{display:flex;flex-direction:column;gap:6px}.binary-linked-reference-hint{font-size:.75rem;color:var(--kendo-color-primary, #0f6dff);font-style:italic}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => AttributesGroupComponent), selector: "mm-attributes-group", inputs: ["ckId", "parentFormGroup", "isRecord", "initialValues"] }, { kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "ngmodule", type: i0.forwardRef(() => ReactiveFormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i1.NgControlStatusGroup), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(() => i1.FormGroupDirective), selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(() => i1.FormControlName), selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i0.forwardRef(() => i1.FormGroupName), selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i0.forwardRef(() => i1$4.CardComponent), selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i0.forwardRef(() => i1$4.CardBodyComponent), selector: "kendo-card-body" }, { kind: "component", type: i0.forwardRef(() => i1$4.CardHeaderComponent), selector: "kendo-card-header" }, { kind: "component", type: i0.forwardRef(() => i1$4.ExpansionPanelComponent), selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.ExpansionPanelTitleDirective), selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: i0.forwardRef(() => i1$4.TabStripComponent), selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i0.forwardRef(() => i1$4.TabStripTabComponent), selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.TabContentDirective), selector: "[kendoTabContent]" }, { kind: "component", type: i0.forwardRef(() => i5.TextBoxComponent), selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i0.forwardRef(() => i5.NumericTextBoxComponent), selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i0.forwardRef(() => i5.SwitchComponent), selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: i0.forwardRef(() => i1$5.LabelComponent), selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i0.forwardRef(() => i1$1.ButtonComponent), selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i0.forwardRef(() => i4.DropDownListComponent), selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i0.forwardRef(() => i4.MultiSelectComponent), selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "component", type: i0.forwardRef(() => i7.DateTimePickerComponent), selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i0.forwardRef(() => i7.TimePickerComponent), selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: i0.forwardRef(() => i8.FileSelectComponent), selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "component", type: i0.forwardRef(() => AttributeFieldComponent), selector: "mm-attribute-field", inputs: ["attribute", "control", "baselineValue", "fieldId", "overrideLabelText", "showUndoButton", "undoButtonSize", "errorMessage", "hintText"], outputs: ["undo"] }] });
+  `, isInline: true, styles: [".attributes-form-container ::ng-deep kendo-card kendo-card-body{display:flex;flex-direction:column;gap:16px}.attributes-form-container ::ng-deep kendo-label{display:flex;flex-direction:column;gap:4px}.attributes-form-container ::ng-deep kendo-label label{text-transform:uppercase}.header-content{display:flex;flex-direction:column;gap:4px}.record-array-content,.tab-content-wrapper{display:flex;flex-direction:column;gap:16px}.record-actions-info{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:var(--kendo-color-surface-alt, rgba(0, 0, 0, .05));border:1px solid var(--kendo-color-border, rgba(0, 0, 0, .1));border-radius:4px;margin-bottom:16px}.record-actions-description{margin:0;font-size:13px;color:var(--kendo-color-subtle, rgba(0, 0, 0, .6));line-height:1.5}.record-array-actions{display:flex;gap:8px;justify-content:flex-start;padding-top:0}.record-actions{margin-top:16px;display:flex;gap:8px;justify-content:flex-start;padding-top:0}.binary-linked-wrap{display:flex;flex-direction:column;gap:6px}.binary-linked-reference-hint{font-size:.75rem;color:var(--kendo-color-primary, #0f6dff);font-style:italic}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => AttributesGroupComponent), selector: "mm-attributes-group", inputs: ["ckId", "parentFormGroup", "isRecord", "initialValues"] }, { kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "ngmodule", type: i0.forwardRef(() => ReactiveFormsModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgControlStatus), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(() => i1.NgControlStatusGroup), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(() => i1.FormGroupDirective), selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(() => i1.FormControlName), selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i0.forwardRef(() => i1.FormGroupName), selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i0.forwardRef(() => i1$4.CardComponent), selector: "kendo-card", inputs: ["orientation", "width"] }, { kind: "component", type: i0.forwardRef(() => i1$4.CardBodyComponent), selector: "kendo-card-body" }, { kind: "component", type: i0.forwardRef(() => i1$4.CardHeaderComponent), selector: "kendo-card-header" }, { kind: "component", type: i0.forwardRef(() => i1$4.ExpansionPanelComponent), selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.ExpansionPanelTitleDirective), selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: i0.forwardRef(() => i1$4.TabStripComponent), selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i0.forwardRef(() => i1$4.TabStripTabComponent), selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i0.forwardRef(() => i1$4.TabContentDirective), selector: "[kendoTabContent]" }, { kind: "component", type: i0.forwardRef(() => i5.TextBoxComponent), selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i0.forwardRef(() => i5.NumericTextBoxComponent), selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i0.forwardRef(() => i5.SwitchComponent), selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: i0.forwardRef(() => i1$5.LabelComponent), selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i0.forwardRef(() => i1$1.ButtonComponent), selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i0.forwardRef(() => i3$1.DropDownListComponent), selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i0.forwardRef(() => i3$1.MultiSelectComponent), selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "component", type: i0.forwardRef(() => i7.DateTimePickerComponent), selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i0.forwardRef(() => i7.TimePickerComponent), selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "clearButton", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: i0.forwardRef(() => i8.FileSelectComponent), selector: "kendo-fileselect", inputs: ["name"], outputs: ["valueChange"], exportAs: ["kendoFileSelect"] }, { kind: "component", type: i0.forwardRef(() => AttributeFieldComponent), selector: "mm-attribute-field", inputs: ["attribute", "control", "baselineValue", "fieldId", "overrideLabelText", "showUndoButton", "undoButtonSize", "errorMessage", "hintText"], outputs: ["undo"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AttributesGroupComponent, decorators: [{
             type: Component,
@@ -12762,9 +13041,10 @@ class RuntimeBrowserDetailsComponent {
     deleteEntitiesGQL = inject(DeleteEntitiesDtoGQL);
     entitySelectorDialog = inject(EntitySelectorDialogService);
     attributeSelectorDialog = inject(AttributeSelectorDialogService);
-    // Data Mapping state (list of DataPointMapping entities)
+    // Data Mapping state (list of DataPointMapping entities). Source data points
+    // for the mapping rows are now resolved inline by DataPointPickerComponent
+    // from the displayed RtEntity — no precomputed string list maintained here.
     dataMappings = [];
-    sourceDataPoints = [];
     /**
      * Optional expression validator function passed through to EntityDetailViewComponent → DataMappingListComponent.
      */
@@ -12885,7 +13165,6 @@ class RuntimeBrowserDetailsComponent {
                 this.error = this._messages.couldNotLoadEntityDetails;
             }
             else {
-                this.extractSourceDataPoints();
                 await this.loadDataMappings();
             }
         }
@@ -13291,100 +13570,28 @@ class RuntimeBrowserDetailsComponent {
         // Actual persistence happens on "Save All".
     }
     /**
-     * Extracts DataPoint names from the entity's States/DataPoints RecordArray attribute.
-     * Provides them as dropdown options for sourceAttributePath selection.
+     * Opens attribute selector for the source entity's attributes.
      */
-    extractSourceDataPoints() {
-        this.sourceDataPoints = ['currentValue'];
+    async onSelectSourceAttribute(mapping) {
         const entity = this.getEntityForDisplay();
-        if (!entity?.attributes?.items)
+        if (!entity?.ckTypeId)
             return;
-        // Look for a RecordArray attribute (States, DataPoints, etc.) - case insensitive
-        const statesAttr = entity.attributes.items.find((a) => {
-            const name = a?.attributeName?.toLowerCase();
-            return name === 'states' || name === 'datapoints';
-        });
-        if (!statesAttr?.value)
+        const result = await this.attributeSelectorDialog.openAttributeSelector(entity.ckTypeId, mapping.sourceAttributePath ? [mapping.sourceAttributePath] : undefined, 'Select Source Attribute', true, undefined, false, undefined, true);
+        if (result.confirmed && result.selectedAttributes.length > 0) {
+            mapping.sourceAttributePath = result.selectedAttributes[0].attributePath;
+            this.dataMappings = [...this.dataMappings];
+        }
+    }
+    /**
+     * Opens attribute selector for the target entity's attributes.
+     */
+    async onSelectTargetAttribute(mapping) {
+        if (!mapping.targetCkTypeId)
             return;
-        let records;
-        if (Array.isArray(statesAttr.value)) {
-            records = statesAttr.value;
-        }
-        else if (typeof statesAttr.value === 'string') {
-            // RecordArray might come as JSON string from GraphQL
-            try {
-                const parsed = JSON.parse(statesAttr.value);
-                if (Array.isArray(parsed)) {
-                    records = parsed;
-                }
-                else {
-                    return;
-                }
-            }
-            catch {
-                return;
-            }
-        }
-        else {
-            return;
-        }
-        // Extract Name from each record.
-        // GraphQL returns records as: { ckRecordId, attributes: [{attributeName, value}, ...] }
-        const names = [];
-        for (const record of records) {
-            if (record && typeof record === 'object') {
-                const r = record;
-                const attrs = r['attributes'];
-                let name;
-                if (Array.isArray(attrs)) {
-                    // GraphQL format: attributes is array of {attributeName, value}
-                    const nameEntry = attrs
-                        .find((a) => a.attributeName === 'name' || a.attributeName === 'Name');
-                    if (nameEntry?.value && typeof nameEntry.value === 'string') {
-                        name = nameEntry.value;
-                    }
-                }
-                else if (attrs && typeof attrs === 'object') {
-                    // Pipeline/MongoDB format: attributes is object {Name: "...", ...}
-                    const attrObj = attrs;
-                    name = (attrObj['Name'] ?? attrObj['name'] ?? attrObj['stateName']);
-                }
-                if (!name) {
-                    // Flat format: {name: "...", ...}
-                    name = (r['Name'] ?? r['name']);
-                }
-                if (typeof name === 'string' && name.length > 0) {
-                    names.push(name);
-                }
-            }
-        }
-        if (names.length > 0) {
-            this.sourceDataPoints = ['currentValue', ...names.sort()];
-        }
-    }
-    /**
-     * Opens attribute selector for the source entity's attributes.
-     */
-    async onSelectSourceAttribute(mapping) {
-        const entity = this.getEntityForDisplay();
-        if (!entity?.ckTypeId)
-            return;
-        const result = await this.attributeSelectorDialog.openAttributeSelector(entity.ckTypeId, mapping.sourceAttributePath ? [mapping.sourceAttributePath] : undefined, 'Select Source Attribute', true, undefined, false, undefined, true);
-        if (result.confirmed && result.selectedAttributes.length > 0) {
-            mapping.sourceAttributePath = result.selectedAttributes[0].attributePath;
-            this.dataMappings = [...this.dataMappings];
-        }
-    }
-    /**
-     * Opens attribute selector for the target entity's attributes.
-     */
-    async onSelectTargetAttribute(mapping) {
-        if (!mapping.targetCkTypeId)
-            return;
-        const result = await this.attributeSelectorDialog.openAttributeSelector(mapping.targetCkTypeId, mapping.targetAttributePath ? [mapping.targetAttributePath] : undefined, 'Select Target Attribute', true, undefined, false, undefined, true);
-        if (result.confirmed && result.selectedAttributes.length > 0) {
-            mapping.targetAttributePath = result.selectedAttributes[0].attributePath;
-            this.dataMappings = [...this.dataMappings];
+        const result = await this.attributeSelectorDialog.openAttributeSelector(mapping.targetCkTypeId, mapping.targetAttributePath ? [mapping.targetAttributePath] : undefined, 'Select Target Attribute', true, undefined, false, undefined, true);
+        if (result.confirmed && result.selectedAttributes.length > 0) {
+            mapping.targetAttributePath = result.selectedAttributes[0].attributePath;
+            this.dataMappings = [...this.dataMappings];
         }
     }
     /**
@@ -13489,7 +13696,6 @@ class RuntimeBrowserDetailsComponent {
                 [messages]="_messages"
                 [showDataMapping]="showDataMapping"
                 [dataMappings]="dataMappings"
-                [sourceDataPoints]="sourceDataPoints"
                 [expressionValidator]="expressionValidator"
                 (retry)="loadFullEntityDetails()"
                 (navigateToEntity)="
@@ -13589,7 +13795,7 @@ class RuntimeBrowserDetailsComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}.runtime-browser-details{display:flex;flex-direction:column;flex:1;min-height:0;padding:24px;box-sizing:border-box;overflow-y:auto;background:linear-gradient(180deg,var(--surface-elevated) 0%,var(--deep-sea) 100%)}.runtime-browser-details .no-selection{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.runtime-browser-details .no-selection .placeholder-content{text-align:center;max-width:400px;padding:40px;background:linear-gradient(135deg,var(--iron-navy-80),var(--surface-elevated-90));border:1px solid var(--octo-mint-30);border-radius:8px 24px;box-shadow:0 0 30px var(--octo-mint-10),inset 0 0 40px var(--octo-mint-03)}.runtime-browser-details .no-selection .placeholder-content .placeholder-icon{margin-bottom:24px}.runtime-browser-details .no-selection .placeholder-content .placeholder-icon .k-icon{font-size:64px;color:var(--octo-mint-50);text-shadow:0 0 20px var(--octo-mint-50);animation:lcars-icon-pulse 3s ease-in-out infinite}.runtime-browser-details .no-selection .placeholder-content h3{margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--octo-mint);text-shadow:0 0 15px var(--octo-mint-50)}.runtime-browser-details .no-selection .placeholder-content p{margin:0;font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.6;color:rgba(var(--octo-text-color),.7);letter-spacing:.5px}.runtime-browser-details .entity-details{height:100%;display:flex;flex-direction:column;overflow:hidden}.runtime-browser-details .entity-details .details-header{display:flex;align-items:center;gap:16px;padding:16px 20px 16px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;margin-bottom:20px;position:relative;box-shadow:0 4px 20px #0006,0 0 15px var(--octo-mint-08)}.runtime-browser-details .entity-details .details-header:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);border-radius:4px 0 0 4px}.runtime-browser-details .entity-details .details-header .entity-icon{font-size:28px;color:var(--octo-mint);text-shadow:0 0 10px var(--octo-mint-50)}.runtime-browser-details .entity-details .details-header .entity-title{flex:1}.runtime-browser-details .entity-details .details-header .entity-title h3{margin:0 0 6px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color)}.runtime-browser-details .entity-details .details-header .entity-title .entity-type{margin:0;font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--neo-cyan);background:var(--deep-sea-60);padding:4px 10px;border-radius:4px;border:1px solid var(--neo-cyan-30);display:inline-block}.runtime-browser-details .entity-details mm-entity-detail-view{flex:1;display:flex;flex-direction:column;overflow-y:auto}.runtime-browser-details .entity-details .ck-model-details,.runtime-browser-details .entity-details .ck-models-root{padding:24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative}.runtime-browser-details .entity-details .ck-model-details:before,.runtime-browser-details .entity-details .ck-models-root:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50)}.runtime-browser-details .entity-details .ck-model-details h3,.runtime-browser-details .entity-details .ck-models-root h3{margin:0 0 20px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color)}.runtime-browser-details .entity-details .ck-model-details p,.runtime-browser-details .entity-details .ck-models-root p{margin:0 0 12px;font-family:Roboto,sans-serif;font-size:.9rem;color:rgba(var(--octo-text-color),.85)}.runtime-browser-details .entity-details .ck-model-details p strong,.runtime-browser-details .entity-details .ck-models-root p strong{font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;color:var(--octo-mint-80);margin-right:12px}.runtime-browser-details .entity-details .ck-model-details p.info-text,.runtime-browser-details .entity-details .ck-models-root p.info-text{color:rgba(var(--octo-text-color),.6);font-style:italic;margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,var(--neo-cyan-10),var(--neo-cyan-05));border:1px solid var(--neo-cyan-30);border-radius:4px 12px}.runtime-browser-details .entity-details .ck-type-details{display:flex;flex-direction:column;height:100%;padding:0}.runtime-browser-details .entity-details .ck-type-details .type-header{margin-bottom:20px;padding:20px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative}.runtime-browser-details .entity-details .ck-type-details .type-header:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50)}.runtime-browser-details .entity-details .ck-type-details .type-header h3{margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color)}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata{display:flex;gap:10px;align-items:center}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .badge{padding:6px 14px;border-radius:4px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .badge.abstract{background:linear-gradient(135deg,var(--royal-violet-30),var(--royal-violet-15));border:1px solid var(--royal-violet-50);color:var(--royal-violet-light-20);box-shadow:0 0 10px var(--royal-violet-30)}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .badge.final{background:linear-gradient(135deg,var(--toffee-30),var(--toffee-15));border:1px solid var(--toffee-50);color:var(--toffee);box-shadow:0 0 10px var(--toffee-30)}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .base-type{font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--neo-cyan);background:var(--deep-sea-60);padding:4px 10px;border-radius:4px;border:1px solid var(--neo-cyan-30)}.runtime-browser-details .entity-details .ck-type-details .entities-table{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;padding:20px}.runtime-browser-details .entity-details .ck-type-details .entities-table h4{margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-mint)}.runtime-browser-details .entity-details .ck-type-details .entities-table mm-list-view{flex:1;display:flex;flex-direction:column;overflow:hidden}@keyframes lcars-icon-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media(max-width:768px){.runtime-browser-details{padding:16px}.runtime-browser-details .no-selection .placeholder-content{padding:24px}.runtime-browser-details .no-selection .placeholder-content .placeholder-icon .k-icon{font-size:48px}.runtime-browser-details .no-selection .placeholder-content h3{font-size:1.1rem}.runtime-browser-details .entity-details .details-header{flex-direction:column;align-items:flex-start;gap:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: EntityDetailViewComponent, selector: "mm-entity-detail-view", inputs: ["entity", "loading", "error", "showHeader", "messages", "showDataMapping", "dataMappings", "sourceDataPoints", "expressionValidator"], outputs: ["retry", "propertyChange", "navigateToEntity", "addMappingRequested", "removeMappingRequested", "selectMappingTarget", "selectSourceAttributeRequested", "selectTargetAttributeRequested", "mappingChanged", "saveAllMappingsRequested"] }, { kind: "component", type: ListViewComponent, selector: "mm-list-view", inputs: ["pageSize", "skip", "rowIsClickable", "showRowCheckBoxes", "showRowSelectAllCheckBox", "contextMenuType", "leftToolbarActions", "rightToolbarActions", "actionCommandItems", "contextMenuCommandItems", "excelExportFileName", "pdfExportFileName", "pageable", "sortable", "rowFilterEnabled", "searchTextBoxEnabled", "rowClass", "messages", "selectable", "columns"], outputs: ["rowClicked"] }, { kind: "directive", type: CkTypeEntitiesDataSourceDirective, selector: "[mmCkTypeEntitiesDataSource]", exportAs: ["mmCkTypeEntitiesDataSource"] }, { kind: "component", type: CreateEditorComponent, selector: "mm-create-editor-component", inputs: ["createInput", "messages"], outputs: ["createOutput", "cancelRequested"] }, { kind: "component", type: UpdateEditorComponent, selector: "mm-update-editor-component", inputs: ["updateInput", "messages"], outputs: ["updateOutput", "cancelRequested"] }] });
+  `, isInline: true, styles: [":host{display:block;height:100%;width:100%}.runtime-browser-details{display:flex;flex-direction:column;flex:1;min-height:0;padding:24px;box-sizing:border-box;overflow-y:auto;background:linear-gradient(180deg,var(--surface-elevated) 0%,var(--deep-sea) 100%)}.runtime-browser-details .no-selection{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.runtime-browser-details .no-selection .placeholder-content{text-align:center;max-width:400px;padding:40px;background:linear-gradient(135deg,var(--iron-navy-80),var(--surface-elevated-90));border:1px solid var(--octo-mint-30);border-radius:8px 24px;box-shadow:0 0 30px var(--octo-mint-10),inset 0 0 40px var(--octo-mint-03)}.runtime-browser-details .no-selection .placeholder-content .placeholder-icon{margin-bottom:24px}.runtime-browser-details .no-selection .placeholder-content .placeholder-icon .k-icon{font-size:64px;color:var(--octo-mint-50);text-shadow:0 0 20px var(--octo-mint-50);animation:lcars-icon-pulse 3s ease-in-out infinite}.runtime-browser-details .no-selection .placeholder-content h3{margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--octo-mint);text-shadow:0 0 15px var(--octo-mint-50)}.runtime-browser-details .no-selection .placeholder-content p{margin:0;font-family:Montserrat,sans-serif;font-size:.9rem;line-height:1.6;color:rgba(var(--octo-text-color),.7);letter-spacing:.5px}.runtime-browser-details .entity-details{height:100%;display:flex;flex-direction:column;overflow:hidden}.runtime-browser-details .entity-details .details-header{display:flex;align-items:center;gap:16px;padding:16px 20px 16px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;margin-bottom:20px;position:relative;box-shadow:0 4px 20px #0006,0 0 15px var(--octo-mint-08)}.runtime-browser-details .entity-details .details-header:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50);border-radius:4px 0 0 4px}.runtime-browser-details .entity-details .details-header .entity-icon{font-size:28px;color:var(--octo-mint);text-shadow:0 0 10px var(--octo-mint-50)}.runtime-browser-details .entity-details .details-header .entity-title{flex:1}.runtime-browser-details .entity-details .details-header .entity-title h3{margin:0 0 6px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color)}.runtime-browser-details .entity-details .details-header .entity-title .entity-type{margin:0;font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--neo-cyan);background:var(--deep-sea-60);padding:4px 10px;border-radius:4px;border:1px solid var(--neo-cyan-30);display:inline-block}.runtime-browser-details .entity-details mm-entity-detail-view{flex:1;display:flex;flex-direction:column;overflow-y:auto}.runtime-browser-details .entity-details .ck-model-details,.runtime-browser-details .entity-details .ck-models-root{padding:24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative}.runtime-browser-details .entity-details .ck-model-details:before,.runtime-browser-details .entity-details .ck-models-root:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50)}.runtime-browser-details .entity-details .ck-model-details h3,.runtime-browser-details .entity-details .ck-models-root h3{margin:0 0 20px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color)}.runtime-browser-details .entity-details .ck-model-details p,.runtime-browser-details .entity-details .ck-models-root p{margin:0 0 12px;font-family:Roboto,sans-serif;font-size:.9rem;color:rgba(var(--octo-text-color),.85)}.runtime-browser-details .entity-details .ck-model-details p strong,.runtime-browser-details .entity-details .ck-models-root p strong{font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;color:var(--octo-mint-80);margin-right:12px}.runtime-browser-details .entity-details .ck-model-details p.info-text,.runtime-browser-details .entity-details .ck-models-root p.info-text{color:rgba(var(--octo-text-color),.6);font-style:italic;margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,var(--neo-cyan-10),var(--neo-cyan-05));border:1px solid var(--neo-cyan-30);border-radius:4px 12px}.runtime-browser-details .entity-details .ck-type-details{display:flex;flex-direction:column;height:100%;padding:0}.runtime-browser-details .entity-details .ck-type-details .type-header{margin-bottom:20px;padding:20px 24px;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;position:relative}.runtime-browser-details .entity-details .ck-type-details .type-header:before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--octo-mint),var(--neo-cyan),var(--royal-violet));box-shadow:0 0 10px var(--octo-mint-50)}.runtime-browser-details .entity-details .ck-type-details .type-header h3{margin:0 0 12px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-text-color)}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata{display:flex;gap:10px;align-items:center}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .badge{padding:6px 14px;border-radius:4px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .badge.abstract{background:linear-gradient(135deg,var(--royal-violet-30),var(--royal-violet-15));border:1px solid var(--royal-violet-50);color:var(--royal-violet-light-20);box-shadow:0 0 10px var(--royal-violet-30)}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .badge.final{background:linear-gradient(135deg,var(--toffee-30),var(--toffee-15));border:1px solid var(--toffee-50);color:var(--toffee);box-shadow:0 0 10px var(--toffee-30)}.runtime-browser-details .entity-details .ck-type-details .type-header .type-metadata .base-type{font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--neo-cyan);background:var(--deep-sea-60);padding:4px 10px;border-radius:4px;border:1px solid var(--neo-cyan-30)}.runtime-browser-details .entity-details .ck-type-details .entities-table{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--iron-navy),var(--surface-elevated));border:1px solid var(--octo-mint-30);border-radius:4px 16px;padding:20px}.runtime-browser-details .entity-details .ck-type-details .entities-table h4{margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--octo-mint)}.runtime-browser-details .entity-details .ck-type-details .entities-table mm-list-view{flex:1;display:flex;flex-direction:column;overflow:hidden}@keyframes lcars-icon-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media(max-width:768px){.runtime-browser-details{padding:16px}.runtime-browser-details .no-selection .placeholder-content{padding:24px}.runtime-browser-details .no-selection .placeholder-content .placeholder-icon .k-icon{font-size:48px}.runtime-browser-details .no-selection .placeholder-content h3{font-size:1.1rem}.runtime-browser-details .entity-details .details-header{flex-direction:column;align-items:flex-start;gap:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: EntityDetailViewComponent, selector: "mm-entity-detail-view", inputs: ["entity", "loading", "error", "showHeader", "messages", "showDataMapping", "dataMappings", "expressionValidator"], outputs: ["retry", "propertyChange", "navigateToEntity", "addMappingRequested", "removeMappingRequested", "selectMappingTarget", "selectSourceAttributeRequested", "selectTargetAttributeRequested", "mappingChanged", "saveAllMappingsRequested"] }, { kind: "component", type: ListViewComponent, selector: "mm-list-view", inputs: ["pageSize", "skip", "rowIsClickable", "showRowCheckBoxes", "showRowSelectAllCheckBox", "contextMenuType", "leftToolbarActions", "rightToolbarActions", "actionCommandItems", "contextMenuCommandItems", "excelExportFileName", "pdfExportFileName", "pageable", "sortable", "rowFilterEnabled", "searchTextBoxEnabled", "rowClass", "messages", "selectable", "columns"], outputs: ["rowClicked"] }, { kind: "directive", type: CkTypeEntitiesDataSourceDirective, selector: "[mmCkTypeEntitiesDataSource]", exportAs: ["mmCkTypeEntitiesDataSource"] }, { kind: "component", type: CreateEditorComponent, selector: "mm-create-editor-component", inputs: ["createInput", "messages"], outputs: ["createOutput", "cancelRequested"] }, { kind: "component", type: UpdateEditorComponent, selector: "mm-update-editor-component", inputs: ["updateInput", "messages"], outputs: ["updateOutput", "cancelRequested"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RuntimeBrowserDetailsComponent, decorators: [{
             type: Component,
@@ -13643,7 +13849,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 [messages]="_messages"
                 [showDataMapping]="showDataMapping"
                 [dataMappings]="dataMappings"
-                [sourceDataPoints]="sourceDataPoints"
                 [expressionValidator]="expressionValidator"
                 (retry)="loadFullEntityDetails()"
                 (navigateToEntity)="
@@ -15207,6 +15412,2135 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Output
             }] } });
 
+const GetLatestValidationExecutionDocumentDto = gql `
+    query getLatestValidationExecution($pipelineRtId: OctoObjectId!, $pipelineCkTypeId: String!, $executesRoleId: String!, $executionCkTypeId: String!) {
+  runtime {
+    runtimeEntities(rtId: $pipelineRtId, ckId: $pipelineCkTypeId) {
+      items {
+        rtId
+        ckTypeId
+        associations {
+          executions: targets(
+            roleId: $executesRoleId
+            ckId: $executionCkTypeId
+            direction: INBOUND
+            first: 1
+            sortOrder: [{attributePath: "CompletedAt", sortOrder: DESCENDING}]
+          ) {
+            items {
+              rtId
+              ckTypeId
+              attributes(resolveEnumValuesToNames: true) {
+                items {
+                  attributeName
+                  value
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+class GetLatestValidationExecutionDtoGQL extends i1$3.Query {
+    document = GetLatestValidationExecutionDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetLatestValidationExecutionDtoGQL, deps: [{ token: i1$3.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetLatestValidationExecutionDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetLatestValidationExecutionDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.Apollo }] });
+
+const GetNodeMappingsDocumentDto = gql `
+    query getNodeMappings($rtId: OctoObjectId!, $ckTypeId: String!, $mapsToRoleId: String!, $mapsFromRoleId: String!, $mappingCkTypeId: String!) {
+  runtime {
+    runtimeEntities(rtId: $rtId, ckId: $ckTypeId) {
+      items {
+        rtId
+        ckTypeId
+        associations {
+          mappings: targets(
+            roleId: $mapsToRoleId
+            ckId: $mappingCkTypeId
+            direction: INBOUND
+          ) {
+            totalCount
+            items {
+              rtId
+              ckTypeId
+              attributes(resolveEnumValuesToNames: true) {
+                items {
+                  attributeName
+                  value
+                }
+              }
+              associations {
+                sources: definitions(roleId: $mapsFromRoleId, direction: OUTBOUND, first: 1) {
+                  items {
+                    targetRtId
+                    targetCkTypeId
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+class GetNodeMappingsDtoGQL extends i1$3.Query {
+    document = GetNodeMappingsDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetNodeMappingsDtoGQL, deps: [{ token: i1$3.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetNodeMappingsDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetNodeMappingsDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.Apollo }] });
+
+const GetOrphanCandidatesDocumentDto = gql `
+    query getOrphanCandidates($ckTypeId: String!, $mapsFromRoleId: String!, $mappingCkTypeId: String!, $childRoleId: String!, $childCkTypeId: String!, $first: Int, $after: String, $searchFilter: SearchFilter) {
+  runtime {
+    runtimeEntities(
+      ckId: $ckTypeId
+      first: $first
+      after: $after
+      searchFilter: $searchFilter
+    ) {
+      totalCount
+      items {
+        rtId
+        ckTypeId
+        rtWellKnownName
+        attributes(attributeNames: ["name", "description"]) {
+          items {
+            attributeName
+            value
+          }
+        }
+        associations {
+          mappings: targets(
+            roleId: $mapsFromRoleId
+            ckId: $mappingCkTypeId
+            direction: INBOUND
+            first: 1
+          ) {
+            totalCount
+          }
+          parent: targets(
+            roleId: $childRoleId
+            ckId: $childCkTypeId
+            direction: OUTBOUND
+            first: 1
+          ) {
+            items {
+              rtId
+              ckTypeId
+              rtWellKnownName
+              attributes(attributeNames: ["name"]) {
+                items {
+                  attributeName
+                  value
+                }
+              }
+              associations {
+                parent: targets(
+                  roleId: $childRoleId
+                  ckId: $childCkTypeId
+                  direction: OUTBOUND
+                  first: 1
+                ) {
+                  items {
+                    rtId
+                    ckTypeId
+                    rtWellKnownName
+                    attributes(attributeNames: ["name"]) {
+                      items {
+                        attributeName
+                        value
+                      }
+                    }
+                    associations {
+                      parent: targets(
+                        roleId: $childRoleId
+                        ckId: $childCkTypeId
+                        direction: OUTBOUND
+                        first: 1
+                      ) {
+                        items {
+                          rtId
+                          ckTypeId
+                          rtWellKnownName
+                          attributes(attributeNames: ["name"]) {
+                            items {
+                              attributeName
+                              value
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+class GetOrphanCandidatesDtoGQL extends i1$3.Query {
+    document = GetOrphanCandidatesDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetOrphanCandidatesDtoGQL, deps: [{ token: i1$3.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetOrphanCandidatesDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetOrphanCandidatesDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.Apollo }] });
+
+const GetMappingCoverageNodeDocumentDto = gql `
+    query getMappingCoverageNode($rtId: OctoObjectId!, $ckTypeId: String!, $childRoleId: String!, $childCkTypeId: String!, $mappingRoleId: String!, $mappingCkTypeId: String!) {
+  runtime {
+    runtimeEntities(rtId: $rtId, ckId: $ckTypeId) {
+      items {
+        rtId
+        ckTypeId
+        rtWellKnownName
+        attributes(attributeNames: ["name", "description"]) {
+          items {
+            attributeName
+            value
+          }
+        }
+        associations {
+          ownMappings: targets(
+            roleId: $mappingRoleId
+            ckId: $mappingCkTypeId
+            direction: INBOUND
+          ) {
+            totalCount
+          }
+          children: targets(
+            roleId: $childRoleId
+            ckId: $childCkTypeId
+            direction: INBOUND
+          ) {
+            totalCount
+            items {
+              rtId
+              ckTypeId
+              attributes(attributeNames: ["name", "description"]) {
+                items {
+                  attributeName
+                  value
+                }
+              }
+              associations {
+                grandChildren: targets(
+                  roleId: $childRoleId
+                  ckId: $childCkTypeId
+                  direction: INBOUND
+                ) {
+                  totalCount
+                }
+                mappings: targets(
+                  roleId: $mappingRoleId
+                  ckId: $mappingCkTypeId
+                  direction: INBOUND
+                ) {
+                  totalCount
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+class GetMappingCoverageNodeDtoGQL extends i1$3.Query {
+    document = GetMappingCoverageNodeDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetMappingCoverageNodeDtoGQL, deps: [{ token: i1$3.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetMappingCoverageNodeDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: GetMappingCoverageNodeDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.Apollo }] });
+
+/**
+ * Generic hierarchy data source for the Mapping Coverage Tree.
+ *
+ * Configure with `setRoot(...)` and `setConfig(...)` before passing to a
+ * `<mm-tree-view>` instance. The data source resolves child nodes through the
+ * configured `childRoleId` / `childCkTypeId` and decorates each item with the
+ * number of inbound mappings (via `mappingRoleId`).
+ */
+class MappingCoverageTreeDataSource extends HierarchyDataSourceBase {
+    getCoverageNodeGQL = inject(GetMappingCoverageNodeDtoGQL);
+    _root = null;
+    _config = null;
+    _rootMappingCount = 0;
+    _validationMap = new Map();
+    setRoot(root) {
+        this._root = root;
+    }
+    setConfig(config) {
+        this._config = config;
+    }
+    /**
+     * Inject the validation report (rtId → status detail) loaded from the
+     * latest PipelineExecution. Pass an empty map to clear the overlay.
+     * The caller must trigger a tree refresh after updating the map.
+     */
+    setValidationMap(map) {
+        this._validationMap = map;
+    }
+    getValidationMap() {
+        return this._validationMap;
+    }
+    getRoot() {
+        return this._root;
+    }
+    getRootMappingCount() {
+        return this._rootMappingCount;
+    }
+    async fetchRootNodes() {
+        if (!this._root || !this._config) {
+            return [];
+        }
+        const result = await this.queryNode(this._root.rtId, this._root.ckTypeId);
+        if (!result) {
+            // Fall back: show the root even if we could not load its children counts.
+            return [this.buildItem(this._root, true, 0, true)];
+        }
+        this._rootMappingCount = result.ownMappingCount;
+        const hasChildren = result.children.length > 0;
+        return [this.buildItem(result.entity, true, result.ownMappingCount, hasChildren)];
+    }
+    async fetchChildren(item) {
+        if (!this._config) {
+            return [];
+        }
+        const result = await this.queryNode(item.item.rtId, item.item.ckTypeId);
+        if (!result) {
+            return [];
+        }
+        return result.children.map(child => this.buildItem({ rtId: child.rtId, ckTypeId: child.ckTypeId, name: child.name, description: child.description }, false, child.mappingCount, child.hasGrandChildren));
+    }
+    /**
+     * Reloads the coverage payload (mapping count / hasChildren flag) for a single
+     * entity. Used after CRUD operations on mappings so the badge updates without
+     * collapsing the surrounding subtree.
+     */
+    async refreshNode(rtId, ckTypeId) {
+        const result = await this.queryNode(rtId, ckTypeId);
+        if (!result) {
+            return null;
+        }
+        const detail = this._validationMap.get(rtId) ?? null;
+        return {
+            ...result.entity,
+            mappingCount: result.ownMappingCount,
+            hasChildren: result.children.length > 0,
+            isRoot: this._root?.rtId === rtId,
+            validationStatus: detail?.status ?? null,
+            validationDetail: detail,
+        };
+    }
+    buildItem(entity, isRoot, mappingCount, hasChildren) {
+        const detail = this._validationMap.get(entity.rtId) ?? null;
+        const payload = {
+            ...entity,
+            mappingCount,
+            hasChildren,
+            isRoot,
+            validationStatus: detail?.status ?? null,
+            validationDetail: detail,
+        };
+        const text = formatNodeLabel(entity, mappingCount, detail);
+        const tooltip = buildTooltip(entity, detail);
+        // Use the subtree rollup status so info/ok parents reveal hidden warnings
+        // or errors below them. Falls back to own status when subtree info isn't
+        // in the report (older backend) or no detail at all.
+        const iconStatus = detail?.subtreeStatus ?? detail?.status ?? null;
+        const icon = resolveIcon(iconStatus, isRoot);
+        return new TreeItemDataTyped(entity.rtId, text, tooltip, payload, icon, hasChildren, false);
+    }
+    async queryNode(rtId, ckTypeId) {
+        if (!this._config)
+            return null;
+        try {
+            const data = await firstValueFrom(this.getCoverageNodeGQL
+                .fetch({
+                variables: {
+                    rtId,
+                    ckTypeId,
+                    childRoleId: this._config.childRoleId,
+                    childCkTypeId: this._config.childCkTypeId,
+                    mappingRoleId: this._config.mappingRoleId,
+                    mappingCkTypeId: this._config.mappingCkTypeId,
+                },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map(r => r.data?.runtime?.runtimeEntities?.items?.[0])));
+            if (!data?.rtId || !data.ckTypeId) {
+                return null;
+            }
+            const entity = {
+                rtId: data.rtId,
+                ckTypeId: data.ckTypeId,
+                name: readAttr$1(data.attributes?.items, 'name') ?? data.rtWellKnownName ?? data.rtId,
+                description: readAttr$1(data.attributes?.items, 'description') ?? undefined,
+            };
+            const ownMappingCount = data.associations?.ownMappings?.totalCount ?? 0;
+            const childItems = data.associations?.children?.items ?? [];
+            const children = childItems
+                .filter((c) => !!c && !!c.rtId && !!c.ckTypeId)
+                .map(c => ({
+                rtId: c.rtId,
+                ckTypeId: c.ckTypeId,
+                name: readAttr$1(c.attributes?.items, 'name') ?? c.rtId,
+                description: readAttr$1(c.attributes?.items, 'description') ?? undefined,
+                mappingCount: c.associations?.mappings?.totalCount ?? 0,
+                hasGrandChildren: (c.associations?.grandChildren?.totalCount ?? 0) > 0,
+            }));
+            return { entity, ownMappingCount, children };
+        }
+        catch (error) {
+            console.error('Failed to load coverage node', error);
+            return null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingCoverageTreeDataSource, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingCoverageTreeDataSource });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingCoverageTreeDataSource, decorators: [{
+            type: Injectable
+        }] });
+function readAttr$1(items, name) {
+    if (!items)
+        return null;
+    const target = name.toLowerCase();
+    for (const item of items) {
+        if (item?.attributeName != null && item.attributeName.toLowerCase() === target && item.value != null) {
+            return String(item.value);
+        }
+    }
+    return null;
+}
+function formatNodeLabel(entity, mappingCount, detail) {
+    const base = entity.name || entity.rtId;
+    const countSuffix = mappingCount > 0 ? `  [${mappingCount}]` : '';
+    if (detail && (detail.missingRequired.length > 0 || detail.missingRecommended.length > 0)) {
+        const missing = [...detail.missingRequired, ...detail.missingRecommended].join(', ');
+        return `${base}${countSuffix} — missing: ${missing}`;
+    }
+    return `${base}${countSuffix}`;
+}
+function buildTooltip(entity, detail) {
+    const head = entity.description ?? `${entity.ckTypeId}@${entity.rtId}`;
+    if (!detail)
+        return head;
+    const lines = [head, `Status: ${detail.status}`];
+    // Flag subtree problems on `info` / `ok` parents so the user knows to drill
+    // in. Only show when the subtree is strictly worse than the node itself.
+    const counts = detail.subtreeCounts;
+    if (counts) {
+        const errBelow = counts.error - (detail.status === 'error' ? 1 : 0);
+        const warnBelow = counts.warning - (detail.status === 'warning' ? 1 : 0);
+        if (errBelow > 0 || warnBelow > 0) {
+            const parts = [];
+            if (errBelow > 0)
+                parts.push(`${errBelow} error${errBelow === 1 ? '' : 's'}`);
+            if (warnBelow > 0)
+                parts.push(`${warnBelow} warning${warnBelow === 1 ? '' : 's'}`);
+            lines.push(`Below: ${parts.join(', ')}`);
+        }
+    }
+    if (detail.missingRequired.length > 0) {
+        lines.push(`Missing required: ${detail.missingRequired.join(', ')}`);
+    }
+    if (detail.missingRecommended.length > 0) {
+        lines.push(`Missing recommended: ${detail.missingRecommended.join(', ')}`);
+    }
+    if (detail.present.length > 0) {
+        lines.push(`Present: ${detail.present.join(', ')}`);
+    }
+    return lines.join('\n');
+}
+/**
+ * Wraps a Kendo SVG icon's <path> markup in a coloured group so the rendered
+ * icon picks up a semantic colour at the SVG layer — no CSS hooks needed.
+ *
+ * Kendo's `kendo-svgicon` writes the icon content as-is inside an outer
+ * `<svg>`, and the path has no fill of its own (so it inherits currentColor).
+ * Wrapping in `<g fill="…">` forces a literal colour and survives the
+ * surrounding `color: inherit` in the tree template.
+ *
+ * We embed the hex value rather than a CSS variable because SVG attributes
+ * inside the content string aren't resolved by CSS — they're literal.
+ */
+function colorize(icon, color) {
+    return {
+        name: `${icon.name}-${color.replace('#', '')}`,
+        viewBox: icon.viewBox,
+        content: `<g fill="${color}">${icon.content}</g>`,
+    };
+}
+// Semantic palette — matches the badge colours used in the toolbar summary
+// (badge-error/-warning/-ok/-info) so the legend and the tree agree.
+const STATUS_COLORS = {
+    ok: '#28a745', // success green
+    warning: '#ffc107', // amber
+    error: '#dc3545', // red
+    info: '#0dcaf0', // info cyan
+};
+const COLORED_STATUS_ICONS = {
+    ok: colorize(checkCircleIcon, STATUS_COLORS.ok),
+    warning: colorize(warningCircleIcon, STATUS_COLORS.warning),
+    error: colorize(exclamationCircleIcon, STATUS_COLORS.error),
+    info: colorize(infoCircleIcon, STATUS_COLORS.info),
+};
+function resolveIcon(status, isRoot) {
+    if (status && COLORED_STATUS_ICONS[status]) {
+        return COLORED_STATUS_ICONS[status];
+    }
+    return isRoot ? folderIcon : gridIcon;
+}
+
+/**
+ * Focused single-mapping editor dialog. The host renders this via
+ * `MappingEditDialogService.open(...)` and awaits the resulting promise:
+ * `confirmed=true` means the user saved (caller persists), `confirmed=false`
+ * means cancel.
+ */
+class MappingEditDialogComponent {
+    windowRef = inject(WindowRef);
+    entitySelector = inject(EntitySelectorDialogService);
+    attributeSelectorDialog = inject(AttributeSelectorDialogService);
+    attributeService = inject(AttributeSelectorService);
+    icons = {
+        link: hyperlinkOpenIcon,
+        browse: folderOpenIcon,
+        regenerate: arrowRotateCwIcon,
+    };
+    /** Set by the service before the dialog content is shown. */
+    data = {
+        mapping: this.emptyValue(),
+    };
+    /** Reactive working copy — the form binds to this. */
+    model = signal(this.emptyValue(), ...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    /** Target CK-type attribute catalogue. The source side is now handled by
+     *  the dedicated {@link DataPointPickerComponent}, which loads runtime state
+     *  names from the entity itself instead of CK schema attributes. */
+    targetAttributes = signal([], ...(ngDevMode ? [{ debugName: "targetAttributes" }] : /* istanbul ignore next */ []));
+    targetFilter = signal('', ...(ngDevMode ? [{ debugName: "targetFilter" }] : /* istanbul ignore next */ []));
+    targetAttributesLoading = signal(false, ...(ngDevMode ? [{ debugName: "targetAttributesLoading" }] : /* istanbul ignore next */ []));
+    targetAttributeList = computed(() => filterAttributes(this.targetAttributes(), this.targetFilter()), ...(ngDevMode ? [{ debugName: "targetAttributeList" }] : /* istanbul ignore next */ []));
+    /**
+     * Effective target CK type id — prefers the value picked by the user via
+     * {@link pickTarget}; falls back to the optional {@link MappingEditDialogData.targetCkTypeId}
+     * legacy default. Drives the Target Attribute Path autocomplete dropdown.
+     */
+    effectiveTargetCkTypeId = computed(() => this.model().targetCkTypeId ?? this.data.targetCkTypeId, ...(ngDevMode ? [{ debugName: "effectiveTargetCkTypeId" }] : /* istanbul ignore next */ []));
+    initialise(data) {
+        this.data = data;
+        // Seed mapping.targetCkTypeId from the legacy data field when the caller
+        // hasn't set it yet — covers the tree-context flow where the dialog was
+        // opened for a fixed target node and the value was passed via data.
+        const seededTargetCkTypeId = data.mapping.targetCkTypeId ?? data.targetCkTypeId;
+        this.model.set({
+            ...data.mapping,
+            targetCkTypeId: seededTargetCkTypeId,
+            _originalSourceRtId: data.mapping.sourceRtId,
+            _originalSourceCkTypeId: data.mapping.sourceCkTypeId,
+            _originalTargetRtId: data.mapping.targetRtId,
+            _originalTargetCkTypeId: data.mapping.targetCkTypeId,
+        });
+        if (seededTargetCkTypeId) {
+            void this.loadTargetAttributes(seededTargetCkTypeId);
+        }
+    }
+    /**
+     * Enabled when at least one labelled side of the mapping is filled enough
+     * to produce a meaningful name. We require *some* identifying info on each
+     * end so the generated name isn't just "(unset) → (unset)".
+     */
+    canGenerateName() {
+        const m = this.model();
+        const sourceLabel = m.sourceName || m.sourceRtId;
+        const targetLabel = m.targetName || m.targetRtId;
+        return !!(sourceLabel && targetLabel);
+    }
+    /**
+     * Writes a deterministic, human-readable name into the mapping based on the
+     * current source/target selection. Format:
+     *   `{sourceName} {sourcePath} → {targetName} {targetPath}`
+     * Falls back to rtId fragments when names are missing. The user can still
+     * edit the result freely — this just gives them a sensible starting point
+     * so they don't have to invent a name from scratch when finishing an
+     * orphan-tab mapping.
+     */
+    generateName() {
+        const m = this.model();
+        const source = describeEnd(m.sourceName, m.sourceRtId, m.sourceAttributePath);
+        const target = describeEnd(m.targetName, m.targetRtId, m.targetAttributePath);
+        if (!source && !target)
+            return;
+        const generated = `${source || '(no source)'} → ${target || '(no target)'}`;
+        this.model.update(curr => ({ ...curr, name: generated }));
+    }
+    isValid() {
+        const m = this.model();
+        // Both ends must be linked and the target attribute path filled — a
+        // mapping without these can't actually fire on the runtime side.
+        if (!m.sourceRtId || !m.sourceCkTypeId)
+            return false;
+        if (!m.targetRtId || !m.targetCkTypeId)
+            return false;
+        return !!m.targetAttributePath && m.targetAttributePath.trim().length > 0;
+    }
+    async pickSource() {
+        const current = this.model();
+        const result = await this.entitySelector.openEntitySelector({
+            title: 'Select Source Entity',
+            currentTargetRtId: current.sourceRtId,
+            currentTargetCkTypeId: current.sourceCkTypeId,
+        });
+        if (!result.confirmed || !result.entity)
+            return;
+        const changedType = result.entity.ckTypeId !== current.sourceCkTypeId;
+        this.model.update(m => ({
+            ...m,
+            sourceRtId: result.entity.rtId,
+            sourceCkTypeId: result.entity.ckTypeId,
+            sourceName: result.entity.name ?? result.entity.rtId,
+            // Reset the path when the type changes — the previous attribute likely
+            // doesn't exist on the new type.
+            sourceAttributePath: changedType ? '' : m.sourceAttributePath,
+        }));
+        // The data-point picker watches sourceCkTypeId/sourceRtId and refreshes
+        // its option list on its own — no extra wiring needed here.
+    }
+    async pickTarget() {
+        const current = this.model();
+        const result = await this.entitySelector.openEntitySelector({
+            title: 'Select Target Entity',
+            currentTargetRtId: current.targetRtId,
+            currentTargetCkTypeId: current.targetCkTypeId,
+        });
+        if (!result.confirmed || !result.entity)
+            return;
+        const changedType = result.entity.ckTypeId !== current.targetCkTypeId;
+        this.model.update(m => ({
+            ...m,
+            targetRtId: result.entity.rtId,
+            targetCkTypeId: result.entity.ckTypeId,
+            targetName: result.entity.name ?? result.entity.rtId,
+            targetAttributePath: changedType ? '' : m.targetAttributePath,
+        }));
+        if (changedType) {
+            this.targetFilter.set('');
+            void this.loadTargetAttributes(result.entity.ckTypeId);
+        }
+    }
+    onSourceAttributePathChange(value) {
+        this.model.update(m => ({ ...m, sourceAttributePath: value }));
+    }
+    onTargetAttributePathChange(value) {
+        this.model.update(m => ({ ...m, targetAttributePath: value ?? '' }));
+    }
+    onTargetAttributeFilter(filter) {
+        this.targetFilter.set(filter);
+    }
+    onSave() {
+        if (!this.isValid())
+            return;
+        const result = { confirmed: true, mapping: this.model() };
+        this.windowRef.close(result);
+    }
+    onCancel() {
+        const result = { confirmed: false };
+        this.windowRef.close(result);
+    }
+    /**
+     * Fetches the CK-schema attribute catalogue for the target side and stores
+     * it for the target combobox dropdown. Navigation properties are excluded —
+     * they drown out the direct attributes; the browse button below opens the
+     * full {@link AttributeSelectorDialog} for users who need a deep path.
+     *
+     * (The source side now uses {@link DataPointPickerComponent}, which queries
+     * the runtime entity's States RecordArray directly — runtime data points,
+     * not CK schema attributes, are what the runtime engine matches against.)
+     */
+    async loadTargetAttributes(ckTypeId) {
+        this.targetAttributesLoading.set(true);
+        try {
+            const result = await firstValueFrom(this.attributeService.getAvailableAttributes(ckTypeId, undefined, // filter
+            500, // first
+            undefined, // after
+            undefined, // attributeValueType
+            undefined, // searchTerm
+            false, // includeNavigationProperties — keep the list focused
+            0));
+            this.targetAttributes.set(result.items);
+        }
+        catch (err) {
+            console.error(`Failed to load target attributes for ${ckTypeId}:`, err);
+            this.targetAttributes.set([]);
+        }
+        finally {
+            this.targetAttributesLoading.set(false);
+        }
+    }
+    async browseTargetAttribute() {
+        const ckTypeId = this.effectiveTargetCkTypeId();
+        if (!ckTypeId)
+            return;
+        const current = this.model().targetAttributePath;
+        const result = await this.attributeSelectorDialog.openAttributeSelector(ckTypeId, current ? [current] : undefined, 'Select Target Attribute Path', true);
+        if (result.confirmed && result.selectedAttributes.length > 0) {
+            this.model.update(m => ({
+                ...m,
+                targetAttributePath: result.selectedAttributes[0].attributePath,
+            }));
+        }
+    }
+    emptyValue() {
+        return {
+            rtId: '',
+            ckTypeId: '',
+            name: '',
+            enabled: true,
+            sourceAttributePath: '',
+            mappingExpression: '',
+            targetAttributePath: '',
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingEditDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MappingEditDialogComponent, isStandalone: true, selector: "mm-mapping-edit-dialog", ngImport: i0, template: `
+    <div class="mapping-edit">
+      <div class="mapping-edit-body">
+      <div class="field-row">
+        <label>Name</label>
+        <div class="combo-row">
+          <kendo-textbox [(value)]="model().name"
+            placeholder="Mapping name">
+          </kendo-textbox>
+          <button kendoButton fillMode="flat" size="small"
+            [svgIcon]="icons.regenerate"
+            [disabled]="!canGenerateName()"
+            (click)="generateName()"
+            title="Generate name from source + target"></button>
+        </div>
+      </div>
+
+      <div class="field-row inline">
+        <label>Enabled</label>
+        <kendo-switch [(ngModel)]="model().enabled" size="small"></kendo-switch>
+        @if (!model().enabled) {
+          <span class="hint">Mapping is disabled — it will be skipped by data acquisition.</span>
+        }
+      </div>
+
+      <div class="field-row">
+        <label>Source Entity</label>
+        @if (model().sourceRtId) {
+          <div class="entity-display">
+            <div class="entity-main">
+              <span class="entity-name">{{ model().sourceName || model().sourceRtId }}</span>
+              <button kendoButton fillMode="flat" size="small"
+                (click)="pickSource()">Change…</button>
+            </div>
+            <div class="entity-meta">
+              <span>{{ model().sourceCkTypeId }}</span>
+              <span class="sep">@</span>
+              <span>{{ model().sourceRtId }}</span>
+            </div>
+          </div>
+        } @else {
+          <div class="entity-display empty">
+            <span class="hint">No source entity linked.</span>
+            <button kendoButton fillMode="flat" size="small"
+              (click)="pickSource()">Select…</button>
+          </div>
+        }
+      </div>
+
+      <div class="field-row">
+        <label>Source Data Point</label>
+        <mm-data-point-picker
+          [entityRtId]="model().sourceRtId"
+          [entityCkTypeId]="model().sourceCkTypeId"
+          [value]="model().sourceAttributePath"
+          [disabled]="!model().sourceRtId || !model().sourceCkTypeId"
+          (valueChange)="onSourceAttributePathChange($event)">
+        </mm-data-point-picker>
+        <span class="hint">
+          @if (model().sourceRtId && model().sourceCkTypeId) {
+            Data points exposed by the source entity's
+            <code>States</code> / <code>DataPoints</code> array, with
+            <code>currentValue</code> as the default for single-state controls.
+            Free text allowed.
+          } @else {
+            Pick a source entity above to load its available data points.
+          }
+        </span>
+      </div>
+
+      <div class="field-row">
+        <label>Mapping Expression</label>
+        <kendo-textbox [(value)]="model().mappingExpression"
+          placeholder="e.g. value, value / 100, value > 50 ? 1 : 0">
+        </kendo-textbox>
+        <span class="hint">Optional. mXparser expression. <code>value</code> = raw source value.</span>
+      </div>
+
+      <div class="field-row">
+        <label>Target Entity</label>
+        @if (model().targetRtId) {
+          <div class="entity-display">
+            <div class="entity-main">
+              <span class="entity-name">{{ model().targetName || model().targetRtId }}</span>
+              <button kendoButton fillMode="flat" size="small"
+                (click)="pickTarget()">Change…</button>
+            </div>
+            <div class="entity-meta">
+              <span>{{ model().targetCkTypeId }}</span>
+              <span class="sep">&#64;</span>
+              <span>{{ model().targetRtId }}</span>
+            </div>
+          </div>
+        } @else {
+          <div class="entity-display empty">
+            <span class="hint">No target entity linked.</span>
+            <button kendoButton fillMode="flat" size="small"
+              (click)="pickTarget()">Select…</button>
+          </div>
+        }
+      </div>
+
+      <div class="field-row">
+        <label>
+          Target Attribute Path
+          @if (targetAttributesLoading()) { <span class="loading-pill">loading…</span> }
+        </label>
+        <div class="combo-row">
+          <kendo-combobox
+            [data]="targetAttributeList()"
+            [value]="model().targetAttributePath"
+            (valueChange)="onTargetAttributePathChange($event)"
+            [textField]="'attributePath'"
+            [valueField]="'attributePath'"
+            [valuePrimitive]="true"
+            [allowCustom]="true"
+            [filterable]="true"
+            (filterChange)="onTargetAttributeFilter($event)"
+            [popupSettings]="{ appendTo: 'root', animate: true }"
+            placeholder="e.g. Temperature, CO2Level">
+            <ng-template kendoComboBoxItemTemplate let-item>
+              <div class="attribute-option">
+                <span class="attribute-path">{{ item.attributePath }}</span>
+                <span class="attribute-type">{{ item.attributeValueType }}</span>
+              </div>
+            </ng-template>
+          </kendo-combobox>
+          <button kendoButton fillMode="flat" size="small"
+            [svgIcon]="icons.browse"
+            [disabled]="!effectiveTargetCkTypeId()"
+            (click)="browseTargetAttribute()"
+            title="Browse all attributes (incl. navigation properties)"></button>
+        </div>
+        <span class="hint">
+          @if (effectiveTargetCkTypeId(); as t) {
+            Direct attributes on <code>{{ t }}</code>. Click the browse button
+            for navigation properties or to escape autocomplete.
+          } @else {
+            Pick a target entity above to see available attribute paths.
+          }
+        </span>
+      </div>
+
+      </div>
+      <div class="dialog-actions">
+        <button kendoButton (click)="onCancel()">Cancel</button>
+        <button kendoButton themeColor="primary" (click)="onSave()"
+          [disabled]="!isValid()">Save</button>
+      </div>
+    </div>
+  `, isInline: true, styles: [".mapping-edit{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.mapping-edit-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:14px}.field-row{display:flex;flex-direction:column;gap:4px}.field-row label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.field-row .hint{font-size:.7rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));font-style:italic}.field-row.inline{flex-direction:row;align-items:center;gap:8px}.entity-display{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:4px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 65%,transparent)}.entity-display.empty{flex-direction:row;align-items:center;justify-content:space-between}.entity-main{display:flex;align-items:center;gap:8px}.entity-main .entity-name{flex:1;font-weight:600;font-size:.9rem}.entity-meta{display:flex;align-items:center;gap:2px;font-size:.7rem;font-family:monospace;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.entity-meta .sep{opacity:.7}.dialog-actions{flex:0 0 auto;display:flex;gap:8px;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 70%,transparent)}.combo-row{display:flex;align-items:stretch;gap:4px}.combo-row kendo-combobox{flex:1}.attribute-option{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.attribute-option .attribute-path{flex:1;font-family:monospace;font-size:.85rem}.attribute-option .attribute-type{font-size:.7rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f0f0f0)) 80%,transparent);color:var(--theme-text-secondary, var(--kendo-color-subtle, #888))}.loading-pill{margin-left:6px;font-size:.65rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--kendo-color-info, #0dcaf0) 18%,transparent);color:var(--kendo-color-info, #0dcaf0);text-transform:none;letter-spacing:0;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i3$1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "directive", type: i3$1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "ngmodule", type: SVGIconModule }, { kind: "ngmodule", type: SwitchModule }, { kind: "component", type: i5.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: DataPointPickerComponent, selector: "mm-data-point-picker", inputs: ["entity", "entityRtId", "entityCkTypeId", "value", "placeholder", "disabled"], outputs: ["valueChange", "filterChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingEditDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-mapping-edit-dialog', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ButtonModule,
+                        ComboBoxModule,
+                        SVGIconModule,
+                        SwitchModule,
+                        TextBoxModule,
+                        DataPointPickerComponent,
+                    ], template: `
+    <div class="mapping-edit">
+      <div class="mapping-edit-body">
+      <div class="field-row">
+        <label>Name</label>
+        <div class="combo-row">
+          <kendo-textbox [(value)]="model().name"
+            placeholder="Mapping name">
+          </kendo-textbox>
+          <button kendoButton fillMode="flat" size="small"
+            [svgIcon]="icons.regenerate"
+            [disabled]="!canGenerateName()"
+            (click)="generateName()"
+            title="Generate name from source + target"></button>
+        </div>
+      </div>
+
+      <div class="field-row inline">
+        <label>Enabled</label>
+        <kendo-switch [(ngModel)]="model().enabled" size="small"></kendo-switch>
+        @if (!model().enabled) {
+          <span class="hint">Mapping is disabled — it will be skipped by data acquisition.</span>
+        }
+      </div>
+
+      <div class="field-row">
+        <label>Source Entity</label>
+        @if (model().sourceRtId) {
+          <div class="entity-display">
+            <div class="entity-main">
+              <span class="entity-name">{{ model().sourceName || model().sourceRtId }}</span>
+              <button kendoButton fillMode="flat" size="small"
+                (click)="pickSource()">Change…</button>
+            </div>
+            <div class="entity-meta">
+              <span>{{ model().sourceCkTypeId }}</span>
+              <span class="sep">@</span>
+              <span>{{ model().sourceRtId }}</span>
+            </div>
+          </div>
+        } @else {
+          <div class="entity-display empty">
+            <span class="hint">No source entity linked.</span>
+            <button kendoButton fillMode="flat" size="small"
+              (click)="pickSource()">Select…</button>
+          </div>
+        }
+      </div>
+
+      <div class="field-row">
+        <label>Source Data Point</label>
+        <mm-data-point-picker
+          [entityRtId]="model().sourceRtId"
+          [entityCkTypeId]="model().sourceCkTypeId"
+          [value]="model().sourceAttributePath"
+          [disabled]="!model().sourceRtId || !model().sourceCkTypeId"
+          (valueChange)="onSourceAttributePathChange($event)">
+        </mm-data-point-picker>
+        <span class="hint">
+          @if (model().sourceRtId && model().sourceCkTypeId) {
+            Data points exposed by the source entity's
+            <code>States</code> / <code>DataPoints</code> array, with
+            <code>currentValue</code> as the default for single-state controls.
+            Free text allowed.
+          } @else {
+            Pick a source entity above to load its available data points.
+          }
+        </span>
+      </div>
+
+      <div class="field-row">
+        <label>Mapping Expression</label>
+        <kendo-textbox [(value)]="model().mappingExpression"
+          placeholder="e.g. value, value / 100, value > 50 ? 1 : 0">
+        </kendo-textbox>
+        <span class="hint">Optional. mXparser expression. <code>value</code> = raw source value.</span>
+      </div>
+
+      <div class="field-row">
+        <label>Target Entity</label>
+        @if (model().targetRtId) {
+          <div class="entity-display">
+            <div class="entity-main">
+              <span class="entity-name">{{ model().targetName || model().targetRtId }}</span>
+              <button kendoButton fillMode="flat" size="small"
+                (click)="pickTarget()">Change…</button>
+            </div>
+            <div class="entity-meta">
+              <span>{{ model().targetCkTypeId }}</span>
+              <span class="sep">&#64;</span>
+              <span>{{ model().targetRtId }}</span>
+            </div>
+          </div>
+        } @else {
+          <div class="entity-display empty">
+            <span class="hint">No target entity linked.</span>
+            <button kendoButton fillMode="flat" size="small"
+              (click)="pickTarget()">Select…</button>
+          </div>
+        }
+      </div>
+
+      <div class="field-row">
+        <label>
+          Target Attribute Path
+          @if (targetAttributesLoading()) { <span class="loading-pill">loading…</span> }
+        </label>
+        <div class="combo-row">
+          <kendo-combobox
+            [data]="targetAttributeList()"
+            [value]="model().targetAttributePath"
+            (valueChange)="onTargetAttributePathChange($event)"
+            [textField]="'attributePath'"
+            [valueField]="'attributePath'"
+            [valuePrimitive]="true"
+            [allowCustom]="true"
+            [filterable]="true"
+            (filterChange)="onTargetAttributeFilter($event)"
+            [popupSettings]="{ appendTo: 'root', animate: true }"
+            placeholder="e.g. Temperature, CO2Level">
+            <ng-template kendoComboBoxItemTemplate let-item>
+              <div class="attribute-option">
+                <span class="attribute-path">{{ item.attributePath }}</span>
+                <span class="attribute-type">{{ item.attributeValueType }}</span>
+              </div>
+            </ng-template>
+          </kendo-combobox>
+          <button kendoButton fillMode="flat" size="small"
+            [svgIcon]="icons.browse"
+            [disabled]="!effectiveTargetCkTypeId()"
+            (click)="browseTargetAttribute()"
+            title="Browse all attributes (incl. navigation properties)"></button>
+        </div>
+        <span class="hint">
+          @if (effectiveTargetCkTypeId(); as t) {
+            Direct attributes on <code>{{ t }}</code>. Click the browse button
+            for navigation properties or to escape autocomplete.
+          } @else {
+            Pick a target entity above to see available attribute paths.
+          }
+        </span>
+      </div>
+
+      </div>
+      <div class="dialog-actions">
+        <button kendoButton (click)="onCancel()">Cancel</button>
+        <button kendoButton themeColor="primary" (click)="onSave()"
+          [disabled]="!isValid()">Save</button>
+      </div>
+    </div>
+  `, styles: [".mapping-edit{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.mapping-edit-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:14px}.field-row{display:flex;flex-direction:column;gap:4px}.field-row label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.field-row .hint{font-size:.7rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));font-style:italic}.field-row.inline{flex-direction:row;align-items:center;gap:8px}.entity-display{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:4px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 65%,transparent)}.entity-display.empty{flex-direction:row;align-items:center;justify-content:space-between}.entity-main{display:flex;align-items:center;gap:8px}.entity-main .entity-name{flex:1;font-weight:600;font-size:.9rem}.entity-meta{display:flex;align-items:center;gap:2px;font-size:.7rem;font-family:monospace;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.entity-meta .sep{opacity:.7}.dialog-actions{flex:0 0 auto;display:flex;gap:8px;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 70%,transparent)}.combo-row{display:flex;align-items:stretch;gap:4px}.combo-row kendo-combobox{flex:1}.attribute-option{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.attribute-option .attribute-path{flex:1;font-family:monospace;font-size:.85rem}.attribute-option .attribute-type{font-size:.7rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f0f0f0)) 80%,transparent);color:var(--theme-text-secondary, var(--kendo-color-subtle, #888))}.loading-pill{margin-left:6px;font-size:.65rem;padding:1px 6px;border-radius:8px;background:color-mix(in srgb,var(--kendo-color-info, #0dcaf0) 18%,transparent);color:var(--kendo-color-info, #0dcaf0);text-transform:none;letter-spacing:0;font-style:italic}\n"] }]
+        }] });
+/**
+ * Client-side filter mirroring the substring search Kendo's combobox does
+ * internally. Centralised here so the dropdown still shows a reasonable list
+ * when the user types a path that hasn't been seen on this CK type yet.
+ */
+function filterAttributes(all, filter) {
+    if (!filter || filter.trim().length === 0)
+        return all;
+    const needle = filter.toLowerCase();
+    return all.filter(a => a.attributePath.toLowerCase().includes(needle));
+}
+/**
+ * Produces the "{label} {path}" fragment used on either side of the generated
+ * mapping name. Uses the entity name when present; otherwise a shortened rtId
+ * suffix (last 6 hex chars) keeps the name compact while staying identifiable.
+ * Returns an empty string when nothing useful is available.
+ */
+function describeEnd(entityName, rtId, attributePath) {
+    const label = entityName?.trim() || (rtId ? `…${rtId.slice(-6)}` : '');
+    const path = attributePath?.trim();
+    if (label && path)
+        return `${label} ${path}`;
+    return label || path || '';
+}
+
+const DIALOG_KEY = 'mapping-edit-dialog';
+const DEFAULT_SIZE = { width: 760, height: 760 };
+class MappingEditDialogService {
+    windowService = inject(WindowService);
+    windowStateService = inject(WindowStateService);
+    /**
+     * Opens the focused mapping editor as a resizable Kendo Window and returns
+     * the user's choice. The window's size is persisted across sessions via
+     * `WindowStateService` (same pattern as the AttributeSelectorDialog and the
+     * EntitySelectDialog).
+     *
+     * The host is responsible for persisting changes when `confirmed=true` — the
+     * dialog itself only mutates a local copy.
+     */
+    async open(data) {
+        const size = this.windowStateService.resolveWindowSize(DIALOG_KEY, DEFAULT_SIZE);
+        const windowRef = this.windowService.open({
+            title: data.title ?? 'Edit Mapping',
+            content: MappingEditDialogComponent,
+            width: size.width,
+            height: size.height,
+            minWidth: 540,
+            minHeight: 480,
+            resizable: true,
+        });
+        this.windowStateService.applyModalBehavior(DIALOG_KEY, windowRef);
+        const contentRef = windowRef.content;
+        if (contentRef?.instance) {
+            contentRef.instance.initialise(data);
+        }
+        try {
+            const result = await firstValueFrom(windowRef.result);
+            if (result instanceof WindowCloseResult) {
+                return { confirmed: false };
+            }
+            if (result && typeof result === 'object' && 'confirmed' in result) {
+                return result;
+            }
+            return { confirmed: false };
+        }
+        catch {
+            return { confirmed: false };
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingEditDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingEditDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingEditDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Default configuration: Basic/Tree + Basic/TreeNode driven by System/ParentChild,
+ * mappings via System.Communication/MapsTo.
+ */
+const DEFAULT_MAPPING_COVERAGE_TREE_CONFIG = {
+    rootCkTypeId: 'Basic/Tree',
+    childCkTypeId: 'Basic/TreeNode',
+    childRoleId: 'System/ParentChild',
+    mappingRoleId: 'System.Communication/MapsTo',
+    mappingSourceRoleId: 'System.Communication/MapsFrom',
+    mappingCkTypeId: 'System.Communication/DataPointMapping',
+    mappingTargetOutboundRoleName: 'mappedAsTarget',
+    mappingSourceOutboundRoleName: 'mappedAsSource',
+    validationPipelineCkTypeId: 'System.Communication/Pipeline',
+    validationExecutionCkTypeId: 'System.Communication/PipelineExecution',
+    validationExecutesRoleId: 'System.Communication/ExecutedPipeline',
+    sourceCandidateCkTypeIds: [],
+};
+
+/**
+ * Master-detail component that visualises mapping coverage on a generic entity
+ * hierarchy (defaults: Basic/Tree + Basic/TreeNode, mappings via
+ * System.Communication/MapsTo). The user picks a root, browses the hierarchy on
+ * the left and inspects / edits DataPointMappings on the right.
+ *
+ * Phase 1: tree + counts + read-only mapping list + CRUD (add new mapping,
+ * relink source via {@link EntitySelectorDialogService}, delete).
+ */
+class MappingCoverageTreeComponent {
+    entitySelector = inject(EntitySelectorDialogService);
+    editDialog = inject(MappingEditDialogService);
+    confirmation = inject(ConfirmationService);
+    communicationService = inject(CommunicationService);
+    getEntitiesByCkType = inject(GetEntitiesByCkTypeDtoGQL);
+    getNodeMappingsGQL = inject(GetNodeMappingsDtoGQL);
+    getRuntimeEntityByIdGQL = inject(GetRuntimeEntityByIdDtoGQL);
+    getLatestValidationGQL = inject(GetLatestValidationExecutionDtoGQL);
+    getOrphanCandidatesGQL = inject(GetOrphanCandidatesDtoGQL);
+    createEntitiesGQL = inject(CreateEntitiesDtoGQL);
+    deleteEntitiesGQL = inject(DeleteEntitiesDtoGQL);
+    updateEntitiesGQL = inject(UpdateRuntimeEntitiesDtoGQL);
+    dataSource = inject(MappingCoverageTreeDataSource);
+    treeView;
+    /** Optional override for non-default hierarchies / mapping roles. */
+    config = DEFAULT_MAPPING_COVERAGE_TREE_CONFIG;
+    /** Pre-select a root on first show (e.g. via route param). */
+    initialRoot = null;
+    /**
+     * Current tenant ID. Required for the "Run Validation" pipeline trigger
+     * which calls a tenant-scoped REST endpoint on the Communication Controller.
+     * When not provided, the Run button is hidden and the user has to trigger
+     * the pipeline externally.
+     */
+    tenantId = null;
+    entitySelected = new EventEmitter();
+    icons = {
+        refresh: arrowRotateCwIcon,
+        folderOpen: folderOpenIcon,
+        plus: plusIcon,
+        pencil: pencilIcon,
+        trash: trashIcon,
+        link: linkIcon,
+    };
+    rootCandidates = signal([], ...(ngDevMode ? [{ debugName: "rootCandidates" }] : /* istanbul ignore next */ []));
+    selectedRoot = signal(null, ...(ngDevMode ? [{ debugName: "selectedRoot" }] : /* istanbul ignore next */ []));
+    selectedNode = signal(null, ...(ngDevMode ? [{ debugName: "selectedNode" }] : /* istanbul ignore next */ []));
+    mappings = signal([], ...(ngDevMode ? [{ debugName: "mappings" }] : /* istanbul ignore next */ []));
+    mappingsLoading = signal(false, ...(ngDevMode ? [{ debugName: "mappingsLoading" }] : /* istanbul ignore next */ []));
+    mappingsError = signal(null, ...(ngDevMode ? [{ debugName: "mappingsError" }] : /* istanbul ignore next */ []));
+    validationPipelines = signal([], ...(ngDevMode ? [{ debugName: "validationPipelines" }] : /* istanbul ignore next */ []));
+    selectedPipeline = signal(null, ...(ngDevMode ? [{ debugName: "selectedPipeline" }] : /* istanbul ignore next */ []));
+    validationSummary = signal(null, ...(ngDevMode ? [{ debugName: "validationSummary" }] : /* istanbul ignore next */ []));
+    validationExecutedAt = signal(null, ...(ngDevMode ? [{ debugName: "validationExecutedAt" }] : /* istanbul ignore next */ []));
+    validationLoading = signal(false, ...(ngDevMode ? [{ debugName: "validationLoading" }] : /* istanbul ignore next */ []));
+    validationError = signal(null, ...(ngDevMode ? [{ debugName: "validationError" }] : /* istanbul ignore next */ []));
+    validationRunning = signal(false, ...(ngDevMode ? [{ debugName: "validationRunning" }] : /* istanbul ignore next */ []));
+    /** Active tab: 'coverage' shows the tree, 'orphans' shows the unmapped sources. */
+    activeTab = signal('coverage', ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+    /** Source CK type currently inspected for orphans. */
+    orphanCkType = signal(null, ...(ngDevMode ? [{ debugName: "orphanCkType" }] : /* istanbul ignore next */ []));
+    orphanCandidates = signal([], ...(ngDevMode ? [{ debugName: "orphanCandidates" }] : /* istanbul ignore next */ []));
+    orphanLoading = signal(false, ...(ngDevMode ? [{ debugName: "orphanLoading" }] : /* istanbul ignore next */ []));
+    orphanError = signal(null, ...(ngDevMode ? [{ debugName: "orphanError" }] : /* istanbul ignore next */ []));
+    orphanHideMapped = signal(true, ...(ngDevMode ? [{ debugName: "orphanHideMapped" }] : /* istanbul ignore next */ []));
+    orphanFilteredList = computed(() => {
+        const all = this.orphanCandidates();
+        return this.orphanHideMapped() ? all.filter(c => c.mappingCount === 0) : all;
+    }, ...(ngDevMode ? [{ debugName: "orphanFilteredList" }] : /* istanbul ignore next */ []));
+    orphanStats = computed(() => {
+        const all = this.orphanCandidates();
+        const unmapped = all.filter(c => c.mappingCount === 0).length;
+        return { total: all.length, unmapped, mapped: all.length - unmapped };
+    }, ...(ngDevMode ? [{ debugName: "orphanStats" }] : /* istanbul ignore next */ []));
+    /**
+     * Which parent CK type to group by, or null for a flat list. We let the user
+     * pick the type instead of just "immediate parent" because Loxone-style trees
+     * include intermediate buckets (Loxone/Category) where each parent rtId is
+     * unique per room — grouping by Category produces dozens of look-alike
+     * sections ("Stellantrieb" appears N times, once per room). The user almost
+     * always wants Loxone/Room or whichever level genuinely partitions the data,
+     * so we expose all parent types seen in the loaded data and let them choose.
+     */
+    orphanGroupParentType = signal(null, ...(ngDevMode ? [{ debugName: "orphanGroupParentType" }] : /* istanbul ignore next */ []));
+    /**
+     * Distinct parent CK type ids found in the loaded candidates, sorted so the
+     * deepest type (root-most ancestor) comes first. For Loxone-Controls this is
+     * Loxone/Room first, then Loxone/Category — usually the deeper one is also
+     * the more meaningful grouping context.
+     */
+    orphanAvailableParentTypes = computed(() => {
+        const maxDepthByType = new Map();
+        for (const item of this.orphanCandidates()) {
+            item.parentPath.forEach((p, idx) => {
+                const prev = maxDepthByType.get(p.ckTypeId) ?? -1;
+                if (idx > prev)
+                    maxDepthByType.set(p.ckTypeId, idx);
+            });
+        }
+        return Array.from(maxDepthByType.entries())
+            .sort((a, b) => b[1] - a[1])
+            .map(([ckTypeId]) => ckTypeId);
+    }, ...(ngDevMode ? [{ debugName: "orphanAvailableParentTypes" }] : /* istanbul ignore next */ []));
+    orphanGroupedList = computed(() => {
+        const groupBy = this.orphanGroupParentType();
+        if (!groupBy)
+            return [];
+        const groups = new Map();
+        for (const item of this.orphanFilteredList()) {
+            // First ancestor of the chosen type (closest to leaf wins). Falls back to
+            // the catch-all bucket when no ancestor of that type is in the chain.
+            const ancestor = item.parentPath.find(p => p.ckTypeId === groupBy);
+            const key = ancestor ? `${ancestor.ckTypeId}@${ancestor.rtId}` : '__no_parent__';
+            const label = ancestor?.name ?? '(no parent of this type)';
+            let group = groups.get(key);
+            if (!group) {
+                group = { key, label, items: [] };
+                groups.set(key, group);
+            }
+            group.items.push(item);
+        }
+        // Sort groups by their (locale-aware) label; "(no parent…)" lands last.
+        return Array.from(groups.values()).sort((a, b) => {
+            if (a.key === '__no_parent__')
+                return 1;
+            if (b.key === '__no_parent__')
+                return -1;
+            return a.label.localeCompare(b.label);
+        });
+    }, ...(ngDevMode ? [{ debugName: "orphanGroupedList" }] : /* istanbul ignore next */ []));
+    summaryLine = computed(() => {
+        const node = this.selectedNode();
+        if (!node)
+            return null;
+        const items = this.mappings();
+        const enabled = items.filter(m => m.enabled).length;
+        return `${items.length} mapping(s), ${enabled} enabled`;
+    }, ...(ngDevMode ? [{ debugName: "summaryLine" }] : /* istanbul ignore next */ []));
+    async ngOnInit() {
+        this.dataSource.setConfig(this.config);
+        if (this.config.sourceCandidateCkTypeIds.length > 0) {
+            this.orphanCkType.set(this.config.sourceCandidateCkTypeIds[0]);
+        }
+        await Promise.all([this.loadRootCandidates(), this.loadValidationPipelines()]);
+        if (this.initialRoot) {
+            const match = this.rootCandidates().find(r => r.rtId === this.initialRoot?.rtId);
+            if (match) {
+                await this.selectRoot(match);
+            }
+        }
+    }
+    onPipelineSelectChange(rtId) {
+        const match = this.validationPipelines().find(p => p.rtId === rtId);
+        this.selectedPipeline.set(match ?? null);
+    }
+    async refreshValidation() {
+        const pipeline = this.selectedPipeline();
+        if (!pipeline) {
+            this.validationError.set('Pick a validation pipeline first.');
+            return;
+        }
+        this.validationLoading.set(true);
+        this.validationError.set(null);
+        try {
+            const data = await firstValueFrom(this.getLatestValidationGQL
+                .fetch({
+                variables: {
+                    pipelineRtId: pipeline.rtId,
+                    pipelineCkTypeId: pipeline.ckTypeId,
+                    executesRoleId: this.config.validationExecutesRoleId,
+                    executionCkTypeId: this.config.validationExecutionCkTypeId,
+                },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map(r => r.data?.runtime?.runtimeEntities?.items?.[0])));
+            const execution = data?.associations?.executions?.items?.[0];
+            const attrs = execution?.attributes?.items;
+            // Case-insensitive lookup: the engine normalises attribute names to
+            // camelCase in the response (`outputData`, `completedAt`) even though
+            // the CK YAML declares them as PascalCase. The Strict reader was a
+            // mistake — it matched nothing in practice and the user always saw
+            // "no validation output yet" no matter how often they ran the pipeline.
+            const outputData = readAttr(attrs, 'OutputData');
+            const completedAt = readAttr(attrs, 'CompletedAt');
+            if (!outputData) {
+                this.dataSource.setValidationMap(new Map());
+                this.validationSummary.set(null);
+                this.validationExecutedAt.set(null);
+                this.validationError.set('Pipeline has no validation output yet — run the pipeline first.');
+                await this.refreshTreeOverlay();
+                return;
+            }
+            const { map: detailMap, summary } = parseValidationReport(outputData);
+            this.dataSource.setValidationMap(detailMap);
+            this.validationSummary.set(summary);
+            this.validationExecutedAt.set(completedAt);
+            await this.refreshTreeOverlay();
+        }
+        catch (error) {
+            console.error('Failed to load validation report:', error);
+            this.validationError.set('Failed to load validation report.');
+        }
+        finally {
+            this.validationLoading.set(false);
+        }
+    }
+    clearValidation() {
+        this.dataSource.setValidationMap(new Map());
+        this.validationSummary.set(null);
+        this.validationExecutedAt.set(null);
+        this.validationError.set(null);
+        void this.refreshTreeOverlay();
+    }
+    // ─── Orphan-Sources Tab ────────────────────────────────────────────────────
+    selectTab(tab) {
+        this.activeTab.set(tab);
+        if (tab === 'orphans' && this.orphanCkType() && this.orphanCandidates().length === 0) {
+            void this.loadOrphanCandidates();
+        }
+    }
+    onOrphanCkTypeChange(ckTypeId) {
+        this.orphanCkType.set(ckTypeId || null);
+        this.orphanCandidates.set([]);
+        if (ckTypeId)
+            void this.loadOrphanCandidates();
+    }
+    async refreshOrphans() {
+        await this.loadOrphanCandidates();
+    }
+    toggleOrphanHideMapped() {
+        this.orphanHideMapped.update(v => !v);
+    }
+    onOrphanGroupParentTypeChange(value) {
+        this.orphanGroupParentType.set(value ? value : null);
+    }
+    /**
+     * Returns the parent chain ordered for breadcrumb display: root-most ancestor
+     * first, immediate parent last. `parentPath` itself is stored immediate-first
+     * (so `parentPath[0]` cheaply reports the grouping key), but humans read
+     * breadcrumbs from outside in.
+     */
+    breadcrumbFor(item) {
+        return [...item.parentPath].reverse();
+    }
+    /**
+     * Fetches all entities of the selected source CK type and tags each with
+     * its inbound MapsFrom DataPointMapping count. The view filters the list
+     * down to mappingCount === 0 by default, but the user can flip the toggle
+     * to see all candidates (mapped + unmapped) for verification.
+     */
+    async loadOrphanCandidates() {
+        const ckTypeId = this.orphanCkType();
+        if (!ckTypeId)
+            return;
+        this.orphanLoading.set(true);
+        this.orphanError.set(null);
+        try {
+            const result = await firstValueFrom(this.getOrphanCandidatesGQL
+                .fetch({
+                variables: {
+                    ckTypeId,
+                    mapsFromRoleId: this.config.mappingSourceRoleId,
+                    mappingCkTypeId: this.config.mappingCkTypeId,
+                    childRoleId: this.config.childRoleId,
+                    childCkTypeId: this.config.childCkTypeId,
+                    first: 1000,
+                    after: GraphQL.offsetToCursor(0),
+                },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map(r => r.data?.runtime?.runtimeEntities?.items ?? [])));
+            const candidates = (result ?? [])
+                .filter((e) => !!e && !!e.rtId && !!e.ckTypeId)
+                .map(e => ({
+                rtId: e.rtId,
+                ckTypeId: e.ckTypeId,
+                name: readAttr(e.attributes?.items, 'name') ?? e.rtWellKnownName ?? e.rtId,
+                description: readAttr(e.attributes?.items, 'description') ?? undefined,
+                mappingCount: e.associations?.mappings?.totalCount ?? 0,
+                parentPath: extractParentPath(e.associations?.parent?.items?.[0]),
+            }));
+            candidates.sort((a, b) => {
+                // Show unmapped first, then alphabetical.
+                if (a.mappingCount === 0 && b.mappingCount > 0)
+                    return -1;
+                if (a.mappingCount > 0 && b.mappingCount === 0)
+                    return 1;
+                return a.name.localeCompare(b.name);
+            });
+            this.orphanCandidates.set(candidates);
+        }
+        catch (error) {
+            console.error('Failed to load orphan candidates:', error);
+            this.orphanError.set('Failed to load source candidates.');
+            this.orphanCandidates.set([]);
+        }
+        finally {
+            this.orphanLoading.set(false);
+        }
+    }
+    /**
+     * Opens the mapping editor pre-populated with the orphan as source and lets
+     * the user pick the target + attribute paths. Creates the DataPointMapping
+     * entity atomically on save (both MapsFrom and MapsTo wired up in one
+     * mutation). Cancel leaves nothing behind.
+     */
+    async createMappingFromOrphan(orphan) {
+        const skeleton = {
+            // Empty rtId flags this as a not-yet-persisted mapping; saveEditedMapping
+            // routes it through CreateEntities instead of UpdateRuntimeEntities.
+            rtId: '',
+            ckTypeId: this.config.mappingCkTypeId,
+            name: `${orphan.name} mapping`,
+            enabled: true,
+            sourceRtId: orphan.rtId,
+            sourceCkTypeId: orphan.ckTypeId,
+            sourceName: orphan.name,
+            sourceAttributePath: '',
+            mappingExpression: '',
+            targetAttributePath: '',
+        };
+        const result = await this.editDialog.open({ mapping: skeleton });
+        if (!result.confirmed)
+            return;
+        try {
+            await this.saveEditedMapping(result.mapping);
+            await this.loadOrphanCandidates();
+        }
+        catch (error) {
+            console.error('Failed to create mapping for orphan:', error);
+            this.orphanError.set('Failed to create mapping.');
+        }
+    }
+    trackOrphanByRtId(_index, item) {
+        return item.rtId;
+    }
+    /**
+     * Triggers the selected validation pipeline on the Communication Controller
+     * and, when it completes, automatically refreshes the coverage report so the
+     * tree colour-codes update. Requires {@link tenantId} to be set.
+     *
+     * Polling strategy: every 1.5 s, fetch the latest execution metadata for the
+     * pipeline. When `dateTime` differs from the snapshot taken before the run,
+     * we know a new execution finished — refresh and stop. Aborts after 60 s.
+     */
+    async runValidation() {
+        const pipeline = this.selectedPipeline();
+        const tenant = this.tenantId;
+        if (!pipeline || !tenant) {
+            this.validationError.set(!pipeline ? 'Pick a validation pipeline first.' : 'Tenant context missing — Run is unavailable.');
+            return;
+        }
+        this.validationRunning.set(true);
+        this.validationError.set(null);
+        // Snapshot the latest execution's id so we can detect the new one finishing.
+        let previousExecutionId = null;
+        try {
+            const previous = await this.communicationService.getLatestPipelineExecution(tenant, pipeline.rtId, pipeline.ckTypeId);
+            previousExecutionId = previous?.id ?? null;
+        }
+        catch {
+            // Non-fatal: we'll still detect completion by polling and falling back
+            // to "any latest execution" being non-Running.
+        }
+        try {
+            await this.communicationService.executePipeline(tenant, pipeline.rtId);
+        }
+        catch (error) {
+            console.error('Failed to start validation pipeline:', error);
+            this.validationError.set('Failed to start validation pipeline.');
+            this.validationRunning.set(false);
+            return;
+        }
+        // Poll for completion. We accept that the new execution id may equal
+        // previousExecutionId for a brief moment until the controller flushes it
+        // — that's why we also accept any latest execution whose status leaves
+        // Running (Completed / Failed / Interrupted / Cancelled).
+        const startedAt = Date.now();
+        const timeoutMs = 60_000;
+        const pollIntervalMs = 1500;
+        while (Date.now() - startedAt < timeoutMs) {
+            await sleep(pollIntervalMs);
+            try {
+                const latest = await this.communicationService.getLatestPipelineExecution(tenant, pipeline.rtId, pipeline.ckTypeId);
+                if (!latest)
+                    continue;
+                const idChanged = latest.id !== previousExecutionId;
+                // Treat absent status as "done". The in-memory debug-cache branch of
+                // GET /pipelineDebug/.../latest doesn't populate Status (only the
+                // MongoDB fallback does), so a sub-second pipeline that hits the
+                // cache path before the DB row is visible would never satisfy a
+                // strict `status === 'Completed'` check and the button would freeze.
+                // We only keep polling while the controller *explicitly* reports
+                // "Running" (case-insensitive for safety).
+                const stillRunning = typeof latest.status === 'string' && latest.status.toLowerCase() === 'running';
+                if (idChanged && !stillRunning) {
+                    this.validationRunning.set(false);
+                    await this.refreshValidation();
+                    return;
+                }
+            }
+            catch (error) {
+                console.warn('Polling validation execution failed:', error);
+            }
+        }
+        // Timeout: leave running flag off so the button is usable again; user can
+        // hit Load Report manually if the pipeline is just slow.
+        this.validationRunning.set(false);
+        this.validationError.set('Validation is still running — use Load Report to refresh later.');
+    }
+    async refreshTreeOverlay() {
+        if (this.treeView?.isReady) {
+            const expanded = this.treeView.getExpandedKeys();
+            await this.treeView.refreshTree();
+            this.treeView.setExpandedKeys(expanded);
+        }
+        // Re-evaluate the currently selected node's payload so the detail panel
+        // shows the new validation status.
+        const current = this.selectedNode();
+        if (current) {
+            const refreshed = await this.dataSource.refreshNode(current.rtId, current.ckTypeId);
+            if (refreshed)
+                this.selectedNode.set(refreshed);
+        }
+    }
+    async loadValidationPipelines() {
+        try {
+            const result = await firstValueFrom(this.getEntitiesByCkType
+                .fetch({
+                variables: {
+                    ckTypeId: this.config.validationPipelineCkTypeId,
+                    first: 200,
+                    after: GraphQL.offsetToCursor(0),
+                },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map(r => r.data?.runtime?.runtimeEntities?.items ?? [])));
+            const candidates = (result ?? [])
+                .filter((e) => !!e && !!e.rtId && !!e.ckTypeId)
+                .map(e => ({
+                rtId: e.rtId,
+                ckTypeId: e.ckTypeId,
+                name: readAttr(e.attributes?.items, 'name') ?? e.rtWellKnownName ?? e.rtId,
+            }));
+            candidates.sort((a, b) => a.name.localeCompare(b.name));
+            this.validationPipelines.set(candidates);
+        }
+        catch (error) {
+            console.error('Failed to load validation pipelines:', error);
+            this.validationPipelines.set([]);
+        }
+    }
+    async refreshRoots() {
+        await this.loadRootCandidates();
+    }
+    async pickRoot() {
+        const result = await this.entitySelector.openEntitySelector({
+            title: `Select ${this.config.rootCkTypeId}`,
+        });
+        if (!result.confirmed || !result.entity)
+            return;
+        const candidate = {
+            rtId: result.entity.rtId,
+            ckTypeId: result.entity.ckTypeId,
+            name: result.entity.name ?? result.entity.rtId,
+            description: '',
+        };
+        const known = this.rootCandidates().find(r => r.rtId === candidate.rtId);
+        if (!known) {
+            this.rootCandidates.update(list => [...list, candidate]);
+        }
+        await this.selectRoot(candidate);
+    }
+    async selectRoot(root) {
+        this.selectedRoot.set(root);
+        this.selectedNode.set(null);
+        this.mappings.set([]);
+        this.dataSource.setRoot({
+            rtId: root.rtId,
+            ckTypeId: root.ckTypeId,
+            name: root.name,
+            description: root.description,
+        });
+        if (this.treeView?.isReady) {
+            await this.treeView.refreshTree();
+        }
+    }
+    onRootSelectChange(rtId) {
+        const match = this.rootCandidates().find(r => r.rtId === rtId);
+        if (match) {
+            void this.selectRoot(match);
+        }
+    }
+    async onNodeSelected(item) {
+        const payload = item.item;
+        this.selectedNode.set(payload);
+        this.entitySelected.emit({
+            rtId: payload.rtId,
+            ckTypeId: payload.ckTypeId,
+            name: payload.name,
+            description: payload.description,
+        });
+        await this.loadMappingsForSelected();
+    }
+    async refreshSelected() {
+        const node = this.selectedNode();
+        if (!node)
+            return;
+        const updated = await this.dataSource.refreshNode(node.rtId, node.ckTypeId);
+        if (updated) {
+            this.selectedNode.set(updated);
+        }
+        await this.loadMappingsForSelected();
+    }
+    async addMapping() {
+        const node = this.selectedNode();
+        if (!node)
+            return;
+        try {
+            await firstValueFrom(this.createEntitiesGQL.mutate({
+                variables: {
+                    entities: [
+                        {
+                            ckTypeId: this.config.mappingCkTypeId,
+                            attributes: [
+                                { attributeName: 'Name', value: `Mapping ${this.mappings().length + 1}` },
+                                { attributeName: 'Enabled', value: true },
+                            ],
+                            associations: [
+                                {
+                                    roleName: this.config.mappingTargetOutboundRoleName,
+                                    targets: [
+                                        {
+                                            modOption: AssociationModOptionsDto.CreateDto,
+                                            target: { rtId: node.rtId, ckTypeId: node.ckTypeId },
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    ],
+                },
+            }));
+            await this.refreshSelected();
+        }
+        catch (error) {
+            console.error('Failed to create mapping:', error);
+            this.mappingsError.set('Failed to create mapping.');
+        }
+    }
+    /**
+     * Opens the focused edit dialog for one mapping and, on save, persists
+     * attribute and (if changed) MapsFrom- / MapsTo-association updates in a
+     * single UpdateRuntimeEntities mutation.
+     */
+    async editMapping(mapping) {
+        // In the coverage-tree context the mapping's MapsTo target IS the selected
+        // node — we pre-fill the dialog with that so the user sees it immediately
+        // and can retarget if needed via the new Target Entity picker.
+        const node = this.selectedNode();
+        const initial = {
+            rtId: mapping.rtId,
+            ckTypeId: mapping.ckTypeId,
+            name: mapping.name,
+            enabled: mapping.enabled,
+            sourceRtId: mapping.sourceRtId,
+            sourceCkTypeId: mapping.sourceCkTypeId,
+            sourceName: mapping.sourceName,
+            sourceAttributePath: mapping.sourceAttributePath,
+            mappingExpression: mapping.mappingExpression,
+            targetRtId: node?.rtId,
+            targetCkTypeId: node?.ckTypeId,
+            targetName: node?.name,
+            targetAttributePath: mapping.targetAttributePath,
+        };
+        const result = await this.editDialog.open({ mapping: initial });
+        if (!result.confirmed)
+            return;
+        await this.saveEditedMapping(result.mapping);
+    }
+    async saveEditedMapping(edited) {
+        const attributeUpdates = [
+            { attributeName: 'Name', value: edited.name ?? '' },
+            { attributeName: 'Enabled', value: edited.enabled },
+            { attributeName: 'SourceAttributePath', value: edited.sourceAttributePath ?? '' },
+            { attributeName: 'MappingExpression', value: edited.mappingExpression ?? '' },
+            { attributeName: 'TargetAttributePath', value: edited.targetAttributePath ?? '' },
+        ];
+        const associations = [];
+        const buildAssocChange = (originalRtId, originalCkTypeId, newRtId, newCkTypeId, roleName) => {
+            if (newRtId === originalRtId && newCkTypeId === originalCkTypeId)
+                return;
+            const targets = [];
+            if (originalRtId && originalCkTypeId) {
+                targets.push({
+                    modOption: AssociationModOptionsDto.DeleteDto,
+                    target: { rtId: originalRtId, ckTypeId: originalCkTypeId },
+                });
+            }
+            if (newRtId && newCkTypeId) {
+                targets.push({
+                    modOption: AssociationModOptionsDto.CreateDto,
+                    target: { rtId: newRtId, ckTypeId: newCkTypeId },
+                });
+            }
+            if (targets.length > 0) {
+                associations.push({ roleName, targets });
+            }
+        };
+        buildAssocChange(edited._originalSourceRtId, edited._originalSourceCkTypeId, edited.sourceRtId, edited.sourceCkTypeId, this.config.mappingSourceOutboundRoleName);
+        buildAssocChange(edited._originalTargetRtId, edited._originalTargetCkTypeId, edited.targetRtId, edited.targetCkTypeId, this.config.mappingTargetOutboundRoleName);
+        try {
+            if (!edited.rtId) {
+                // New mapping (orphan-flow): atomic create with both MapsFrom and
+                // MapsTo associations. We translate the assoc-change list (built for
+                // the update path's modOptions) into a create-only assoc list — the
+                // entity doesn't exist yet, so any deletes are no-ops.
+                const createAssociations = associations
+                    .map(a => ({
+                    roleName: a.roleName,
+                    targets: a.targets
+                        .filter(t => t.modOption !== AssociationModOptionsDto.DeleteDto)
+                        .map(t => ({ modOption: AssociationModOptionsDto.CreateDto, target: t.target })),
+                }))
+                    .filter(a => a.targets.length > 0);
+                await firstValueFrom(this.createEntitiesGQL.mutate({
+                    variables: {
+                        entities: [
+                            {
+                                ckTypeId: edited.ckTypeId,
+                                attributes: attributeUpdates,
+                                associations: createAssociations,
+                            },
+                        ],
+                    },
+                }));
+            }
+            else {
+                await firstValueFrom(this.updateEntitiesGQL.mutate({
+                    variables: {
+                        entities: [
+                            {
+                                rtId: edited.rtId,
+                                item: {
+                                    ckTypeId: edited.ckTypeId,
+                                    attributes: attributeUpdates,
+                                    associations,
+                                },
+                            },
+                        ],
+                    },
+                }));
+            }
+            await this.refreshSelected();
+        }
+        catch (error) {
+            console.error('Failed to save mapping:', error);
+            this.mappingsError.set('Failed to save mapping changes.');
+        }
+    }
+    async deleteMapping(mapping) {
+        const confirmed = await this.confirmation.showYesNoConfirmationDialog('Delete Mapping', `Delete mapping '${mapping.name || mapping.rtId}'? This cannot be undone.`);
+        if (!confirmed)
+            return;
+        try {
+            await firstValueFrom(this.deleteEntitiesGQL.mutate({
+                variables: {
+                    rtEntityIds: [{ rtId: mapping.rtId, ckTypeId: mapping.ckTypeId }],
+                    deleteStrategy: DeleteStrategiesDto.EraseDto,
+                },
+            }));
+            await this.refreshSelected();
+        }
+        catch (error) {
+            console.error('Failed to delete mapping:', error);
+            this.mappingsError.set('Failed to delete mapping.');
+        }
+    }
+    trackByRtId(_index, item) {
+        return item.rtId;
+    }
+    async loadRootCandidates() {
+        try {
+            const result = await firstValueFrom(this.getEntitiesByCkType
+                .fetch({
+                variables: {
+                    ckTypeId: this.config.rootCkTypeId,
+                    first: 200,
+                    after: GraphQL.offsetToCursor(0),
+                },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map(r => r.data?.runtime?.runtimeEntities?.items ?? [])));
+            const candidates = (result ?? [])
+                .filter((e) => !!e && !!e.rtId && !!e.ckTypeId)
+                .map(e => {
+                const name = readAttr(e.attributes?.items, 'name') ?? e.rtWellKnownName ?? e.rtId;
+                const description = readAttr(e.attributes?.items, 'description') ?? '';
+                return {
+                    rtId: e.rtId,
+                    ckTypeId: e.ckTypeId,
+                    name,
+                    description,
+                };
+            });
+            candidates.sort((a, b) => a.name.localeCompare(b.name));
+            this.rootCandidates.set(candidates);
+        }
+        catch (error) {
+            console.error('Failed to load root candidates:', error);
+            this.rootCandidates.set([]);
+        }
+    }
+    async loadMappingsForSelected() {
+        const node = this.selectedNode();
+        if (!node) {
+            this.mappings.set([]);
+            return;
+        }
+        this.mappingsLoading.set(true);
+        this.mappingsError.set(null);
+        try {
+            const data = await firstValueFrom(this.getNodeMappingsGQL
+                .fetch({
+                variables: {
+                    rtId: node.rtId,
+                    ckTypeId: node.ckTypeId,
+                    mapsToRoleId: this.config.mappingRoleId,
+                    mapsFromRoleId: this.config.mappingSourceRoleId,
+                    mappingCkTypeId: this.config.mappingCkTypeId,
+                },
+                fetchPolicy: 'network-only',
+            })
+                .pipe(map(r => r.data?.runtime?.runtimeEntities?.items?.[0])));
+            const items = data?.associations?.mappings?.items ?? [];
+            // First pass: map mapping attributes + source rtId/ckTypeId from association
+            // definitions. Source NAMES are resolved in a second pass below because the
+            // generic `targets(ckId: ...)` projection requires a concrete CK type with
+            // its own MongoDB collection — `System/Entity` is abstract and would error.
+            const mapped = items
+                .filter((m) => !!m && !!m.rtId && !!m.ckTypeId)
+                .map(m => {
+                const attrs = m.attributes?.items ?? [];
+                const sourceDef = m.associations?.sources?.items?.[0] ?? null;
+                return {
+                    rtId: m.rtId,
+                    ckTypeId: m.ckTypeId,
+                    name: readAttr(attrs, 'name') ?? '',
+                    enabled: readAttr(attrs, 'enabled') !== 'false',
+                    sourceAttributePath: readAttr(attrs, 'sourceAttributePath') ?? '',
+                    targetAttributePath: readAttr(attrs, 'targetAttributePath') ?? '',
+                    mappingExpression: readAttr(attrs, 'mappingExpression') ?? '',
+                    sourceRtId: sourceDef?.targetRtId ? String(sourceDef.targetRtId) : undefined,
+                    sourceCkTypeId: sourceDef?.targetCkTypeId ? String(sourceDef.targetCkTypeId) : undefined,
+                    sourceName: undefined,
+                };
+            });
+            this.mappings.set(mapped);
+            // Fire-and-forget the source-name resolution in parallel; the list renders
+            // immediately and names patch in as they arrive.
+            void this.resolveSourceNames(mapped);
+        }
+        catch (error) {
+            console.error('Failed to load mappings:', error);
+            this.mappingsError.set('Failed to load mappings.');
+            this.mappings.set([]);
+        }
+        finally {
+            this.mappingsLoading.set(false);
+        }
+    }
+    /**
+     * Resolves source entity names by issuing a parallel `getRuntimeEntityById`
+     * per unique (rtId, ckTypeId) pair. Updates the mappings signal in-place so
+     * the detail panel re-renders with names. Failures are silent — the row
+     * still falls back to displaying the source rtId.
+     */
+    async resolveSourceNames(mappings) {
+        const byKey = new Map();
+        for (const m of mappings) {
+            if (m.sourceRtId && m.sourceCkTypeId) {
+                byKey.set(`${m.sourceCkTypeId}@${m.sourceRtId}`, {
+                    rtId: m.sourceRtId,
+                    ckTypeId: m.sourceCkTypeId,
+                });
+            }
+        }
+        if (byKey.size === 0)
+            return;
+        const lookups = await Promise.all(Array.from(byKey.values()).map(async (ref) => {
+            try {
+                const data = await firstValueFrom(this.getRuntimeEntityByIdGQL
+                    .fetch({
+                    variables: { rtId: ref.rtId, ckTypeId: ref.ckTypeId },
+                    fetchPolicy: 'cache-first',
+                })
+                    .pipe(map(r => r.data?.runtime?.runtimeEntities?.items?.[0])));
+                const name = readAttr(data?.attributes?.items, 'name') ?? data?.rtWellKnownName ?? null;
+                return { key: `${ref.ckTypeId}@${ref.rtId}`, name };
+            }
+            catch {
+                return { key: `${ref.ckTypeId}@${ref.rtId}`, name: null };
+            }
+        }));
+        const nameByKey = new Map(lookups.map(l => [l.key, l.name]));
+        const node = this.selectedNode();
+        if (!node)
+            return; // user changed selection meanwhile
+        const next = this.mappings().map(m => {
+            if (!m.sourceRtId || !m.sourceCkTypeId)
+                return m;
+            const key = `${m.sourceCkTypeId}@${m.sourceRtId}`;
+            const name = nameByKey.get(key);
+            return name ? { ...m, sourceName: name } : m;
+        });
+        this.mappings.set(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingCoverageTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: MappingCoverageTreeComponent, isStandalone: true, selector: "mm-mapping-coverage-tree", inputs: { config: "config", initialRoot: "initialRoot", tenantId: "tenantId" }, outputs: { entitySelected: "entitySelected" }, providers: [MappingCoverageTreeDataSource], viewQueries: [{ propertyName: "treeView", first: true, predicate: TreeComponent, descendants: true }], ngImport: i0, template: "<div class=\"coverage-root\">\n  @if (config.sourceCandidateCkTypeIds.length > 0) {\n    <div class=\"coverage-tabs\" role=\"tablist\">\n      <button class=\"coverage-tab\"\n              [class.active]=\"activeTab() === 'coverage'\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab() === 'coverage'\"\n              (click)=\"selectTab('coverage')\">Coverage Tree</button>\n      <button class=\"coverage-tab\"\n              [class.active]=\"activeTab() === 'orphans'\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab() === 'orphans'\"\n              (click)=\"selectTab('orphans')\">\n        Orphan Sources\n        @if (orphanStats(); as s) {\n          @if (s.unmapped > 0) { <span class=\"tab-badge\">{{ s.unmapped }}</span> }\n        }\n      </button>\n    </div>\n  }\n\n  @if (activeTab() === 'coverage') {\n  <div class=\"coverage-toolbar\">\n    <label class=\"toolbar-label\">Tree:</label>\n    <select class=\"root-select\"\n            [value]=\"selectedRoot()?.rtId ?? ''\"\n            (change)=\"onRootSelectChange($any($event.target).value)\">\n      <option value=\"\" disabled>\u2014 Pick a {{ config.rootCkTypeId }} \u2014</option>\n      @for (root of rootCandidates(); track root.rtId) {\n        <option [value]=\"root.rtId\" [title]=\"root.description\">{{ root.name }}</option>\n      }\n    </select>\n    <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.refresh\"\n            (click)=\"refreshRoots()\" title=\"Refresh tree list\"></button>\n    <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.folderOpen\"\n            (click)=\"pickRoot()\" title=\"Browse for entity\">Browse...</button>\n\n    @if (selectedRoot(); as root) {\n      <div class=\"toolbar-spacer\"></div>\n      <span class=\"toolbar-meta\">\n        <span class=\"meta-name\">{{ root.name }}</span>\n        <span class=\"meta-type\">{{ root.ckTypeId }}</span>\n      </span>\n    }\n  </div>\n\n  <div class=\"coverage-toolbar coverage-toolbar-validation\">\n    <label class=\"toolbar-label\">Validation:</label>\n    <select class=\"root-select\"\n            [value]=\"selectedPipeline()?.rtId ?? ''\"\n            (change)=\"onPipelineSelectChange($any($event.target).value)\">\n      <option value=\"\" disabled>\u2014 Pick a {{ config.validationPipelineCkTypeId }} \u2014</option>\n      @for (p of validationPipelines(); track p.rtId) {\n        <option [value]=\"p.rtId\">{{ p.name }}</option>\n      }\n    </select>\n    @if (tenantId) {\n      <button kendoButton themeColor=\"primary\" size=\"small\"\n              [disabled]=\"!selectedPipeline() || validationRunning() || validationLoading()\"\n              (click)=\"runValidation()\"\n              [title]=\"validationRunning() ? 'Validation running\u2026' : 'Run pipeline + load report'\">\n        @if (validationRunning()) { Running\u2026 } @else { Run }\n      </button>\n    }\n    <button kendoButton fillMode=\"solid\" size=\"small\" [svgIcon]=\"icons.refresh\"\n            [disabled]=\"!selectedPipeline() || validationLoading() || validationRunning()\"\n            (click)=\"refreshValidation()\">Load Report</button>\n    @if (validationSummary()) {\n      <button kendoButton fillMode=\"flat\" size=\"small\"\n              (click)=\"clearValidation()\">Clear</button>\n    }\n\n    <div class=\"toolbar-spacer\"></div>\n\n    @if (validationLoading()) {\n      <span class=\"toolbar-meta\">Loading\u2026</span>\n    } @else if (validationError(); as err) {\n      <span class=\"toolbar-meta validation-error-text\">{{ err }}</span>\n    } @else if (validationSummary(); as s) {\n      <span class=\"validation-summary\">\n        <span class=\"badge badge-error\" title=\"error\">{{ s.error }} err</span>\n        <span class=\"badge badge-warning\" title=\"warning\">{{ s.warning }} warn</span>\n        <span class=\"badge badge-ok\" title=\"ok\">{{ s.ok }} ok</span>\n        <span class=\"badge badge-info\" title=\"info / unscoped\">{{ s.info }} info</span>\n        <span class=\"badge\">{{ s.total }} total</span>\n        @if (validationExecutedAt(); as ts) {\n          <span class=\"validation-timestamp\">{{ ts }}</span>\n        }\n      </span>\n    }\n  </div>\n\n  <div class=\"coverage-body\">\n    <div class=\"coverage-tree-pane\">\n      @if (selectedRoot()) {\n        <mm-tree-view\n          [dataSource]=\"dataSource\"\n          (nodeSelected)=\"onNodeSelected($event)\">\n        </mm-tree-view>\n      } @else {\n        <div class=\"empty-hint\">\n          Select a tree to start. Counts in brackets show how many mappings\n          point to that node.\n        </div>\n      }\n    </div>\n\n    <div class=\"coverage-detail-pane\">\n      @if (selectedNode(); as node) {\n        <div class=\"detail-header\">\n          <div class=\"detail-titles\">\n            <h3 class=\"detail-name\">{{ node.name }}</h3>\n            <div class=\"detail-subtitle\">{{ node.ckTypeId }}@{{ node.rtId }}</div>\n          </div>\n          <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.refresh\"\n                  (click)=\"refreshSelected()\" title=\"Refresh\"></button>\n        </div>\n\n        <div class=\"detail-section-title\">\n          <span>Mappings</span>\n          @if (summaryLine(); as s) {\n            <span class=\"detail-summary\">{{ s }}</span>\n          }\n          <span class=\"toolbar-spacer\"></span>\n          <button kendoButton themeColor=\"primary\" size=\"small\" [svgIcon]=\"icons.plus\"\n                  (click)=\"addMapping()\">Add</button>\n        </div>\n\n        @if (mappingsLoading()) {\n          <div class=\"empty-hint\">Loading mappings\u2026</div>\n        } @else if (mappingsError(); as err) {\n          <div class=\"error-hint\">{{ err }}</div>\n        } @else if (mappings().length === 0) {\n          <div class=\"empty-hint\">\n            No mappings reference this node yet. Add one using the button above.\n          </div>\n        } @else {\n          <ul class=\"mapping-list\">\n            @for (mapping of mappings(); track trackByRtId($index, mapping)) {\n              <li class=\"mapping-row\" [class.mapping-disabled]=\"!mapping.enabled\">\n                <div class=\"mapping-line\">\n                  <span class=\"mapping-name\">\n                    {{ mapping.name || 'Mapping ' + ($index + 1) }}\n                  </span>\n                  @if (!mapping.enabled) {\n                    <span class=\"mapping-badge mapping-badge-off\">disabled</span>\n                  }\n                </div>\n                <div class=\"mapping-details\">\n                  <span class=\"kv\">\n                    <span class=\"kv-key\">Source:</span>\n                    <span class=\"kv-val\">\n                      {{ mapping.sourceName || mapping.sourceRtId || '\u2014 not linked \u2014' }}\n                    </span>\n                  </span>\n                  @if (mapping.sourceAttributePath) {\n                    <span class=\"kv\">\n                      <span class=\"kv-key\">Attr:</span>\n                      <span class=\"kv-val\">{{ mapping.sourceAttributePath }}</span>\n                    </span>\n                  }\n                  @if (mapping.mappingExpression) {\n                    <span class=\"kv\">\n                      <span class=\"kv-key\">Expr:</span>\n                      <code class=\"kv-val\">{{ mapping.mappingExpression }}</code>\n                    </span>\n                  }\n                  @if (mapping.targetAttributePath) {\n                    <span class=\"kv\">\n                      <span class=\"kv-key\">\u2192</span>\n                      <span class=\"kv-val\">{{ mapping.targetAttributePath }}</span>\n                    </span>\n                  }\n                </div>\n                <div class=\"mapping-actions\">\n                  <button kendoButton themeColor=\"primary\" fillMode=\"flat\" size=\"small\"\n                          [svgIcon]=\"icons.pencil\"\n                          (click)=\"editMapping(mapping)\"\n                          title=\"Edit mapping\">Edit\u2026</button>\n                  <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.trash\"\n                          (click)=\"deleteMapping(mapping)\"\n                          title=\"Delete mapping\"></button>\n                </div>\n              </li>\n            }\n          </ul>\n        }\n      } @else {\n        <div class=\"empty-hint\">\n          Select a node from the tree to view and edit its mappings.\n        </div>\n      }\n    </div>\n  </div>\n  }\n\n  @if (activeTab() === 'orphans') {\n    <div class=\"coverage-toolbar\">\n      <label class=\"toolbar-label\">Source type:</label>\n      <select class=\"root-select\"\n              [value]=\"orphanCkType() ?? ''\"\n              (change)=\"onOrphanCkTypeChange($any($event.target).value)\">\n        @for (ckType of config.sourceCandidateCkTypeIds; track ckType) {\n          <option [value]=\"ckType\">{{ ckType }}</option>\n        }\n      </select>\n      <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.refresh\"\n              [disabled]=\"!orphanCkType() || orphanLoading()\"\n              (click)=\"refreshOrphans()\" title=\"Reload\"></button>\n      <label class=\"orphan-toggle\">\n        <input type=\"checkbox\" [checked]=\"orphanHideMapped()\" (change)=\"toggleOrphanHideMapped()\" />\n        Hide already-mapped\n      </label>\n      <label class=\"toolbar-label\">Group by:</label>\n      <select class=\"root-select\"\n              [value]=\"orphanGroupParentType() ?? ''\"\n              (change)=\"onOrphanGroupParentTypeChange($any($event.target).value)\">\n        <option value=\"\">(no grouping)</option>\n        @for (t of orphanAvailableParentTypes(); track t) {\n          <option [value]=\"t\">{{ t }}</option>\n        }\n      </select>\n\n      <div class=\"toolbar-spacer\"></div>\n\n      @if (orphanStats(); as s) {\n        <span class=\"validation-summary\">\n          <span class=\"badge badge-error\" title=\"unmapped \u2014 no DataPointMapping yet\">{{ s.unmapped }} unmapped</span>\n          <span class=\"badge badge-ok\" title=\"already covered by at least one mapping\">{{ s.mapped }} mapped</span>\n          <span class=\"badge\">{{ s.total }} total</span>\n        </span>\n      }\n    </div>\n\n    <div class=\"orphan-body\">\n      @if (orphanLoading()) {\n        <div class=\"empty-hint\">Loading source candidates\u2026</div>\n      } @else if (orphanError(); as err) {\n        <div class=\"error-hint\">{{ err }}</div>\n      } @else if (orphanFilteredList().length === 0) {\n        <div class=\"empty-hint\">\n          @if (orphanHideMapped()) {\n            All {{ orphanCkType() }} entities are mapped at least once. \uD83C\uDF89\n          } @else {\n            No entities of type {{ orphanCkType() }} found.\n          }\n        </div>\n      } @else if (orphanGroupParentType()) {\n        @for (group of orphanGroupedList(); track group.key) {\n          <div class=\"orphan-group\">\n            <div class=\"orphan-group-header\">\n              <span class=\"orphan-group-label\">{{ group.label }}</span>\n              <span class=\"orphan-group-count\">{{ group.items.length }}</span>\n            </div>\n            <ul class=\"orphan-list\">\n              @for (item of group.items; track trackOrphanByRtId($index, item)) {\n                <ng-container *ngTemplateOutlet=\"orphanRowTpl; context: { $implicit: item }\"></ng-container>\n              }\n            </ul>\n          </div>\n        }\n      } @else {\n        <ul class=\"orphan-list\">\n          @for (item of orphanFilteredList(); track trackOrphanByRtId($index, item)) {\n            <ng-container *ngTemplateOutlet=\"orphanRowTpl; context: { $implicit: item }\"></ng-container>\n          }\n        </ul>\n      }\n\n      <ng-template #orphanRowTpl let-item>\n        <li class=\"orphan-row\" [class.orphan-mapped]=\"item.mappingCount > 0\">\n          <div class=\"orphan-line\">\n            <span class=\"orphan-name\">{{ item.name }}</span>\n            @if (item.mappingCount > 0) {\n              <span class=\"orphan-badge orphan-badge-mapped\">\n                {{ item.mappingCount }} mapping{{ item.mappingCount === 1 ? '' : 's' }}\n              </span>\n            } @else {\n              <span class=\"orphan-badge orphan-badge-unmapped\">unmapped</span>\n            }\n          </div>\n          @if (item.parentPath.length > 0) {\n            <div class=\"orphan-breadcrumb\" [attr.title]=\"'Parent chain (root-first)'\">\n              @for (parent of breadcrumbFor(item); track parent.rtId; let last = $last) {\n                <span class=\"crumb\">{{ parent.name }}</span>\n                @if (!last) { <span class=\"crumb-sep\">\u203A</span> }\n              }\n            </div>\n          }\n          <div class=\"orphan-meta\">\n            <span class=\"kv-val\">{{ item.ckTypeId }}&#64;{{ item.rtId }}</span>\n          </div>\n          @if (item.description) {\n            <div class=\"orphan-description\">{{ item.description }}</div>\n          }\n          <div class=\"orphan-actions\">\n            <button kendoButton themeColor=\"primary\" fillMode=\"flat\" size=\"small\"\n                    [svgIcon]=\"icons.plus\"\n                    (click)=\"createMappingFromOrphan(item)\"\n                    title=\"Create mapping pre-linked to this source\">\n              Map\u2026\n            </button>\n          </div>\n        </li>\n      </ng-template>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.coverage-root{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.coverage-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface-alt, #f8f9fa)) 70%,transparent)}.coverage-toolbar .toolbar-label{flex:0 0 96px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.coverage-toolbar .root-select{flex:0 0 280px;min-width:0;padding:4px 8px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:4px;background:var(--theme-bg-elevated, var(--kendo-color-surface, #fff));color:var(--theme-text-primary, inherit);font-size:.9rem;height:30px}.coverage-toolbar .toolbar-spacer{flex:1}.coverage-toolbar .toolbar-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.coverage-toolbar .toolbar-meta .meta-name{font-size:.85rem;font-weight:600}.coverage-toolbar .toolbar-meta .meta-type{font-size:.7rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d)}.coverage-body{flex:1;display:flex;gap:12px;min-height:0}.coverage-tree-pane{flex:0 0 40%;min-width:240px;display:flex;flex-direction:column;min-height:0;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface, #fff)) 60%,transparent);color:var(--theme-text-primary, inherit);overflow:auto}.coverage-detail-pane{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface, #fff)) 60%,transparent);color:var(--theme-text-primary, inherit);padding:12px 14px;gap:12px;overflow:auto}.detail-header{display:flex;align-items:flex-start;gap:8px}.detail-header .detail-titles{flex:1;min-width:0}.detail-header .detail-name{margin:0;font-size:1.05rem;font-weight:600;word-break:break-word}.detail-header .detail-subtitle{font-size:.72rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d);word-break:break-all}.detail-section-title{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.detail-section-title .toolbar-spacer{flex:1}.detail-section-title .detail-summary{text-transform:none;letter-spacing:0;font-weight:500;color:var(--kendo-color-on-app-surface, inherit);font-size:.78rem}.mapping-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mapping-row{border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 65%,transparent)}.mapping-row.mapping-disabled{opacity:.55}.mapping-line{display:flex;align-items:center;gap:8px}.mapping-line .mapping-name{font-weight:600;font-size:.9rem}.mapping-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:8px;border:1px solid var(--kendo-color-border, #dee2e6)}.mapping-badge.mapping-badge-off{color:var(--kendo-color-subtle, #6c757d)}.mapping-details{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem}.mapping-details .kv{display:inline-flex;align-items:baseline;gap:4px}.mapping-details .kv-key{font-weight:600;color:var(--kendo-color-subtle, #6c757d)}.mapping-details code.kv-val{font-family:monospace;background:var(--kendo-color-surface, transparent);padding:1px 4px;border-radius:3px}.mapping-actions{display:flex;gap:6px;justify-content:flex-end}.empty-hint,.error-hint{padding:12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d);text-align:center}.error-hint{color:var(--kendo-color-error, #dc3545)}.coverage-tabs{display:flex;gap:0;border-bottom:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6))}.coverage-tab{padding:8px 16px;border:none;background:transparent;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.coverage-tab:hover{color:var(--theme-text-primary, inherit)}.coverage-tab.active{color:var(--theme-text-accent, var(--kendo-color-primary, #ff6358));border-bottom-color:var(--theme-text-accent, var(--kendo-color-primary, #ff6358))}.coverage-tab .tab-badge{background:color-mix(in srgb,var(--kendo-color-error, #dc3545) 22%,transparent);color:var(--kendo-color-error, #dc3545);border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:700}.orphan-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));cursor:pointer}.orphan-body{flex:1;min-height:0;overflow:auto;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface, #fff)) 60%,transparent);padding:8px}.orphan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.orphan-row{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-left-width:3px;border-left-color:var(--kendo-color-error, #dc3545);border-radius:6px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 65%,transparent)}.orphan-row.orphan-mapped{border-left-color:var(--kendo-color-success, #28a745);opacity:.7}.orphan-row .orphan-line{display:flex;align-items:center;gap:8px}.orphan-row .orphan-line .orphan-name{flex:1;font-weight:600;font-size:.9rem}.orphan-row .orphan-badge{font-size:.7rem;padding:1px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.orphan-row .orphan-badge-unmapped{background:color-mix(in srgb,var(--kendo-color-error, #dc3545) 22%,transparent);color:var(--kendo-color-error, #dc3545);border:1px solid var(--kendo-color-error, #dc3545)}.orphan-row .orphan-badge-mapped{background:color-mix(in srgb,var(--kendo-color-success, #28a745) 18%,transparent);color:var(--kendo-color-success, #28a745);border:1px solid var(--kendo-color-success, #28a745)}.orphan-row .orphan-meta{font-family:monospace;font-size:.7rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));word-break:break-all}.orphan-row .orphan-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.75rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.orphan-row .orphan-breadcrumb .crumb{line-height:1.3}.orphan-row .orphan-breadcrumb .crumb-sep{opacity:.55;font-weight:600}.orphan-row .orphan-description{font-size:.78rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));font-style:italic}.orphan-row .orphan-actions{display:flex;gap:6px;justify-content:flex-end}.orphan-group{display:flex;flex-direction:column;gap:6px}.orphan-group+.orphan-group{margin-top:14px}.orphan-group .orphan-group-header{display:flex;align-items:baseline;gap:8px;padding:4px 8px;border-bottom:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));font-size:.85rem;font-weight:600;color:var(--theme-text-primary, inherit)}.orphan-group .orphan-group-header .orphan-group-label{flex:1}.orphan-group .orphan-group-header .orphan-group-count{font-size:.7rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f1f3f5)) 80%,transparent);border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:10px;padding:0 8px}.validation-summary{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.badge{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--kendo-color-surface, #f1f3f5);border:1px solid var(--kendo-color-border, #dee2e6)}.badge-error{background:color-mix(in srgb,var(--kendo-color-error, #dc3545) 18%,transparent);border-color:var(--kendo-color-error, #dc3545);color:var(--kendo-color-error, #dc3545);font-weight:600}.badge-warning{background:color-mix(in srgb,var(--kendo-color-warning, #ffc107) 22%,transparent);border-color:var(--kendo-color-warning, #ffc107);color:var(--kendo-color-warning-on, #6b5500);font-weight:600}.badge-ok{background:color-mix(in srgb,var(--kendo-color-success, #28a745) 18%,transparent);border-color:var(--kendo-color-success, #28a745);color:var(--kendo-color-success, #28a745);font-weight:600}.badge-info{background:color-mix(in srgb,var(--kendo-color-info, #0dcaf0) 18%,transparent);border-color:var(--kendo-color-info, #0dcaf0);color:var(--kendo-color-info, #0dcaf0)}.validation-error-text{color:var(--kendo-color-error, #dc3545);font-size:.8rem}.validation-timestamp{font-size:.7rem;color:var(--kendo-color-subtle, #6c757d);margin-left:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: LayoutModule }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: TreeComponent, selector: "mm-tree-view", inputs: ["dataSource"], outputs: ["nodeSelected", "nodeClick", "nodeDoubleClick", "nodeDrop", "expand", "collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MappingCoverageTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-mapping-coverage-tree', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ButtonModule,
+                        LayoutModule,
+                        SVGIconModule,
+                        TreeComponent,
+                    ], providers: [MappingCoverageTreeDataSource], template: "<div class=\"coverage-root\">\n  @if (config.sourceCandidateCkTypeIds.length > 0) {\n    <div class=\"coverage-tabs\" role=\"tablist\">\n      <button class=\"coverage-tab\"\n              [class.active]=\"activeTab() === 'coverage'\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab() === 'coverage'\"\n              (click)=\"selectTab('coverage')\">Coverage Tree</button>\n      <button class=\"coverage-tab\"\n              [class.active]=\"activeTab() === 'orphans'\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab() === 'orphans'\"\n              (click)=\"selectTab('orphans')\">\n        Orphan Sources\n        @if (orphanStats(); as s) {\n          @if (s.unmapped > 0) { <span class=\"tab-badge\">{{ s.unmapped }}</span> }\n        }\n      </button>\n    </div>\n  }\n\n  @if (activeTab() === 'coverage') {\n  <div class=\"coverage-toolbar\">\n    <label class=\"toolbar-label\">Tree:</label>\n    <select class=\"root-select\"\n            [value]=\"selectedRoot()?.rtId ?? ''\"\n            (change)=\"onRootSelectChange($any($event.target).value)\">\n      <option value=\"\" disabled>\u2014 Pick a {{ config.rootCkTypeId }} \u2014</option>\n      @for (root of rootCandidates(); track root.rtId) {\n        <option [value]=\"root.rtId\" [title]=\"root.description\">{{ root.name }}</option>\n      }\n    </select>\n    <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.refresh\"\n            (click)=\"refreshRoots()\" title=\"Refresh tree list\"></button>\n    <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.folderOpen\"\n            (click)=\"pickRoot()\" title=\"Browse for entity\">Browse...</button>\n\n    @if (selectedRoot(); as root) {\n      <div class=\"toolbar-spacer\"></div>\n      <span class=\"toolbar-meta\">\n        <span class=\"meta-name\">{{ root.name }}</span>\n        <span class=\"meta-type\">{{ root.ckTypeId }}</span>\n      </span>\n    }\n  </div>\n\n  <div class=\"coverage-toolbar coverage-toolbar-validation\">\n    <label class=\"toolbar-label\">Validation:</label>\n    <select class=\"root-select\"\n            [value]=\"selectedPipeline()?.rtId ?? ''\"\n            (change)=\"onPipelineSelectChange($any($event.target).value)\">\n      <option value=\"\" disabled>\u2014 Pick a {{ config.validationPipelineCkTypeId }} \u2014</option>\n      @for (p of validationPipelines(); track p.rtId) {\n        <option [value]=\"p.rtId\">{{ p.name }}</option>\n      }\n    </select>\n    @if (tenantId) {\n      <button kendoButton themeColor=\"primary\" size=\"small\"\n              [disabled]=\"!selectedPipeline() || validationRunning() || validationLoading()\"\n              (click)=\"runValidation()\"\n              [title]=\"validationRunning() ? 'Validation running\u2026' : 'Run pipeline + load report'\">\n        @if (validationRunning()) { Running\u2026 } @else { Run }\n      </button>\n    }\n    <button kendoButton fillMode=\"solid\" size=\"small\" [svgIcon]=\"icons.refresh\"\n            [disabled]=\"!selectedPipeline() || validationLoading() || validationRunning()\"\n            (click)=\"refreshValidation()\">Load Report</button>\n    @if (validationSummary()) {\n      <button kendoButton fillMode=\"flat\" size=\"small\"\n              (click)=\"clearValidation()\">Clear</button>\n    }\n\n    <div class=\"toolbar-spacer\"></div>\n\n    @if (validationLoading()) {\n      <span class=\"toolbar-meta\">Loading\u2026</span>\n    } @else if (validationError(); as err) {\n      <span class=\"toolbar-meta validation-error-text\">{{ err }}</span>\n    } @else if (validationSummary(); as s) {\n      <span class=\"validation-summary\">\n        <span class=\"badge badge-error\" title=\"error\">{{ s.error }} err</span>\n        <span class=\"badge badge-warning\" title=\"warning\">{{ s.warning }} warn</span>\n        <span class=\"badge badge-ok\" title=\"ok\">{{ s.ok }} ok</span>\n        <span class=\"badge badge-info\" title=\"info / unscoped\">{{ s.info }} info</span>\n        <span class=\"badge\">{{ s.total }} total</span>\n        @if (validationExecutedAt(); as ts) {\n          <span class=\"validation-timestamp\">{{ ts }}</span>\n        }\n      </span>\n    }\n  </div>\n\n  <div class=\"coverage-body\">\n    <div class=\"coverage-tree-pane\">\n      @if (selectedRoot()) {\n        <mm-tree-view\n          [dataSource]=\"dataSource\"\n          (nodeSelected)=\"onNodeSelected($event)\">\n        </mm-tree-view>\n      } @else {\n        <div class=\"empty-hint\">\n          Select a tree to start. Counts in brackets show how many mappings\n          point to that node.\n        </div>\n      }\n    </div>\n\n    <div class=\"coverage-detail-pane\">\n      @if (selectedNode(); as node) {\n        <div class=\"detail-header\">\n          <div class=\"detail-titles\">\n            <h3 class=\"detail-name\">{{ node.name }}</h3>\n            <div class=\"detail-subtitle\">{{ node.ckTypeId }}@{{ node.rtId }}</div>\n          </div>\n          <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.refresh\"\n                  (click)=\"refreshSelected()\" title=\"Refresh\"></button>\n        </div>\n\n        <div class=\"detail-section-title\">\n          <span>Mappings</span>\n          @if (summaryLine(); as s) {\n            <span class=\"detail-summary\">{{ s }}</span>\n          }\n          <span class=\"toolbar-spacer\"></span>\n          <button kendoButton themeColor=\"primary\" size=\"small\" [svgIcon]=\"icons.plus\"\n                  (click)=\"addMapping()\">Add</button>\n        </div>\n\n        @if (mappingsLoading()) {\n          <div class=\"empty-hint\">Loading mappings\u2026</div>\n        } @else if (mappingsError(); as err) {\n          <div class=\"error-hint\">{{ err }}</div>\n        } @else if (mappings().length === 0) {\n          <div class=\"empty-hint\">\n            No mappings reference this node yet. Add one using the button above.\n          </div>\n        } @else {\n          <ul class=\"mapping-list\">\n            @for (mapping of mappings(); track trackByRtId($index, mapping)) {\n              <li class=\"mapping-row\" [class.mapping-disabled]=\"!mapping.enabled\">\n                <div class=\"mapping-line\">\n                  <span class=\"mapping-name\">\n                    {{ mapping.name || 'Mapping ' + ($index + 1) }}\n                  </span>\n                  @if (!mapping.enabled) {\n                    <span class=\"mapping-badge mapping-badge-off\">disabled</span>\n                  }\n                </div>\n                <div class=\"mapping-details\">\n                  <span class=\"kv\">\n                    <span class=\"kv-key\">Source:</span>\n                    <span class=\"kv-val\">\n                      {{ mapping.sourceName || mapping.sourceRtId || '\u2014 not linked \u2014' }}\n                    </span>\n                  </span>\n                  @if (mapping.sourceAttributePath) {\n                    <span class=\"kv\">\n                      <span class=\"kv-key\">Attr:</span>\n                      <span class=\"kv-val\">{{ mapping.sourceAttributePath }}</span>\n                    </span>\n                  }\n                  @if (mapping.mappingExpression) {\n                    <span class=\"kv\">\n                      <span class=\"kv-key\">Expr:</span>\n                      <code class=\"kv-val\">{{ mapping.mappingExpression }}</code>\n                    </span>\n                  }\n                  @if (mapping.targetAttributePath) {\n                    <span class=\"kv\">\n                      <span class=\"kv-key\">\u2192</span>\n                      <span class=\"kv-val\">{{ mapping.targetAttributePath }}</span>\n                    </span>\n                  }\n                </div>\n                <div class=\"mapping-actions\">\n                  <button kendoButton themeColor=\"primary\" fillMode=\"flat\" size=\"small\"\n                          [svgIcon]=\"icons.pencil\"\n                          (click)=\"editMapping(mapping)\"\n                          title=\"Edit mapping\">Edit\u2026</button>\n                  <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.trash\"\n                          (click)=\"deleteMapping(mapping)\"\n                          title=\"Delete mapping\"></button>\n                </div>\n              </li>\n            }\n          </ul>\n        }\n      } @else {\n        <div class=\"empty-hint\">\n          Select a node from the tree to view and edit its mappings.\n        </div>\n      }\n    </div>\n  </div>\n  }\n\n  @if (activeTab() === 'orphans') {\n    <div class=\"coverage-toolbar\">\n      <label class=\"toolbar-label\">Source type:</label>\n      <select class=\"root-select\"\n              [value]=\"orphanCkType() ?? ''\"\n              (change)=\"onOrphanCkTypeChange($any($event.target).value)\">\n        @for (ckType of config.sourceCandidateCkTypeIds; track ckType) {\n          <option [value]=\"ckType\">{{ ckType }}</option>\n        }\n      </select>\n      <button kendoButton fillMode=\"flat\" size=\"small\" [svgIcon]=\"icons.refresh\"\n              [disabled]=\"!orphanCkType() || orphanLoading()\"\n              (click)=\"refreshOrphans()\" title=\"Reload\"></button>\n      <label class=\"orphan-toggle\">\n        <input type=\"checkbox\" [checked]=\"orphanHideMapped()\" (change)=\"toggleOrphanHideMapped()\" />\n        Hide already-mapped\n      </label>\n      <label class=\"toolbar-label\">Group by:</label>\n      <select class=\"root-select\"\n              [value]=\"orphanGroupParentType() ?? ''\"\n              (change)=\"onOrphanGroupParentTypeChange($any($event.target).value)\">\n        <option value=\"\">(no grouping)</option>\n        @for (t of orphanAvailableParentTypes(); track t) {\n          <option [value]=\"t\">{{ t }}</option>\n        }\n      </select>\n\n      <div class=\"toolbar-spacer\"></div>\n\n      @if (orphanStats(); as s) {\n        <span class=\"validation-summary\">\n          <span class=\"badge badge-error\" title=\"unmapped \u2014 no DataPointMapping yet\">{{ s.unmapped }} unmapped</span>\n          <span class=\"badge badge-ok\" title=\"already covered by at least one mapping\">{{ s.mapped }} mapped</span>\n          <span class=\"badge\">{{ s.total }} total</span>\n        </span>\n      }\n    </div>\n\n    <div class=\"orphan-body\">\n      @if (orphanLoading()) {\n        <div class=\"empty-hint\">Loading source candidates\u2026</div>\n      } @else if (orphanError(); as err) {\n        <div class=\"error-hint\">{{ err }}</div>\n      } @else if (orphanFilteredList().length === 0) {\n        <div class=\"empty-hint\">\n          @if (orphanHideMapped()) {\n            All {{ orphanCkType() }} entities are mapped at least once. \uD83C\uDF89\n          } @else {\n            No entities of type {{ orphanCkType() }} found.\n          }\n        </div>\n      } @else if (orphanGroupParentType()) {\n        @for (group of orphanGroupedList(); track group.key) {\n          <div class=\"orphan-group\">\n            <div class=\"orphan-group-header\">\n              <span class=\"orphan-group-label\">{{ group.label }}</span>\n              <span class=\"orphan-group-count\">{{ group.items.length }}</span>\n            </div>\n            <ul class=\"orphan-list\">\n              @for (item of group.items; track trackOrphanByRtId($index, item)) {\n                <ng-container *ngTemplateOutlet=\"orphanRowTpl; context: { $implicit: item }\"></ng-container>\n              }\n            </ul>\n          </div>\n        }\n      } @else {\n        <ul class=\"orphan-list\">\n          @for (item of orphanFilteredList(); track trackOrphanByRtId($index, item)) {\n            <ng-container *ngTemplateOutlet=\"orphanRowTpl; context: { $implicit: item }\"></ng-container>\n          }\n        </ul>\n      }\n\n      <ng-template #orphanRowTpl let-item>\n        <li class=\"orphan-row\" [class.orphan-mapped]=\"item.mappingCount > 0\">\n          <div class=\"orphan-line\">\n            <span class=\"orphan-name\">{{ item.name }}</span>\n            @if (item.mappingCount > 0) {\n              <span class=\"orphan-badge orphan-badge-mapped\">\n                {{ item.mappingCount }} mapping{{ item.mappingCount === 1 ? '' : 's' }}\n              </span>\n            } @else {\n              <span class=\"orphan-badge orphan-badge-unmapped\">unmapped</span>\n            }\n          </div>\n          @if (item.parentPath.length > 0) {\n            <div class=\"orphan-breadcrumb\" [attr.title]=\"'Parent chain (root-first)'\">\n              @for (parent of breadcrumbFor(item); track parent.rtId; let last = $last) {\n                <span class=\"crumb\">{{ parent.name }}</span>\n                @if (!last) { <span class=\"crumb-sep\">\u203A</span> }\n              }\n            </div>\n          }\n          <div class=\"orphan-meta\">\n            <span class=\"kv-val\">{{ item.ckTypeId }}&#64;{{ item.rtId }}</span>\n          </div>\n          @if (item.description) {\n            <div class=\"orphan-description\">{{ item.description }}</div>\n          }\n          <div class=\"orphan-actions\">\n            <button kendoButton themeColor=\"primary\" fillMode=\"flat\" size=\"small\"\n                    [svgIcon]=\"icons.plus\"\n                    (click)=\"createMappingFromOrphan(item)\"\n                    title=\"Create mapping pre-linked to this source\">\n              Map\u2026\n            </button>\n          </div>\n        </li>\n      </ng-template>\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0}.coverage-root{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.coverage-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface-alt, #f8f9fa)) 70%,transparent)}.coverage-toolbar .toolbar-label{flex:0 0 96px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.coverage-toolbar .root-select{flex:0 0 280px;min-width:0;padding:4px 8px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:4px;background:var(--theme-bg-elevated, var(--kendo-color-surface, #fff));color:var(--theme-text-primary, inherit);font-size:.9rem;height:30px}.coverage-toolbar .toolbar-spacer{flex:1}.coverage-toolbar .toolbar-meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.coverage-toolbar .toolbar-meta .meta-name{font-size:.85rem;font-weight:600}.coverage-toolbar .toolbar-meta .meta-type{font-size:.7rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d)}.coverage-body{flex:1;display:flex;gap:12px;min-height:0}.coverage-tree-pane{flex:0 0 40%;min-width:240px;display:flex;flex-direction:column;min-height:0;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface, #fff)) 60%,transparent);color:var(--theme-text-primary, inherit);overflow:auto}.coverage-detail-pane{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface, #fff)) 60%,transparent);color:var(--theme-text-primary, inherit);padding:12px 14px;gap:12px;overflow:auto}.detail-header{display:flex;align-items:flex-start;gap:8px}.detail-header .detail-titles{flex:1;min-width:0}.detail-header .detail-name{margin:0;font-size:1.05rem;font-weight:600;word-break:break-word}.detail-header .detail-subtitle{font-size:.72rem;font-family:monospace;color:var(--kendo-color-subtle, #6c757d);word-break:break-all}.detail-section-title{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--kendo-color-subtle, #6c757d)}.detail-section-title .toolbar-spacer{flex:1}.detail-section-title .detail-summary{text-transform:none;letter-spacing:0;font-weight:500;color:var(--kendo-color-on-app-surface, inherit);font-size:.78rem}.mapping-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mapping-row{border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 65%,transparent)}.mapping-row.mapping-disabled{opacity:.55}.mapping-line{display:flex;align-items:center;gap:8px}.mapping-line .mapping-name{font-weight:600;font-size:.9rem}.mapping-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:8px;border:1px solid var(--kendo-color-border, #dee2e6)}.mapping-badge.mapping-badge-off{color:var(--kendo-color-subtle, #6c757d)}.mapping-details{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem}.mapping-details .kv{display:inline-flex;align-items:baseline;gap:4px}.mapping-details .kv-key{font-weight:600;color:var(--kendo-color-subtle, #6c757d)}.mapping-details code.kv-val{font-family:monospace;background:var(--kendo-color-surface, transparent);padding:1px 4px;border-radius:3px}.mapping-actions{display:flex;gap:6px;justify-content:flex-end}.empty-hint,.error-hint{padding:12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d);text-align:center}.error-hint{color:var(--kendo-color-error, #dc3545)}.coverage-tabs{display:flex;gap:0;border-bottom:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6))}.coverage-tab{padding:8px 16px;border:none;background:transparent;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.coverage-tab:hover{color:var(--theme-text-primary, inherit)}.coverage-tab.active{color:var(--theme-text-accent, var(--kendo-color-primary, #ff6358));border-bottom-color:var(--theme-text-accent, var(--kendo-color-primary, #ff6358))}.coverage-tab .tab-badge{background:color-mix(in srgb,var(--kendo-color-error, #dc3545) 22%,transparent);color:var(--kendo-color-error, #dc3545);border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:700}.orphan-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));cursor:pointer}.orphan-body{flex:1;min-height:0;overflow:auto;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:6px;background:color-mix(in srgb,var(--theme-bg-surface, var(--kendo-color-surface, #fff)) 60%,transparent);padding:8px}.orphan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.orphan-row{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-left-width:3px;border-left-color:var(--kendo-color-error, #dc3545);border-radius:6px;background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f8f9fa)) 65%,transparent)}.orphan-row.orphan-mapped{border-left-color:var(--kendo-color-success, #28a745);opacity:.7}.orphan-row .orphan-line{display:flex;align-items:center;gap:8px}.orphan-row .orphan-line .orphan-name{flex:1;font-weight:600;font-size:.9rem}.orphan-row .orphan-badge{font-size:.7rem;padding:1px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.orphan-row .orphan-badge-unmapped{background:color-mix(in srgb,var(--kendo-color-error, #dc3545) 22%,transparent);color:var(--kendo-color-error, #dc3545);border:1px solid var(--kendo-color-error, #dc3545)}.orphan-row .orphan-badge-mapped{background:color-mix(in srgb,var(--kendo-color-success, #28a745) 18%,transparent);color:var(--kendo-color-success, #28a745);border:1px solid var(--kendo-color-success, #28a745)}.orphan-row .orphan-meta{font-family:monospace;font-size:.7rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));word-break:break-all}.orphan-row .orphan-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.75rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d))}.orphan-row .orphan-breadcrumb .crumb{line-height:1.3}.orphan-row .orphan-breadcrumb .crumb-sep{opacity:.55;font-weight:600}.orphan-row .orphan-description{font-size:.78rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));font-style:italic}.orphan-row .orphan-actions{display:flex;gap:6px;justify-content:flex-end}.orphan-group{display:flex;flex-direction:column;gap:6px}.orphan-group+.orphan-group{margin-top:14px}.orphan-group .orphan-group-header{display:flex;align-items:baseline;gap:8px;padding:4px 8px;border-bottom:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));font-size:.85rem;font-weight:600;color:var(--theme-text-primary, inherit)}.orphan-group .orphan-group-header .orphan-group-label{flex:1}.orphan-group .orphan-group-header .orphan-group-count{font-size:.7rem;color:var(--theme-text-secondary, var(--kendo-color-subtle, #6c757d));background:color-mix(in srgb,var(--theme-bg-elevated, var(--kendo-color-surface-alt, #f1f3f5)) 80%,transparent);border:1px solid var(--theme-border-subtle, var(--kendo-color-border, #dee2e6));border-radius:10px;padding:0 8px}.validation-summary{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.badge{font-size:.7rem;padding:2px 8px;border-radius:10px;background:var(--kendo-color-surface, #f1f3f5);border:1px solid var(--kendo-color-border, #dee2e6)}.badge-error{background:color-mix(in srgb,var(--kendo-color-error, #dc3545) 18%,transparent);border-color:var(--kendo-color-error, #dc3545);color:var(--kendo-color-error, #dc3545);font-weight:600}.badge-warning{background:color-mix(in srgb,var(--kendo-color-warning, #ffc107) 22%,transparent);border-color:var(--kendo-color-warning, #ffc107);color:var(--kendo-color-warning-on, #6b5500);font-weight:600}.badge-ok{background:color-mix(in srgb,var(--kendo-color-success, #28a745) 18%,transparent);border-color:var(--kendo-color-success, #28a745);color:var(--kendo-color-success, #28a745);font-weight:600}.badge-info{background:color-mix(in srgb,var(--kendo-color-info, #0dcaf0) 18%,transparent);border-color:var(--kendo-color-info, #0dcaf0);color:var(--kendo-color-info, #0dcaf0)}.validation-error-text{color:var(--kendo-color-error, #dc3545);font-size:.8rem}.validation-timestamp{font-size:.7rem;color:var(--kendo-color-subtle, #6c757d);margin-left:4px}\n"] }]
+        }], propDecorators: { treeView: [{
+                type: ViewChild,
+                args: [TreeComponent, { static: false }]
+            }], config: [{
+                type: Input
+            }], initialRoot: [{
+                type: Input
+            }], tenantId: [{
+                type: Input
+            }], entitySelected: [{
+                type: Output
+            }] } });
+function readAttr(items, name) {
+    if (!items)
+        return null;
+    const target = name.toLowerCase();
+    for (const item of items) {
+        if (item?.attributeName != null && item.attributeName.toLowerCase() === target && item.value != null) {
+            return String(item.value);
+        }
+    }
+    return null;
+}
+/**
+ * Parses the JSON report emitted by ValidateDataPointCoverage@1 into a lookup
+ * map keyed by entity rtId, plus aggregate summary counters and a per-node
+ * subtree rollup (worst status + aggregate counts) so the tree can colour
+ * `info` ancestors red when there's an error somewhere below them.
+ *
+ * Tolerant of partial/malformed payloads: unknown statuses fall back to "info"
+ * and missing arrays default to empty. Reports from an older backend that
+ * doesn't emit `parentRtId` degrade gracefully — every node's subtreeStatus
+ * collapses to its own status.
+ */
+function parseValidationReport(serialised) {
+    const result = new Map();
+    const empty = { ok: 0, warning: 0, error: 0, info: 0, total: 0 };
+    try {
+        const parsed = JSON.parse(serialised);
+        const summary = parsed?.summary ?? empty;
+        const nodes = (parsed?.nodes ?? []).filter((n) => !!n?.rtId);
+        // Index by rtId + build parent → children map for the rollup pass.
+        const childrenByParent = new Map();
+        const ownStatus = new Map();
+        for (const n of nodes) {
+            ownStatus.set(n.rtId, normaliseStatus(n.status));
+            if (n.parentRtId) {
+                const bucket = childrenByParent.get(n.parentRtId);
+                if (bucket)
+                    bucket.push(n.rtId);
+                else
+                    childrenByParent.set(n.parentRtId, [n.rtId]);
+            }
+        }
+        // Memoised post-order walk: each node's subtree rollup includes itself
+        // plus the recursive rollup of all descendants.
+        const memo = new Map();
+        const rollup = (rtId) => {
+            const cached = memo.get(rtId);
+            if (cached)
+                return cached;
+            const self = ownStatus.get(rtId) ?? 'info';
+            const counts = { ok: 0, warning: 0, error: 0, info: 0 };
+            counts[self] += 1;
+            let worst = self;
+            for (const childId of childrenByParent.get(rtId) ?? []) {
+                const sub = rollup(childId);
+                counts.ok += sub.counts.ok;
+                counts.warning += sub.counts.warning;
+                counts.error += sub.counts.error;
+                counts.info += sub.counts.info;
+                if (statusSeverity(sub.worst) > statusSeverity(worst))
+                    worst = sub.worst;
+            }
+            const out = { worst, counts };
+            memo.set(rtId, out);
+            return out;
+        };
+        for (const n of nodes) {
+            const status = ownStatus.get(n.rtId) ?? 'info';
+            const sub = rollup(n.rtId);
+            result.set(n.rtId, {
+                status,
+                subtreeStatus: sub.worst,
+                subtreeCounts: sub.counts,
+                required: n.required ?? [],
+                recommended: n.recommended ?? [],
+                present: n.present ?? [],
+                missingRequired: n.missingRequired ?? [],
+                missingRecommended: n.missingRecommended ?? [],
+            });
+        }
+        return { map: result, summary };
+    }
+    catch (err) {
+        console.warn('Failed to parse validation report:', err);
+        return { map: result, summary: empty };
+    }
+}
+/**
+ * Ordering used to compute "worst status" in a subtree rollup. Higher number
+ * = more severe; ties are broken by the first occurrence in the traversal.
+ */
+function statusSeverity(s) {
+    switch (s) {
+        case 'error': return 3;
+        case 'warning': return 2;
+        case 'ok': return 1;
+        case 'info':
+        default: return 0;
+    }
+}
+function normaliseStatus(value) {
+    switch (value) {
+        case 'ok':
+        case 'warning':
+        case 'error':
+        case 'info':
+            return value;
+        default:
+            return 'info';
+    }
+}
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+/**
+ * Walks the up-to-3-hop parent chain produced by `getOrphanCandidates` and
+ * flattens it into an array ordered from immediate parent (index 0) to
+ * root-most known ancestor. Stops at the first hop with no parent items —
+ * a Loxone Control whose Category is the topmost reachable ancestor in 3
+ * hops yields a 1-item path; an OPC-UA node deep in a tree yields 3.
+ */
+function extractParentPath(first) {
+    const path = [];
+    let cursor = first;
+    while (cursor) {
+        if (cursor.rtId == null || cursor.ckTypeId == null)
+            break;
+        path.push({
+            rtId: String(cursor.rtId),
+            ckTypeId: String(cursor.ckTypeId),
+            name: readAttr(cursor.attributes?.items, 'name')
+                ?? cursor.rtWellKnownName
+                ?? String(cursor.rtId),
+        });
+        const next = cursor.associations?.parent?.items?.[0];
+        cursor = next ?? null;
+    }
+    return path;
+}
+
 class TenantSwitcherComponent {
     currentTenantId = null;
     allowedTenants = [];
@@ -15384,5 +17718,5 @@ function provideOctoUi() {
  * Generated bundle index. Do not edit.
  */
 
-export { AssociationValidationService, AttributeSelectorDialogComponent, AttributeSelectorDialogService, AttributeSortSelectorDialogComponent, AttributeSortSelectorDialogService, AttributeValueTypeDto, CkTypeSelectorDialogComponent, CkTypeSelectorDialogService, CkTypeSelectorInputComponent, DEFAULT_RUNTIME_BROWSER_MESSAGES, DataMappingOverviewComponent, DefaultPropertyCategory, EntityDetailComponent, EntityIdInfoComponent, EntitySelectorDialogComponent, EntitySelectorDialogService, FieldFilterEditorComponent, OctoGraphQlDataSource, OctoGraphQlHierarchyDataSource, OctoLoaderComponent, PropertyConverterService, PropertyDisplayMode, PropertyGridComponent, PropertyValueDisplayComponent, RUNTIME_BROWSER_MESSAGES, RecordDetailDialogComponent, RtEntityIdHelper, RuntimeBrowserComponent, RuntimeBrowserOutletComponent, RuntimeBrowserPageComponent, RuntimeBrowserStateService, RuntimeEntityVariableDialogComponent, RuntimeEntityVariableDialogService, TenantSwitcherComponent, account_tree, add, analytics, app_registration, article, botService, category, chat, checklist, code, component_exchange, computer, createRuntimeBrowserRoutes, customer, dashboard, event_list, graphic_eq, group, identityService, insert_link, manage_accounts, more_time, notifications, page_info, pages, person_search, playlist_add_check, pool, power, provideOctoUi, publicIcon, query_builder, schedule_send, settings, sort, storage, swagger, swagger_asset, swagger_bot, swagger_communication, swagger_identity, team_dashboard, tenancy, text_snippet, travel_explore, user_diagnostics, webhook, work };
+export { AssociationValidationService, AttributeSelectorDialogComponent, AttributeSelectorDialogService, AttributeSortSelectorDialogComponent, AttributeSortSelectorDialogService, AttributeValueTypeDto, CkTypeSelectorDialogComponent, CkTypeSelectorDialogService, CkTypeSelectorInputComponent, DEFAULT_DATA_POINT, DEFAULT_MAPPING_COVERAGE_TREE_CONFIG, DEFAULT_RUNTIME_BROWSER_MESSAGES, DataMappingOverviewComponent, DataPointPickerComponent, DataPointResolverService, DefaultPropertyCategory, EntityDetailComponent, EntityIdInfoComponent, EntitySelectorDialogComponent, EntitySelectorDialogService, FieldFilterEditorComponent, MappingCoverageTreeComponent, MappingCoverageTreeDataSource, MappingEditDialogComponent, MappingEditDialogService, OctoGraphQlDataSource, OctoGraphQlHierarchyDataSource, OctoLoaderComponent, PropertyConverterService, PropertyDisplayMode, PropertyGridComponent, PropertyValueDisplayComponent, RUNTIME_BROWSER_MESSAGES, RecordDetailDialogComponent, RtEntityIdHelper, RuntimeBrowserComponent, RuntimeBrowserOutletComponent, RuntimeBrowserPageComponent, RuntimeBrowserStateService, RuntimeEntityVariableDialogComponent, RuntimeEntityVariableDialogService, TenantSwitcherComponent, account_tree, add, analytics, app_registration, article, botService, category, chat, checklist, code, component_exchange, computer, createRuntimeBrowserRoutes, customer, dashboard, event_list, extractDataPointNames, graphic_eq, group, identityService, insert_link, manage_accounts, more_time, notifications, page_info, pages, person_search, playlist_add_check, pool, power, provideOctoUi, publicIcon, query_builder, schedule_send, settings, sort, storage, swagger, swagger_asset, swagger_bot, swagger_communication, swagger_identity, team_dashboard, tenancy, text_snippet, travel_explore, user_diagnostics, webhook, work };
 //# sourceMappingURL=meshmakers-octo-ui.mjs.map