@meshmakers/octo-meshboard 3.4.190 → 3.4.210

package/fesm2022/meshmakers-octo-meshboard.mjs

@@ -1,7 +1,7 @@
 import { FieldFilterOperatorsDto, CkTypeSelectorService, RuntimeEntitySelectDataSource as RuntimeEntitySelectDataSource$2, RuntimeEntityDialogDataSource as RuntimeEntityDialogDataSource$2, DeleteStrategiesDto, AssociationModOptionsDto, CkModelService, QueryModeDto, GraphDirectionDto, AttributeSelectorService, GraphQL, GetCkTypeAvailableQueryColumnsDtoGQL, SortOrdersDto, HealthService, TENANT_ID_PROVIDER, AssetRepoService, JobManagementService } from '@meshmakers/octo-services';
 export { RuntimeEntityDialogDataSource, RuntimeEntitySelectDataSource, TENANT_ID_PROVIDER } from '@meshmakers/octo-services';
 import * as i0 from '@angular/core';
-import { Injectable, inject, EventEmitter, forwardRef, Output, Input, ViewChild, ChangeDetectionStrategy, Component, Injector, EnvironmentInjector, ApplicationRef, signal, computed, Directive, makeEnvironmentProviders, provideAppInitializer, InjectionToken, effect } from '@angular/core';
+import { Injectable, inject, EventEmitter, forwardRef, Output, Input, ViewChild, ChangeDetectionStrategy, Component, Injector, EnvironmentInjector, ApplicationRef, signal, computed, Directive, ElementRef, NgZone, makeEnvironmentProviders, provideAppInitializer, InjectionToken, effect } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { firstValueFrom, from, map, Observable, of, catchError, interval, filter } from 'rxjs';
@@ -1761,7 +1761,8 @@ class MeshBoardPersistenceService {
                     ckTypeId: es.ckTypeId,
                     attributeMappings: es.attributeMappings,
                     showInToolbar: es.showInToolbar,
-                    defaultRtId: es.defaultRtId
+                    defaultRtId: es.defaultRtId,
+                    childScope: es.childScope
                 }));
             }
             const dataJson = JSON.stringify(data);
@@ -2001,6 +2002,14 @@ class MeshBoardStateService {
     ...(ngDevMode ? [{ debugName: "_isModelAvailable" }] : /* istanbul ignore next */ []));
     _variableResolutionErrors = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_variableResolutionErrors" }] : /* istanbul ignore next */ []));
+    /**
+     * Transient cache of the source rtIds resolved from each entity selector's
+     * current selection (keyed by selector id). Populated by the view component
+     * when a selection resolves (one-hop childScope traversal, or the picked
+     * entity's own rtId). Not persisted — derived fresh from each selection.
+     */
+    _entitySelectorRtIds = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_entitySelectorRtIds" }] : /* istanbul ignore next */ []));
     // Public computed signals
     meshBoardConfig = computed(() => this._meshBoardConfig(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "meshBoardConfig" }] : /* istanbul ignore next */ []));
@@ -2504,6 +2513,42 @@ class MeshBoardStateService {
         }
         return { from: range.from, to: range.to };
     }
+    /**
+     * Stores the source rtIds resolved from an entity selector's current
+     * selection. Called by the view component after a selection resolves (the
+     * one-hop childScope traversal, or the picked entity's own rtId when the
+     * selector has no childScope). Transient — not persisted.
+     */
+    setEntitySelectorRtIds(selectorId, rtIds) {
+        this._entitySelectorRtIds.update(map => ({ ...map, [selectorId]: rtIds }));
+    }
+    /**
+     * Clears the cached source rtIds for an entity selector (e.g. when its
+     * selection is cleared).
+     */
+    clearEntitySelectorRtIds(selectorId) {
+        this._entitySelectorRtIds.update(map => {
+            if (!(selectorId in map)) {
+                return map;
+            }
+            const next = { ...map };
+            delete next[selectorId];
+            return next;
+        });
+    }
+    /**
+     * Resolves the stream-data `rtIds` scope for a persistent-query widget bound
+     * to an entity selector. Returns the source rtIds cached from the selector's
+     * current selection, or `undefined` when the selector id is absent, unknown,
+     * or has no active selection (so the query keeps its persisted scope).
+     */
+    resolveStreamDataRtIds(entitySelectorId) {
+        if (!entitySelectorId) {
+            return undefined;
+        }
+        const rtIds = this._entitySelectorRtIds()[entitySelectorId];
+        return rtIds && rtIds.length > 0 ? rtIds : undefined;
+    }
     /**
      * Updates the time filter configuration.
      */
@@ -2945,7 +2990,8 @@ class QueryExecutorService {
         // Skip the entire `arg` field when the caller has nothing to override —
         // the persisted query then runs with its intrinsic from/to/limit and the
         // GraphQL request stays minimal.
-        const hasOverride = args.from != null || args.to != null || args.interval != null || args.limit != null || args.queryMode != null;
+        const hasRtIds = args.rtIds != null && args.rtIds.length > 0;
+        const hasOverride = args.from != null || args.to != null || args.interval != null || args.limit != null || args.queryMode != null || hasRtIds;
         if (!hasOverride) {
             return undefined;
         }
@@ -2957,6 +3003,7 @@ class QueryExecutorService {
             to: args.to ?? undefined,
             interval: args.interval ?? undefined,
             limit: args.limit ?? undefined,
+            rtIds: hasRtIds ? args.rtIds : undefined,
             queryMode: args.queryMode ?? QueryModeDto.DefaultDto
         };
     }
@@ -3633,7 +3680,10 @@ class MeshBoardDataService {
                 roleId,
                 direction: graphDirection,
                 first: first ?? 100,
-                attributeNames: attributeNames ?? null
+                // The server's `attributes` resolver rejects a null attributeNames argument
+                // (ARGUMENT_NULL); send an empty list when the caller doesn't need attributes
+                // (e.g. childScope rtId resolution, which only reads rtId).
+                attributeNames: attributeNames ?? []
             }
         }).pipe(map(result => {
             const entity = result.data?.runtime?.runtimeEntities?.items?.[0];
@@ -5082,7 +5132,12 @@ class KpiWidgetComponent {
     }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
-        return this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        return { ...timeArgs, rtIds };
     }
     extractAggregationValue(queryResult) {
         const firstRow = queryResult.rows.find(row => KpiWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
@@ -5273,6 +5328,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Output
             }] } });
 
+/**
+ * Per-widget asset-scope binding for stream-data persistent-query widgets.
+ *
+ * Stream-data archives are keyed by their source rtIds, so a widget is scoped
+ * to a picked asset by passing those source rtIds as `streamDataArgs.rtIds`
+ * (see `MeshBoardStateService.resolveStreamDataRtIds` and the backend
+ * `StreamDataArguments.rtIds` override). This control lets the designer bind a
+ * single widget to one of the MeshBoard's entity selectors: when the selector's
+ * entity is picked, its resolved source rtIds (the selector's `childScope`
+ * one-hop, or the picked entity itself) scope this widget's query.
+ *
+ * The control renders only when the selected query is a stream-data query
+ * (`family === 'streamData'`); for runtime queries the binding has no effect and
+ * the picker stays hidden (mirrors `SdTimeFilterToggleComponent`).
+ *
+ * Two-way bindable:
+ * ```html
+ * <mm-entity-selector-scope-picker
+ *   [family]="selectedQueryFamily"
+ *   [selectors]="availableEntitySelectors"
+ *   [(entitySelectorId)]="entitySelectorId">
+ * </mm-entity-selector-scope-picker>
+ * ```
+ */
+class EntitySelectorScopePickerComponent {
+    /** Family of the currently selected query. Picker is shown only for 'streamData'. */
+    family;
+    /** Currently bound entity selector id (`undefined` ⇒ no binding). */
+    entitySelectorId;
+    /** Available entity selectors to choose from. */
+    set selectors(value) {
+        this._selectors = value ?? [];
+    }
+    get selectors() {
+        return this._selectors;
+    }
+    _selectors = [];
+    /** Emits on change (enables `[(entitySelectorId)]` two-way binding). */
+    entitySelectorIdChange = new EventEmitter();
+    get visible() {
+        return this.family === 'streamData';
+    }
+    /** "None" row first, then one row per available selector. */
+    get options() {
+        return [
+            { label: '— None —', value: undefined },
+            ...this._selectors.map(s => ({ label: s.label || s.id, value: s.id }))
+        ];
+    }
+    onSelect(value) {
+        this.entitySelectorId = value ?? undefined;
+        this.entitySelectorIdChange.emit(this.entitySelectorId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: EntitySelectorScopePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: EntitySelectorScopePickerComponent, isStandalone: true, selector: "mm-entity-selector-scope-picker", inputs: { family: "family", entitySelectorId: "entitySelectorId", selectors: "selectors" }, outputs: { entitySelectorIdChange: "entitySelectorIdChange" }, ngImport: i0, template: `
+    @if (visible) {
+      <div class="form-field entity-selector-scope-picker">
+        <label>Scope to entity selector</label>
+        <kendo-dropdownlist
+          [data]="options"
+          textField="label"
+          valueField="value"
+          [valuePrimitive]="true"
+          [ngModel]="entitySelectorId ?? null"
+          (valueChange)="onSelect($event)">
+        </kendo-dropdownlist>
+        <p class="field-hint">
+          Scopes this widget's stream-data query to the rtIds resolved from the
+          selected asset. Leave unset to use the saved query's own scope.
+        </p>
+      </div>
+    }
+  `, isInline: true, styles: [".entity-selector-scope-picker .field-hint{font-size:.85em;margin-top:4px;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropDownsModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: EntitySelectorScopePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-entity-selector-scope-picker', standalone: true, imports: [FormsModule, DropDownsModule], changeDetection: ChangeDetectionStrategy.Eager, template: `
+    @if (visible) {
+      <div class="form-field entity-selector-scope-picker">
+        <label>Scope to entity selector</label>
+        <kendo-dropdownlist
+          [data]="options"
+          textField="label"
+          valueField="value"
+          [valuePrimitive]="true"
+          [ngModel]="entitySelectorId ?? null"
+          (valueChange)="onSelect($event)">
+        </kendo-dropdownlist>
+        <p class="field-hint">
+          Scopes this widget's stream-data query to the rtIds resolved from the
+          selected asset. Leave unset to use the saved query's own scope.
+        </p>
+      </div>
+    }
+  `, styles: [".entity-selector-scope-picker .field-hint{font-size:.85em;margin-top:4px;opacity:.7}\n"] }]
+        }], propDecorators: { family: [{
+                type: Input
+            }], entitySelectorId: [{
+                type: Input
+            }], selectors: [{
+                type: Input
+            }], entitySelectorIdChange: [{
+                type: Output
+            }] } });
+
 /**
  * Configuration dialog for KPI widgets.
  * Allows selecting data source, value attribute, and display options.
@@ -5313,6 +5473,7 @@ class KpiConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     initialQueryMode;
     initialQueryValueField;
     initialQueryCategoryField;
@@ -5334,6 +5495,7 @@ class KpiConfigDialogComponent {
     selectedPersistentQuery = null;
     /** Stream-data opt-out: when true the MeshBoard time filter is not bound to the query. */
     ignoreTimeFilter = false;
+    entitySelectorId;
     queryColumns = [];
     categoryValues = [];
     queryMode = 'simpleCount';
@@ -5341,6 +5503,10 @@ class KpiConfigDialogComponent {
     get selectedQueryFamily() {
         return queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily ?? null;
     }
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.meshBoardStateService.getEntitySelectors();
+    }
     isLoadingQueryColumns = false;
     isLoadingCategoryValues = false;
     // Attribute selection
@@ -5437,6 +5603,7 @@ class KpiConfigDialogComponent {
         this.dataSourceType = this.initialDataSourceType || 'runtimeEntity';
         this.queryMode = this.initialQueryMode || 'simpleCount';
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         // Check if this is count mode (for runtime entity)
         this.isCountMode = this.initialValueAttribute === '_count';
         if (this.dataSourceType === 'persistentQuery' && this.initialQueryRtId) {
@@ -5607,6 +5774,7 @@ class KpiConfigDialogComponent {
                 queryName: this.selectedPersistentQuery.name,
                 queryFamily: family,
                 ignoreTimeFilter: this.ignoreTimeFilter,
+                entitySelectorId: this.entitySelectorId,
                 queryMode: this.queryMode,
                 queryValueField: this.form.queryValueField || undefined,
                 queryCategoryField: this.form.queryCategoryField || undefined,
@@ -5771,7 +5939,7 @@ class KpiConfigDialogComponent {
         this.filters = updatedFilters;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: KpiConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: KpiConfigDialogComponent, isStandalone: true, selector: "mm-kpi-config-dialog", inputs: { initialCkTypeId: "initialCkTypeId", initialRtId: "initialRtId", initialValueAttribute: "initialValueAttribute", initialLabelAttribute: "initialLabelAttribute", initialPrefix: "initialPrefix", initialSuffix: "initialSuffix", initialTrend: "initialTrend", initialComparisonText: "initialComparisonText", initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialQueryMode: "initialQueryMode", initialQueryValueField: "initialQueryValueField", initialQueryCategoryField: "initialQueryCategoryField", initialQueryCategoryValue: "initialQueryCategoryValue", initialStaticValue: "initialStaticValue", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "entitySelectorInput", first: true, predicate: ["entitySelector"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: KpiConfigDialogComponent, isStandalone: true, selector: "mm-kpi-config-dialog", inputs: { initialCkTypeId: "initialCkTypeId", initialRtId: "initialRtId", initialValueAttribute: "initialValueAttribute", initialLabelAttribute: "initialLabelAttribute", initialPrefix: "initialPrefix", initialSuffix: "initialSuffix", initialTrend: "initialTrend", initialComparisonText: "initialComparisonText", initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialQueryMode: "initialQueryMode", initialQueryValueField: "initialQueryValueField", initialQueryCategoryField: "initialQueryCategoryField", initialQueryCategoryValue: "initialQueryCategoryValue", initialStaticValue: "initialStaticValue", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "entitySelectorInput", first: true, predicate: ["entitySelector"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -5952,6 +6120,12 @@ class KpiConfigDialogComponent {
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
 
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
+
           <!-- Query Mode Selection -->
           <div class="form-field">
             <label>Query Mode</label>
@@ -6147,7 +6321,7 @@ class KpiConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.required{color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: 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: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.required{color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: 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: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: KpiConfigDialogComponent, decorators: [{
             type: Component,
@@ -6162,6 +6336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], template: `
     <div class="config-container">
@@ -6344,6 +6519,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
 
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
+
           <!-- Query Mode Selection -->
           <div class="form-field">
             <label>Query Mode</label>
@@ -6575,6 +6756,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }], initialQueryMode: [{
                 type: Input
             }], initialQueryValueField: [{
@@ -8279,8 +8462,13 @@ class TableWidgetDataSourceDirective extends OctoGraphQlDataSource {
      */
     buildStreamDataArgs() {
         const ds = this._config?.dataSource;
-        const ignoreTimeFilter = ds?.type === 'persistentQuery' ? ds.ignoreTimeFilter : undefined;
-        return this.stateService.resolveStreamDataTimeArgs(ignoreTimeFilter);
+        const isPersistentQuery = ds?.type === 'persistentQuery';
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(isPersistentQuery ? ds.ignoreTimeFilter : undefined);
+        const rtIds = this.stateService.resolveStreamDataRtIds(isPersistentQuery ? ds.entitySelectorId : undefined);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        return { ...timeArgs, rtIds };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TableWidgetDataSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: TableWidgetDataSourceDirective, isStandalone: true, selector: "[mmTableWidgetDataSource]", inputs: { config: "config" }, outputs: { queryColumnsLoaded: "queryColumnsLoaded" }, providers: [
@@ -8525,6 +8713,7 @@ class TableConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     columnsIcon = columnsIcon;
     sortIcon = sortAscIcon;
     filterIcon = filterIcon;
@@ -8545,8 +8734,13 @@ class TableConfigDialogComponent {
     // Query configuration
     selectedPersistentQuery = null;
     ignoreTimeFilter = false;
+    entitySelectorId;
     // Variables for filter editor
     filterVariables = [];
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.stateService.getEntitySelectors();
+    }
     form = {
         pageSize: 10,
         sortable: true
@@ -8576,6 +8770,7 @@ class TableConfigDialogComponent {
         this.form.pageSize = this.initialPageSize ?? 10;
         this.form.sortable = this.initialSortable ?? true;
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         // Convert initial sorting from string-based format to SortDto
         if (this.initialSorting) {
             this.sorting = this.initialSorting.map(s => ({
@@ -8764,6 +8959,7 @@ class TableConfigDialogComponent {
                 queryName: this.selectedPersistentQuery.name,
                 queryFamily: family,
                 ignoreTimeFilter: this.ignoreTimeFilter,
+                entitySelectorId: this.entitySelectorId,
                 pageSize: this.form.pageSize,
                 sortable: this.form.sortable
             });
@@ -8780,7 +8976,7 @@ class TableConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TableConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: TableConfigDialogComponent, isStandalone: true, selector: "mm-table-config-dialog", inputs: { initialDataSourceType: "initialDataSourceType", initialCkTypeId: "initialCkTypeId", initialColumns: "initialColumns", initialSorting: "initialSorting", initialFilters: "initialFilters", initialPageSize: "initialPageSize", initialSortable: "initialSortable", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: TableConfigDialogComponent, isStandalone: true, selector: "mm-table-config-dialog", inputs: { initialDataSourceType: "initialDataSourceType", initialCkTypeId: "initialCkTypeId", initialColumns: "initialColumns", initialSorting: "initialSorting", initialFilters: "initialFilters", initialPageSize: "initialPageSize", initialSortable: "initialSortable", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId" }, providers: [
             AttributeSelectorDialogService,
             AttributeSortSelectorDialogService
         ], viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "filterEditor", first: true, predicate: ["filterEditor"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
@@ -8905,6 +9101,12 @@ class TableConfigDialogComponent {
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
 
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
+
           @if (selectedPersistentQuery) {
             <div class="config-card">
               <div class="card-header">
@@ -8988,7 +9190,7 @@ class TableConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.config-card{padding:12px 16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-header kendo-svgicon{color:var(--kendo-color-primary, #0d6efd)}.card-title{font-weight:600;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.card-count{color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.card-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.config-summary{margin:0;font-size:.85rem;color:var(--kendo-color-on-app-surface, #212529);flex:1}.filters-card .card-content{flex-direction:column;align-items:stretch}.filter-content{width:100%}.options-card .options-content{display:flex;gap:24px;align-items:flex-end}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--kendo-color-on-app-surface, #212529)}.data-source-type .radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:var(--kendo-color-on-app-surface, #212529)}.radio-label span{color:var(--kendo-color-on-app-surface, #212529)}.query-info{flex-direction:column;align-items:stretch;gap:8px}.info-row{display:flex;gap:8px}.info-label{font-weight:600;min-width:100px;color:var(--kendo-color-subtle, #6c757d)}.info-value{flex:1;color:var(--kendo-color-on-app-surface, #212529)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "ngmodule", type: NumericTextBoxModule }, { kind: "ngmodule", type: DropDownsModule }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: i1$4.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.config-card{padding:12px 16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-header kendo-svgicon{color:var(--kendo-color-primary, #0d6efd)}.card-title{font-weight:600;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.card-count{color:var(--kendo-color-subtle, #6c757d);font-size:.85rem}.card-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.config-summary{margin:0;font-size:.85rem;color:var(--kendo-color-on-app-surface, #212529);flex:1}.filters-card .card-content{flex-direction:column;align-items:stretch}.filter-content{width:100%}.options-card .options-content{display:flex;gap:24px;align-items:flex-end}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--kendo-color-on-app-surface, #212529)}.data-source-type .radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:var(--kendo-color-on-app-surface, #212529)}.radio-label span{color:var(--kendo-color-on-app-surface, #212529)}.query-info{flex-direction:column;align-items:stretch;gap:8px}.info-row{display:flex;gap:8px}.info-label{font-weight:600;min-width:100px;color:var(--kendo-color-subtle, #6c757d)}.info-value{flex:1;color:var(--kendo-color-on-app-surface, #212529)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "ngmodule", type: NumericTextBoxModule }, { kind: "ngmodule", type: DropDownsModule }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: i1$4.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TableConfigDialogComponent, decorators: [{
             type: Component,
@@ -9004,6 +9206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], providers: [
                         AttributeSelectorDialogService,
@@ -9130,6 +9333,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
 
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
+
           @if (selectedPersistentQuery) {
             <div class="config-card">
               <div class="card-header">
@@ -9245,6 +9454,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }] } });
 
 class GaugeWidgetComponent {
@@ -9427,7 +9638,12 @@ class GaugeWidgetComponent {
     }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
-        return this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        return { ...timeArgs, rtIds };
     }
     extractAggregationValue(queryResult) {
         const firstRow = queryResult.rows.find(row => GaugeWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
@@ -9877,6 +10093,7 @@ class GaugeConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     initialQueryMode;
     initialQueryValueField;
     initialQueryCategoryField;
@@ -9895,6 +10112,7 @@ class GaugeConfigDialogComponent {
     selectedPersistentQuery = null;
     /** Stream-data opt-out: when true the MeshBoard time filter is not bound to the query. */
     ignoreTimeFilter = false;
+    entitySelectorId;
     queryColumns = [];
     categoryValues = [];
     queryMode = 'simpleCount';
@@ -9902,6 +10120,10 @@ class GaugeConfigDialogComponent {
     get selectedQueryFamily() {
         return queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily ?? null;
     }
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.meshBoardStateService.getEntitySelectors();
+    }
     isLoadingQueryColumns = false;
     isLoadingCategoryValues = false;
     // Attribute selection
@@ -9996,6 +10218,7 @@ class GaugeConfigDialogComponent {
         this.dataSourceType = this.initialDataSourceType || 'runtimeEntity';
         this.queryMode = this.initialQueryMode || 'simpleCount';
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         if (this.dataSourceType === 'persistentQuery' && this.initialQueryRtId) {
             this.isLoadingInitial = true;
             setTimeout(async () => {
@@ -10145,6 +10368,7 @@ class GaugeConfigDialogComponent {
                 queryName: this.selectedPersistentQuery.name,
                 queryFamily: family,
                 ignoreTimeFilter: this.ignoreTimeFilter,
+                entitySelectorId: this.entitySelectorId,
                 queryMode: this.queryMode,
                 queryValueField: this.form.queryValueField || undefined,
                 queryCategoryField: this.form.queryCategoryField || undefined,
@@ -10308,7 +10532,7 @@ class GaugeConfigDialogComponent {
         this.filters = updatedFilters;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: GaugeConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: GaugeConfigDialogComponent, isStandalone: true, selector: "mm-gauge-config-dialog", inputs: { initialCkTypeId: "initialCkTypeId", initialRtId: "initialRtId", initialGaugeType: "initialGaugeType", initialValueAttribute: "initialValueAttribute", initialLabelAttribute: "initialLabelAttribute", initialMin: "initialMin", initialMax: "initialMax", initialRanges: "initialRanges", initialShowLabel: "initialShowLabel", initialPrefix: "initialPrefix", initialSuffix: "initialSuffix", initialReverse: "initialReverse", initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialQueryMode: "initialQueryMode", initialQueryValueField: "initialQueryValueField", initialQueryCategoryField: "initialQueryCategoryField", initialQueryCategoryValue: "initialQueryCategoryValue", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "entitySelectorInput", first: true, predicate: ["entitySelector"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: GaugeConfigDialogComponent, isStandalone: true, selector: "mm-gauge-config-dialog", inputs: { initialCkTypeId: "initialCkTypeId", initialRtId: "initialRtId", initialGaugeType: "initialGaugeType", initialValueAttribute: "initialValueAttribute", initialLabelAttribute: "initialLabelAttribute", initialMin: "initialMin", initialMax: "initialMax", initialRanges: "initialRanges", initialShowLabel: "initialShowLabel", initialPrefix: "initialPrefix", initialSuffix: "initialSuffix", initialReverse: "initialReverse", initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialQueryMode: "initialQueryMode", initialQueryValueField: "initialQueryValueField", initialQueryCategoryField: "initialQueryCategoryField", initialQueryCategoryValue: "initialQueryCategoryValue", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "ckTypeSelectorInput", first: true, predicate: ["ckTypeSelector"], descendants: true }, { propertyName: "entitySelectorInput", first: true, predicate: ["entitySelector"], descendants: true }, { propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -10428,6 +10652,12 @@ class GaugeConfigDialogComponent {
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
 
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
+
           <!-- Query Mode Selection -->
           <div class="form-field">
             <label>Query Mode</label>
@@ -10712,7 +10942,7 @@ class GaugeConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;padding:16px;position:relative;flex:1;overflow-y:auto}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.checkbox-label{margin-left:8px;font-weight:400}.gauge-type-item{display:flex;flex-direction:column;gap:2px}.gauge-type-label{font-weight:500}.gauge-type-desc{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d)}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.range-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.range-input{width:80px}.range-separator{color:var(--kendo-color-subtle, #6c757d)}.color-picker{width:40px;height:32px;padding:2px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;cursor:pointer}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.required{color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { 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: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;padding:16px;position:relative;flex:1;overflow-y:auto}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.checkbox-label{margin-left:8px;font-weight:400}.gauge-type-item{display:flex;flex-direction:column;gap:2px}.gauge-type-label{font-weight:500}.gauge-type-desc{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d)}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.range-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.range-input{width:80px}.range-separator{color:var(--kendo-color-subtle, #6c757d)}.color-picker{width:40px;height:32px;padding:2px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;cursor:pointer}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.required{color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { 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: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: GaugeConfigDialogComponent, decorators: [{
             type: Component,
@@ -10727,6 +10957,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], template: `
     <div class="config-container">
@@ -10848,6 +11079,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
 
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
+
           <!-- Query Mode Selection -->
           <div class="form-field">
             <label>Query Mode</label>
@@ -11176,6 +11413,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }], initialQueryMode: [{
                 type: Input
             }], initialQueryValueField: [{
@@ -11370,7 +11609,12 @@ class PieChartWidgetComponent {
     }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
-        return this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        return { ...timeArgs, rtIds };
     }
     /**
      * Converts widget filter configuration to GraphQL FieldFilterDto format.
@@ -11485,6 +11729,7 @@ class PieChartConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     initialChartType;
     initialCategoryField;
     initialValueField;
@@ -11519,6 +11764,7 @@ class PieChartConfigDialogComponent {
     selectedPersistentQuery = null;
     /** Stream-data opt-out: when true the MeshBoard time filter is not bound to the query. */
     ignoreTimeFilter = false;
+    entitySelectorId;
     queryColumns = [];
     // Filter state
     filters = [];
@@ -11557,6 +11803,10 @@ class PieChartConfigDialogComponent {
     get selectedQueryFamily() {
         return queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily ?? null;
     }
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.stateService.getEntitySelectors();
+    }
     async ngOnInit() {
         // Initialize filter variables from MeshBoard state
         this.filterVariables = this.stateService.getVariables().map(v => ({
@@ -11574,6 +11824,7 @@ class PieChartConfigDialogComponent {
         this.form.ckQueryTarget = this.initialCkQueryTarget ?? 'models';
         this.form.ckGroupBy = this.initialCkGroupBy ?? 'modelState';
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         // Initialize filters
         if (this.initialFilters && this.initialFilters.length > 0) {
             this.filters = this.initialFilters.map((f, index) => ({
@@ -11736,6 +11987,7 @@ class PieChartConfigDialogComponent {
             result.queryName = this.selectedPersistentQuery.name;
             result.queryFamily = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
             result.ignoreTimeFilter = this.ignoreTimeFilter;
+            result.entitySelectorId = this.entitySelectorId;
         }
         else if (this.form.dataSourceType === 'constructionKitQuery') {
             result.ckQueryTarget = this.form.ckQueryTarget;
@@ -11747,7 +11999,7 @@ class PieChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PieChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: PieChartConfigDialogComponent, isStandalone: true, selector: "mm-pie-chart-config-dialog", inputs: { initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialValueField: "initialValueField", initialShowLabels: "initialShowLabels", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialCkQueryTarget: "initialCkQueryTarget", initialCkGroupBy: "initialCkGroupBy", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: PieChartConfigDialogComponent, isStandalone: true, selector: "mm-pie-chart-config-dialog", inputs: { initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialValueField: "initialValueField", initialShowLabels: "initialShowLabels", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialCkQueryTarget: "initialCkQueryTarget", initialCkGroupBy: "initialCkGroupBy", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -11787,6 +12039,12 @@ class PieChartConfigDialogComponent {
               [family]="selectedQueryFamily"
               [(ignoreTimeFilter)]="ignoreTimeFilter">
             </mm-sd-time-filter-toggle>
+
+            <mm-entity-selector-scope-picker
+              [family]="selectedQueryFamily"
+              [selectors]="availableEntitySelectors"
+              [(entitySelectorId)]="entitySelectorId">
+            </mm-entity-selector-scope-picker>
           }
 
           <!-- Construction Kit Query Options -->
@@ -11951,7 +12209,7 @@ class PieChartConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:20px;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:20px;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: PieChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -11965,6 +12223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], template: `
     <div class="config-container">
@@ -12006,6 +12265,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
               [family]="selectedQueryFamily"
               [(ignoreTimeFilter)]="ignoreTimeFilter">
             </mm-sd-time-filter-toggle>
+
+            <mm-entity-selector-scope-picker
+              [family]="selectedQueryFamily"
+              [selectors]="availableEntitySelectors"
+              [(entitySelectorId)]="entitySelectorId">
+            </mm-entity-selector-scope-picker>
           }
 
           <!-- Construction Kit Query Options -->
@@ -12184,6 +12449,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }], initialChartType: [{
                 type: Input
             }], initialCategoryField: [{
@@ -12366,7 +12633,12 @@ class BarChartWidgetComponent {
     }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
-        return this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        return { ...timeArgs, rtIds };
     }
     /**
      * Processes data in Static Series Mode.
@@ -12703,6 +12975,7 @@ class BarChartConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     initialChartType;
     initialCategoryField;
     initialSeries;
@@ -12723,6 +12996,12 @@ class BarChartConfigDialogComponent {
     numericColumns = [];
     /** Per-widget opt-out of the MeshBoard time-filter → stream-data binding. */
     ignoreTimeFilter = false;
+    /** Asset-scope binding: id of the entity selector whose selection scopes the stream-data query. */
+    entitySelectorId;
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.stateService.getEntitySelectors();
+    }
     /** Family of the currently selected query — gates the time-filter opt-out toggle. */
     get selectedQueryFamily() {
         return queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily ?? null;
@@ -12779,6 +13058,7 @@ class BarChartConfigDialogComponent {
         }));
         // Initialize form with initial values
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         this.form.chartType = this.initialChartType ?? 'column';
         this.form.categoryField = this.initialCategoryField ?? '';
         this.form.showLegend = this.initialShowLegend ?? true;
@@ -12937,6 +13217,7 @@ class BarChartConfigDialogComponent {
             queryName: this.selectedPersistentQuery.name,
             queryFamily: family,
             ignoreTimeFilter: this.ignoreTimeFilter,
+            entitySelectorId: this.entitySelectorId,
             chartType: this.form.chartType,
             categoryField: this.form.categoryField,
             series,
@@ -12964,7 +13245,7 @@ class BarChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: BarChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: BarChartConfigDialogComponent, isStandalone: true, selector: "mm-bar-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeries: "initialSeries", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowDataLabels: "initialShowDataLabels", initialColorThresholds: "initialColorThresholds", initialDefaultBarColor: "initialDefaultBarColor", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: BarChartConfigDialogComponent, isStandalone: true, selector: "mm-bar-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeries: "initialSeries", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowDataLabels: "initialShowDataLabels", initialColorThresholds: "initialColorThresholds", initialDefaultBarColor: "initialDefaultBarColor", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -12989,6 +13270,12 @@ class BarChartConfigDialogComponent {
             [family]="selectedQueryFamily"
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
+
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
         </div>
 
         <!-- Field Mapping Section -->
@@ -13230,7 +13517,7 @@ class BarChartConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.threshold-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.threshold-row label{font-size:.85rem;min-width:70px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "component", type: 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.threshold-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.threshold-row label{font-size:.85rem;min-width:70px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "component", type: 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: BarChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -13244,6 +13531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], template: `
     <div class="config-container">
@@ -13270,6 +13558,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [family]="selectedQueryFamily"
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
+
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
         </div>
 
         <!-- Field Mapping Section -->
@@ -13523,6 +13817,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }], initialChartType: [{
                 type: Input
             }], initialCategoryField: [{
@@ -13547,8 +13843,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }] } });
 
+/** Series colours so a series' min/max band and its avg line share one hue. */
+const SERIES_PALETTE = ['#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6', '#ec4899', '#14b8a6', '#f97316'];
 class LineChartWidgetComponent {
     queryExecutor = inject(QueryExecutorService);
+    elementRef = inject(ElementRef);
+    ngZone = inject(NgZone);
+    // FE-2 resize handling: re-query at a new resolution when the chart is resized materially.
+    resizeObserver;
+    resizeTimer;
+    /** The downsampling `limit` used by the last load; 0 when the last load wasn't downsampled. */
+    lastLimit = 0;
     static SUPPORTED_ROW_TYPES = new Set([
         'RtSimpleQueryRow',
         'RtAggregationQueryRow',
@@ -13571,11 +13876,17 @@ class LineChartWidgetComponent {
     ...(ngDevMode ? [{ debugName: "_error" }] : /* istanbul ignore next */ []));
     _seriesUnitMap = signal(new Map(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_seriesUnitMap" }] : /* istanbul ignore next */ []));
+    // Debug aid: how many rows came back vs. how many distinct category points
+    // actually plotted. A large `rows` with tiny `points` flags a data collapse
+    // (e.g. all rows sharing one category/timestamp).
+    _dataInfo = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_dataInfo" }] : /* istanbul ignore next */ []));
     isLoading = this._isLoading.asReadonly();
     categories = this._categories.asReadonly();
     seriesData = this._seriesData.asReadonly();
     valueAxes = this._valueAxes.asReadonly();
     error = this._error.asReadonly();
+    dataInfo = this._dataInfo.asReadonly();
     data = computed(() => this._seriesData(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     plotBands = computed(() => {
@@ -13639,8 +13950,37 @@ class LineChartWidgetComponent {
         const maxLen = 18;
         return e.value.length > maxLen ? e.value.substring(0, maxLen) + '...' : e.value;
     };
-    ngOnInit() {
+    ngAfterViewInit() {
+        // Defer the initial load to after view init so the host has a measured width — the
+        // downsampling bucket count (FE-1) is derived from the rendered pixel width.
         this.loadData();
+        this.setupResizeObserver();
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+        if (this.resizeTimer)
+            clearTimeout(this.resizeTimer);
+    }
+    /**
+     * FE-2: when the chart is resized so the pixel-derived bucket count would change materially
+     * (>15%), re-query at the new resolution after a 300 ms debounce. Only relevant while
+     * downsampling is active (lastLimit > 0); raw charts don't depend on width.
+     */
+    setupResizeObserver() {
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        this.resizeObserver = new ResizeObserver(() => this.onResize());
+        this.resizeObserver.observe(this.elementRef.nativeElement);
+    }
+    onResize() {
+        if (this.lastLimit <= 0)
+            return; // last load wasn't downsampled (or hasn't completed yet)
+        const newLimit = this.computeDownsampleLimit();
+        if (Math.abs(newLimit - this.lastLimit) / this.lastLimit < 0.15)
+            return;
+        if (this.resizeTimer)
+            clearTimeout(this.resizeTimer);
+        this.resizeTimer = setTimeout(() => this.ngZone.run(() => this.loadData()), 300);
     }
     ngOnChanges(changes) {
         if (changes['config'] && !changes['config'].firstChange) {
@@ -13681,6 +14021,8 @@ class LineChartWidgetComponent {
             // falls back to a one-time lookup by rtId. streamDataArgs is sent
             // unconditionally because the runtime path ignores it.
             const streamDataArgs = this.buildStreamDataArgs();
+            // Remember the resolution used so a later resize can decide whether to re-query (FE-2).
+            this.lastLimit = streamDataArgs?.limit ?? 0;
             const result = await firstValueFrom(this.queryExecutor.execute(queryDataSource.queryFamily, queryDataSource.queryRtId, {
                 fieldFilter: fieldFilter ?? undefined,
                 streamDataArgs
@@ -13689,52 +14031,94 @@ class LineChartWidgetComponent {
                 throw err;
             })));
             const filteredRows = result.rows.filter(row => LineChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
-            this.processData(filteredRows);
+            const downsampled = streamDataArgs?.queryMode === QueryModeDto.DownsamplingDto;
+            this.processData(filteredRows, downsampled);
+            this._dataInfo.set({ rows: filteredRows.length, points: this._categories().length, total: result.totalCount });
             this._isLoading.set(false);
         }
         catch (err) {
             console.error('Error loading Line Chart data:', err);
             this._error.set('Failed to load data');
+            this._dataInfo.set(null);
             this._isLoading.set(false);
         }
     }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
-        return this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        // Auto-downsampling (FE-1): for stream-data queries with a resolved time range, ask the
+        // backend to reduce to ~one bucket per 2 px of chart width instead of streaming every row.
+        // Without a time range the backend can't downsample (needs from/to/limit) → raw fallback.
+        if (ds.queryFamily === 'streamData' && timeArgs?.from && timeArgs?.to) {
+            return { ...timeArgs, rtIds, limit: this.computeDownsampleLimit(), queryMode: QueryModeDto.DownsamplingDto };
+        }
+        return { ...timeArgs, rtIds };
+    }
+    /**
+     * Bucket count for backend downsampling, sized to the rendered width (~1 bucket / 2 px),
+     * clamped to [50, 4000]. Falls back to 1500 before the host has a measured width.
+     */
+    computeDownsampleLimit() {
+        const width = this.elementRef.nativeElement?.offsetWidth ?? 0;
+        const effective = width > 50 ? width : 1500;
+        return Math.min(4000, Math.max(50, Math.round(effective / 2)));
     }
     /**
      * Processes query rows into line chart data.
      * Groups by seriesGroupField, orders by categoryField (date), supports multi-axis by unitField.
      */
-    processData(filteredRows) {
+    processData(filteredRows, downsample = false) {
         const categoryField = this.config.categoryField;
         const seriesGroupField = this.config.seriesGroupField;
         const valueField = this.config.valueField;
         const unitField = this.config.unitField;
-        // Collect data: category -> seriesGroup -> value
+        // Collect data: category -> seriesGroup -> value (and, for downsampling, the min/max band)
         const dataMap = new Map();
+        const bandMap = new Map();
         const allCategories = new Map(); // label -> parsed date for sorting
         const allSeriesGroups = new Set();
         const seriesUnitMap = new Map(); // seriesGroup -> unit
         for (const row of filteredRows) {
-            let categoryValue = '';
+            // In downsampling mode the x-axis is the bucket timestamp (the persisted category column
+            // comes back reduced, e.g. `window_start_max`); use the row's bin timestamp instead.
+            let categoryValue = downsample && row.timestamp ? String(row.timestamp) : '';
             let seriesGroupValue = '';
-            let numericValue = 0;
+            let lineValue = downsample ? null : 0;
+            let minValue = null;
+            let maxValue = null;
             let unitValue = '';
             for (const cell of row.cells) {
-                if (matchesAttributePath(cell.attributePath, categoryField)) {
+                const path = cell.attributePath;
+                if (!downsample && matchesAttributePath(path, categoryField)) {
                     categoryValue = String(cell.value ?? '');
                 }
-                else if (matchesAttributePath(cell.attributePath, seriesGroupField)) {
+                else if (matchesAttributePath(path, seriesGroupField)) {
                     seriesGroupValue = String(cell.value ?? '');
                 }
-                else if (matchesAttributePath(cell.attributePath, valueField)) {
-                    const val = cell.value;
-                    numericValue = typeof val === 'number' ? val : parseFloat(String(val));
-                    if (isNaN(numericValue))
-                        numericValue = 0;
+                else if (matchesAttributePath(path, valueField)) {
+                    if (downsample) {
+                        // The value column is reduced to <field>_avg / _min / _max — split them out so the
+                        // avg drives the line and min/max form the envelope band.
+                        const lower = path.toLowerCase();
+                        if (lower.endsWith('_min'))
+                            minValue = this.toNumber(cell.value);
+                        else if (lower.endsWith('_max'))
+                            maxValue = this.toNumber(cell.value);
+                        else
+                            lineValue = this.toNumber(cell.value); // _avg (or an unsuffixed value)
+                    }
+                    else {
+                        const val = cell.value;
+                        lineValue = typeof val === 'number' ? val : parseFloat(String(val));
+                        if (isNaN(lineValue))
+                            lineValue = 0;
+                    }
                 }
-                else if (unitField && matchesAttributePath(cell.attributePath, unitField)) {
+                else if (unitField && matchesAttributePath(path, unitField)) {
                     unitValue = String(cell.value ?? '');
                 }
             }
@@ -13747,7 +14131,13 @@ class LineChartWidgetComponent {
                 if (!dataMap.has(categoryValue)) {
                     dataMap.set(categoryValue, new Map());
                 }
-                dataMap.get(categoryValue).set(seriesGroupValue, numericValue);
+                dataMap.get(categoryValue).set(seriesGroupValue, lineValue);
+                if (downsample && minValue !== null && maxValue !== null) {
+                    if (!bandMap.has(categoryValue)) {
+                        bandMap.set(categoryValue, new Map());
+                    }
+                    bandMap.get(categoryValue).set(seriesGroupValue, { from: minValue, to: maxValue });
+                }
                 // Track unit per series
                 if (unitField && unitValue) {
                     seriesUnitMap.set(seriesGroupValue, unitValue);
@@ -13776,17 +14166,23 @@ class LineChartWidgetComponent {
             });
         }
         // Build series data
-        const seriesData = seriesGroups.map(seriesGroup => {
+        const seriesData = seriesGroups.map((seriesGroup, index) => {
             const data = categoryKeys.map(categoryKey => {
                 return dataMap.get(categoryKey)?.get(seriesGroup) ?? null;
             });
+            // Build the min/max envelope band only when downsampling produced one for this series.
+            const band = downsample && bandMap.size > 0
+                ? categoryKeys.map(categoryKey => bandMap.get(categoryKey)?.get(seriesGroup) ?? null)
+                : undefined;
             const unit = seriesUnitMap.get(seriesGroup);
             const axisName = unit ? `unit_${this.sanitizeAxisName(unit)}` : undefined;
             return {
                 name: seriesGroup,
                 data,
+                band,
                 unit,
-                axisName
+                axisName,
+                color: SERIES_PALETTE[index % SERIES_PALETTE.length]
             };
         });
         this._categories.set(categories);
@@ -13823,6 +14219,13 @@ class LineChartWidgetComponent {
     sanitizeAxisName(name) {
         return name.replace(/[^a-zA-Z0-9]/g, '_');
     }
+    /** Parses a cell value to a number, or null when missing / non-numeric (renders as a gap). */
+    toNumber(value) {
+        if (value === null || value === undefined)
+            return null;
+        const n = typeof value === 'number' ? value : parseFloat(String(value));
+        return isNaN(n) ? null : n;
+    }
     convertFiltersToDto(filters) {
         const variables = this.stateService.getVariables();
         return this.variableService.convertToFieldFilterDto(filters, variables);
@@ -13841,6 +14244,11 @@ class LineChartWidgetComponent {
           <span>{{ error() }}</span>
         </div>
       } @else {
+        @if (dataInfo(); as info) {
+          <span class="data-count" [title]="'Loaded rows · distinct category points (totalCount ' + info.total + ')'">
+            {{ info.rows }} rows · {{ info.points }} pts
+          </span>
+        }
         <kendo-chart class="chart-container" [plotArea]="{ background: 'transparent', margin: { top: 0, right: 0, bottom: 0, left: 0 } }">
           <kendo-chart-area [background]="'transparent'"></kendo-chart-area>
 
@@ -13885,12 +14293,26 @@ class LineChartWidgetComponent {
 
           <kendo-chart-series>
             @for (series of seriesData(); track series.name) {
+              @if (series.band) {
+                <kendo-chart-series-item
+                  [type]="'rangeArea'"
+                  [data]="series.band"
+                  [fromField]="'from'"
+                  [toField]="'to'"
+                  [name]="series.name + ' (min/max)'"
+                  [axis]="series.axisName ?? ''"
+                  [color]="series.color"
+                  [opacity]="0.18"
+                  [markers]="{ visible: false }">
+                </kendo-chart-series-item>
+              }
               <kendo-chart-series-item
                 [type]="chartType()"
                 [style]="'smooth'"
                 [data]="series.data"
                 [name]="series.name"
                 [axis]="series.axisName ?? ''"
+                [color]="series.color"
                 [opacity]="0.7"
                 [markers]="{ visible: config.showMarkers ?? false }">
               </kendo-chart-series-item>
@@ -13913,7 +14335,7 @@ class LineChartWidgetComponent {
         </kendo-chart>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:2px;right:6px;z-index:2;font-size:.7rem;line-height:1;opacity:.55;color:var(--kendo-color-subtle, #6c757d);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: LineChartWidgetComponent, decorators: [{
             type: Component,
@@ -13934,6 +14356,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
           <span>{{ error() }}</span>
         </div>
       } @else {
+        @if (dataInfo(); as info) {
+          <span class="data-count" [title]="'Loaded rows · distinct category points (totalCount ' + info.total + ')'">
+            {{ info.rows }} rows · {{ info.points }} pts
+          </span>
+        }
         <kendo-chart class="chart-container" [plotArea]="{ background: 'transparent', margin: { top: 0, right: 0, bottom: 0, left: 0 } }">
           <kendo-chart-area [background]="'transparent'"></kendo-chart-area>
 
@@ -13978,12 +14405,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
 
           <kendo-chart-series>
             @for (series of seriesData(); track series.name) {
+              @if (series.band) {
+                <kendo-chart-series-item
+                  [type]="'rangeArea'"
+                  [data]="series.band"
+                  [fromField]="'from'"
+                  [toField]="'to'"
+                  [name]="series.name + ' (min/max)'"
+                  [axis]="series.axisName ?? ''"
+                  [color]="series.color"
+                  [opacity]="0.18"
+                  [markers]="{ visible: false }">
+                </kendo-chart-series-item>
+              }
               <kendo-chart-series-item
                 [type]="chartType()"
                 [style]="'smooth'"
                 [data]="series.data"
                 [name]="series.name"
                 [axis]="series.axisName ?? ''"
+                [color]="series.color"
                 [opacity]="0.7"
                 [markers]="{ visible: config.showMarkers ?? false }">
               </kendo-chart-series-item>
@@ -14006,7 +14447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
         </kendo-chart>
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:2px;right:6px;z-index:2;font-size:.7rem;line-height:1;opacity:.55;color:var(--kendo-color-subtle, #6c757d);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }] } });
@@ -14026,6 +14467,7 @@ class LineChartConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     initialChartType;
     initialCategoryField;
     initialSeriesGroupField;
@@ -14046,6 +14488,12 @@ class LineChartConfigDialogComponent {
     nonNumericColumns = [];
     /** Per-widget opt-out of the MeshBoard time-filter → stream-data binding. */
     ignoreTimeFilter = false;
+    /** Asset-scope binding: id of the entity selector whose selection scopes the stream-data query. */
+    entitySelectorId;
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.stateService.getEntitySelectors();
+    }
     /** Family of the currently selected query — gates the time-filter opt-out toggle. */
     get selectedQueryFamily() {
         return queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily ?? null;
@@ -14087,6 +14535,7 @@ class LineChartConfigDialogComponent {
         }));
         // Initialize form with initial values
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         this.form.chartType = this.initialChartType ?? 'line';
         this.form.categoryField = this.initialCategoryField ?? '';
         this.form.seriesGroupField = this.initialSeriesGroupField ?? '';
@@ -14205,6 +14654,7 @@ class LineChartConfigDialogComponent {
             queryName: this.selectedPersistentQuery.name,
             queryFamily: family,
             ignoreTimeFilter: this.ignoreTimeFilter,
+            entitySelectorId: this.entitySelectorId,
             chartType: this.form.chartType,
             categoryField: this.form.categoryField,
             seriesGroupField: this.form.seriesGroupField,
@@ -14228,7 +14678,7 @@ class LineChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: LineChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: LineChartConfigDialogComponent, isStandalone: true, selector: "mm-line-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialUnitField: "initialUnitField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowMarkers: "initialShowMarkers", initialReferenceLines: "initialReferenceLines", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: LineChartConfigDialogComponent, isStandalone: true, selector: "mm-line-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialUnitField: "initialUnitField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowMarkers: "initialShowMarkers", initialReferenceLines: "initialReferenceLines", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -14253,6 +14703,12 @@ class LineChartConfigDialogComponent {
             [family]="selectedQueryFamily"
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
+
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
         </div>
 
         <!-- Field Mapping Section -->
@@ -14436,7 +14892,7 @@ class LineChartConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px;align-items:center}.checkbox-field{flex-direction:row;align-items:center;margin-bottom:0}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.reference-line-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px;align-items:center}.checkbox-field{flex-direction:row;align-items:center;margin-bottom:0}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.reference-line-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: LineChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -14450,6 +14906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], template: `
     <div class="config-container">
@@ -14476,6 +14933,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [family]="selectedQueryFamily"
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
+
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
         </div>
 
         <!-- Field Mapping Section -->
@@ -14671,6 +15134,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }], initialChartType: [{
                 type: Input
             }], initialCategoryField: [{
@@ -14866,7 +15331,12 @@ class HeatmapWidgetComponent {
     }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
-        return this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!timeArgs && !rtIds) {
+            return undefined;
+        }
+        return { ...timeArgs, rtIds };
     }
     /**
      * Processes query rows into heatmap data.
@@ -15219,6 +15689,7 @@ class HeatmapConfigDialogComponent {
     initialQueryName;
     initialQueryFamily;
     initialIgnoreTimeFilter;
+    initialEntitySelectorId;
     initialDateField;
     initialDateEndField;
     initialValueField;
@@ -15236,6 +15707,7 @@ class HeatmapConfigDialogComponent {
     // Persistent Query
     selectedPersistentQuery = null;
     ignoreTimeFilter = false;
+    entitySelectorId;
     queryColumns = [];
     numericColumns = [];
     dateTimeColumns = [];
@@ -15284,6 +15756,10 @@ class HeatmapConfigDialogComponent {
     get isValid() {
         return this.selectedPersistentQuery !== null && this.form.dateField !== '';
     }
+    /** Entity selectors available on the current MeshBoard (for the scope picker). */
+    get availableEntitySelectors() {
+        return this.stateService.getEntitySelectors();
+    }
     get selectedQueryFamily() {
         return queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily ?? null;
     }
@@ -15306,6 +15782,7 @@ class HeatmapConfigDialogComponent {
         this.form.compactNumbers = this.initialCompactNumbers ?? false;
         this.form.valueMultiplier = this.initialValueMultiplier ?? 1;
         this.ignoreTimeFilter = this.initialIgnoreTimeFilter ?? false;
+        this.entitySelectorId = this.initialEntitySelectorId;
         // Initialize filters
         if (this.initialFilters && this.initialFilters.length > 0) {
             this.filters = this.initialFilters.map((f, index) => ({
@@ -15423,6 +15900,7 @@ class HeatmapConfigDialogComponent {
             queryName: this.selectedPersistentQuery.name,
             queryFamily: family,
             ignoreTimeFilter: this.ignoreTimeFilter,
+            entitySelectorId: this.entitySelectorId,
             dateField: this.form.dateField,
             dateEndField: this.form.dateEndField || undefined,
             valueField: this.form.valueField || undefined,
@@ -15441,7 +15919,7 @@ class HeatmapConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HeatmapConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: HeatmapConfigDialogComponent, isStandalone: true, selector: "mm-heatmap-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialDateField: "initialDateField", initialDateEndField: "initialDateEndField", initialValueField: "initialValueField", initialAggregation: "initialAggregation", initialColorScheme: "initialColorScheme", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialDecimalPlaces: "initialDecimalPlaces", initialCompactNumbers: "initialCompactNumbers", initialValueMultiplier: "initialValueMultiplier", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: HeatmapConfigDialogComponent, isStandalone: true, selector: "mm-heatmap-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialDateField: "initialDateField", initialDateEndField: "initialDateEndField", initialValueField: "initialValueField", initialAggregation: "initialAggregation", initialColorScheme: "initialColorScheme", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialDecimalPlaces: "initialDecimalPlaces", initialCompactNumbers: "initialCompactNumbers", initialValueMultiplier: "initialValueMultiplier", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -15466,6 +15944,12 @@ class HeatmapConfigDialogComponent {
             [family]="selectedQueryFamily"
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
+
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
         </div>
 
         <!-- Field Mapping Section -->
@@ -15655,7 +16139,7 @@ class HeatmapConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.color-scheme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.color-scheme-preview{display:flex;align-items:center;gap:6px}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid var(--kendo-color-border, #dee2e6)}.form-row{display:flex;gap:24px}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.action-bar{display:flex;justify-content:flex-end;gap:8px;padding:8px 16px;border-top:1px solid var(--kendo-color-border, #dee2e6)}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.color-scheme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.color-scheme-preview{display:flex;align-items:center;gap:6px}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid var(--kendo-color-border, #dee2e6)}.form-row{display:flex;gap:24px}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { 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: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: HeatmapConfigDialogComponent, decorators: [{
             type: Component,
@@ -15669,6 +16153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         FieldFilterEditorComponent,
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
                         LoadingOverlayComponent
                     ], template: `
     <div class="config-container">
@@ -15695,6 +16180,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [family]="selectedQueryFamily"
             [(ignoreTimeFilter)]="ignoreTimeFilter">
           </mm-sd-time-filter-toggle>
+
+          <mm-entity-selector-scope-picker
+            [family]="selectedQueryFamily"
+            [selectors]="availableEntitySelectors"
+            [(entitySelectorId)]="entitySelectorId">
+          </mm-entity-selector-scope-picker>
         </div>
 
         <!-- Field Mapping Section -->
@@ -15896,6 +16387,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 type: Input
             }], initialIgnoreTimeFilter: [{
                 type: Input
+            }], initialEntitySelectorId: [{
+                type: Input
             }], initialDateField: [{
                 type: Input
             }], initialDateEndField: [{
@@ -25958,6 +26451,9 @@ function buildDataSourceFromPersisted(data, config) {
         if (typeof config['ignoreTimeFilter'] === 'boolean') {
             persisted.ignoreTimeFilter = config['ignoreTimeFilter'];
         }
+        if (typeof config['entitySelectorId'] === 'string' && config['entitySelectorId']) {
+            persisted.entitySelectorId = config['entitySelectorId'];
+        }
         return persisted;
     }
     if (data.dataSourceType === 'static') {
@@ -26080,6 +26576,7 @@ function registerDefaultWidgets(registry) {
                 initialQueryName: isPersistentQuery ? kpiWidget.dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? kpiWidget.dataSource.queryFamily : undefined,
                 initialIgnoreTimeFilter: isPersistentQuery ? kpiWidget.dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? kpiWidget.dataSource.entitySelectorId : undefined,
                 initialQueryMode: kpiWidget.queryMode,
                 initialQueryValueField: kpiWidget.queryValueField,
                 initialQueryCategoryField: kpiWidget.queryCategoryField,
@@ -26126,7 +26623,8 @@ function registerDefaultWidgets(registry) {
                     queryRtId: result.queryRtId,
                     queryName: result.queryName,
                     queryFamily: result.queryFamily,
-                    ignoreTimeFilter: result.ignoreTimeFilter
+                    ignoreTimeFilter: result.ignoreTimeFilter,
+                    entitySelectorId: result.entitySelectorId
                 };
                 return {
                     ...widget,
@@ -26203,6 +26701,9 @@ function registerDefaultWidgets(registry) {
                         }),
                         ...(widget.dataSource.ignoreTimeFilter && {
                             ignoreTimeFilter: true
+                        }),
+                        ...(widget.dataSource.entitySelectorId && {
+                            entitySelectorId: widget.dataSource.entitySelectorId
                         })
                     })
                 }
@@ -26369,7 +26870,8 @@ function registerDefaultWidgets(registry) {
                 initialQueryRtId: isPersistentQuery ? dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
-                initialIgnoreTimeFilter: isPersistentQuery ? dataSource.ignoreTimeFilter : undefined
+                initialIgnoreTimeFilter: isPersistentQuery ? dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? dataSource.entitySelectorId : undefined
             };
         },
         applyConfigResult: (widget, result) => {
@@ -26380,7 +26882,8 @@ function registerDefaultWidgets(registry) {
                     queryRtId: result.queryRtId,
                     queryName: result.queryName,
                     queryFamily: result.queryFamily,
-                    ignoreTimeFilter: result.ignoreTimeFilter
+                    ignoreTimeFilter: result.ignoreTimeFilter,
+                    entitySelectorId: result.entitySelectorId
                 };
                 // Convert filters from DTO to widget format
                 const filters = result.filters?.map(f => ({
@@ -26451,7 +26954,8 @@ function registerDefaultWidgets(registry) {
                         queryName: queryDataSource.queryName,
                         queryRtId: queryDataSource.queryRtId,
                         ...(queryDataSource.queryFamily && { queryFamily: queryDataSource.queryFamily }),
-                        ...(queryDataSource.ignoreTimeFilter && { ignoreTimeFilter: true })
+                        ...(queryDataSource.ignoreTimeFilter && { ignoreTimeFilter: true }),
+                        ...(queryDataSource.entitySelectorId && { entitySelectorId: queryDataSource.entitySelectorId })
                     })
                 }
             };
@@ -26498,6 +27002,7 @@ function registerDefaultWidgets(registry) {
                 initialQueryName: isPersistentQuery ? gaugeWidget.dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? gaugeWidget.dataSource.queryFamily : undefined,
                 initialIgnoreTimeFilter: isPersistentQuery ? gaugeWidget.dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? gaugeWidget.dataSource.entitySelectorId : undefined,
                 initialQueryMode: gaugeWidget.queryMode,
                 initialQueryValueField: gaugeWidget.queryValueField,
                 initialQueryCategoryField: gaugeWidget.queryCategoryField,
@@ -26529,7 +27034,8 @@ function registerDefaultWidgets(registry) {
                     queryRtId: result.queryRtId,
                     queryName: result.queryName,
                     queryFamily: result.queryFamily,
-                    ignoreTimeFilter: result.ignoreTimeFilter
+                    ignoreTimeFilter: result.ignoreTimeFilter,
+                    entitySelectorId: result.entitySelectorId
                 };
                 return {
                     ...widget,
@@ -26617,6 +27123,9 @@ function registerDefaultWidgets(registry) {
                         }),
                         ...(widget.dataSource.ignoreTimeFilter && {
                             ignoreTimeFilter: true
+                        }),
+                        ...(widget.dataSource.entitySelectorId && {
+                            entitySelectorId: widget.dataSource.entitySelectorId
                         })
                     })
                 }
@@ -26688,6 +27197,7 @@ function registerDefaultWidgets(registry) {
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialIgnoreTimeFilter: isPersistentQuery ? dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? dataSource.entitySelectorId : undefined,
                 initialCkQueryTarget: isCkQuery ? dataSource.queryTarget : undefined,
                 initialCkGroupBy: isCkQuery ? dataSource.groupBy : undefined,
                 initialChartType: pieWidget.chartType,
@@ -26722,7 +27232,8 @@ function registerDefaultWidgets(registry) {
                     queryRtId: result.queryRtId ?? '',
                     queryName: result.queryName,
                     queryFamily: result.queryFamily,
-                    ignoreTimeFilter: result.ignoreTimeFilter
+                    ignoreTimeFilter: result.ignoreTimeFilter,
+                    entitySelectorId: result.entitySelectorId
                 };
             }
             return {
@@ -26790,6 +27301,9 @@ function registerDefaultWidgets(registry) {
                     ...(dataSource.ignoreTimeFilter && {
                         ignoreTimeFilter: true
                     }),
+                    ...(dataSource.entitySelectorId && {
+                        entitySelectorId: dataSource.entitySelectorId
+                    }),
                     filters: widget.filters
                 }
             };
@@ -26853,6 +27367,7 @@ function registerDefaultWidgets(registry) {
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialIgnoreTimeFilter: isPersistentQuery ? dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? dataSource.entitySelectorId : undefined,
                 initialChartType: barWidget.chartType,
                 initialCategoryField: barWidget.categoryField,
                 initialSeries: barWidget.series,
@@ -26872,7 +27387,8 @@ function registerDefaultWidgets(registry) {
                 queryRtId: result.queryRtId,
                 queryName: result.queryName,
                 queryFamily: result.queryFamily,
-                ignoreTimeFilter: result.ignoreTimeFilter
+                ignoreTimeFilter: result.ignoreTimeFilter,
+                entitySelectorId: result.entitySelectorId
             };
             // Convert filters from DTO to widget format
             const filters = result.filters?.map(f => ({
@@ -26934,6 +27450,9 @@ function registerDefaultWidgets(registry) {
                 ...(widget.dataSource.ignoreTimeFilter && {
                     ignoreTimeFilter: true
                 }),
+                ...(widget.dataSource.entitySelectorId && {
+                    entitySelectorId: widget.dataSource.entitySelectorId
+                }),
                 filters: widget.filters
             }
         }),
@@ -26980,6 +27499,7 @@ function registerDefaultWidgets(registry) {
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialIgnoreTimeFilter: isPersistentQuery ? dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? dataSource.entitySelectorId : undefined,
                 initialChartType: lineWidget.chartType,
                 initialCategoryField: lineWidget.categoryField,
                 initialSeriesGroupField: lineWidget.seriesGroupField,
@@ -26998,7 +27518,8 @@ function registerDefaultWidgets(registry) {
                 queryRtId: result.queryRtId,
                 queryName: result.queryName,
                 queryFamily: result.queryFamily,
-                ignoreTimeFilter: result.ignoreTimeFilter
+                ignoreTimeFilter: result.ignoreTimeFilter,
+                entitySelectorId: result.entitySelectorId
             };
             const filters = result.filters?.map(f => ({
                 attributePath: f.attributePath,
@@ -27055,6 +27576,9 @@ function registerDefaultWidgets(registry) {
                 ...(widget.dataSource.ignoreTimeFilter && {
                     ignoreTimeFilter: true
                 }),
+                ...(widget.dataSource.entitySelectorId && {
+                    entitySelectorId: widget.dataSource.entitySelectorId
+                }),
                 filters: widget.filters
             }
         }),
@@ -27529,6 +28053,7 @@ function registerDefaultWidgets(registry) {
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
                 initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialIgnoreTimeFilter: isPersistentQuery ? dataSource.ignoreTimeFilter : undefined,
+                initialEntitySelectorId: isPersistentQuery ? dataSource.entitySelectorId : undefined,
                 initialDateField: heatmapWidget.dateField,
                 initialDateEndField: heatmapWidget.dateEndField,
                 initialValueField: heatmapWidget.valueField,
@@ -27548,7 +28073,8 @@ function registerDefaultWidgets(registry) {
                 queryRtId: result.queryRtId,
                 queryName: result.queryName,
                 queryFamily: result.queryFamily,
-                ignoreTimeFilter: result.ignoreTimeFilter
+                ignoreTimeFilter: result.ignoreTimeFilter,
+                entitySelectorId: result.entitySelectorId
             };
             const filters = result.filters?.map(f => ({
                 attributePath: f.attributePath,
@@ -27607,6 +28133,9 @@ function registerDefaultWidgets(registry) {
                 ...(widget.dataSource.ignoreTimeFilter && {
                     ignoreTimeFilter: true
                 }),
+                ...(widget.dataSource.entitySelectorId && {
+                    entitySelectorId: widget.dataSource.entitySelectorId
+                }),
                 filters: widget.filters
             }
         }),
@@ -28061,6 +28590,15 @@ class EntitySelectorEditorComponent {
     editMappings = [];
     editShowInToolbar = true;
     editDefaultRtId = '';
+    // Child scope (stream-data): optional one-hop traversal resolving the picked
+    // entity to the child source rtIds a stream-data widget scopes by.
+    editChildScopeTargetCkTypeId = '';
+    editChildScopeTargetCkTypeItem = null;
+    editChildScopeRoleId = '';
+    // Parent → children via System/ParentChild is reached INBOUND (the child holds
+    // the association to its parent), so 'in' is the correct default for a
+    // childScope that resolves a picked parent to its children.
+    editChildScopeDirection = 'in';
     // Data sources for the default entity picker (created when CK type is set)
     defaultEntityDataSource = null;
     defaultEntityDialogDataSource = null;
@@ -28076,6 +28614,10 @@ class EntitySelectorEditorComponent {
         this.editMappings = [];
         this.editShowInToolbar = true;
         this.editDefaultRtId = '';
+        this.editChildScopeTargetCkTypeId = '';
+        this.editChildScopeTargetCkTypeItem = null;
+        this.editChildScopeRoleId = 'System/ParentChild';
+        this.editChildScopeDirection = 'in';
         this.defaultEntityDataSource = null;
         this.defaultEntityDialogDataSource = null;
         this.isEditing = true;
@@ -28100,6 +28642,17 @@ class EntitySelectorEditorComponent {
         this.editMappings = [...selector.attributeMappings];
         this.editShowInToolbar = selector.showInToolbar !== false;
         this.editDefaultRtId = selector.defaultRtId ?? '';
+        this.editChildScopeTargetCkTypeId = selector.childScope?.targetCkTypeId ?? '';
+        this.editChildScopeTargetCkTypeItem = selector.childScope?.targetCkTypeId
+            ? {
+                fullName: selector.childScope.targetCkTypeId,
+                rtCkTypeId: selector.childScope.targetCkTypeId,
+                isAbstract: false,
+                isFinal: false
+            }
+            : null;
+        this.editChildScopeRoleId = selector.childScope?.roleId ?? 'System/ParentChild';
+        this.editChildScopeDirection = selector.childScope?.direction ?? 'in';
         this.updateDefaultEntityDataSources();
         this.isEditing = true;
         this.editingStateChange.emit(true);
@@ -28152,6 +28705,20 @@ class EntitySelectorEditorComponent {
             };
         });
     }
+    /**
+     * Handles child-scope target CK type selection.
+     */
+    onChildScopeCkTypeSelected(ckType) {
+        this.editChildScopeTargetCkTypeId = ckType.rtCkTypeId;
+        this.editChildScopeTargetCkTypeItem = ckType;
+    }
+    /**
+     * Handles child-scope target CK type cleared.
+     */
+    onChildScopeCkTypeCleared() {
+        this.editChildScopeTargetCkTypeId = '';
+        this.editChildScopeTargetCkTypeItem = null;
+    }
     /**
      * Handles default entity selection from the entity picker.
      */
@@ -28170,13 +28737,23 @@ class EntitySelectorEditorComponent {
     saveEdit() {
         if (!this.isEditValid())
             return;
+        // Only persist a childScope when both the target type and role are set;
+        // otherwise leave it undefined (the picked entity itself is the scope).
+        const childScope = this.editChildScopeTargetCkTypeId && this.editChildScopeRoleId.trim()
+            ? {
+                targetCkTypeId: this.editChildScopeTargetCkTypeId,
+                roleId: this.editChildScopeRoleId.trim(),
+                direction: this.editChildScopeDirection
+            }
+            : undefined;
         const selector = {
             id: this.editId,
             label: this.editLabel.trim(),
             ckTypeId: this.editCkTypeId,
             attributeMappings: this.editMappings,
             showInToolbar: this.editShowInToolbar,
-            defaultRtId: this.editDefaultRtId.trim() || undefined
+            defaultRtId: this.editDefaultRtId.trim() || undefined,
+            childScope
         };
         if (this.editingIndex !== null) {
             this.entitySelectors = this.entitySelectors.map((es, i) => i === this.editingIndex ? selector : es);
@@ -28296,7 +28873,7 @@ class EntitySelectorEditorComponent {
         this.entitySelectorsChange.emit([...this.entitySelectors]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: EntitySelectorEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: EntitySelectorEditorComponent, isStandalone: true, selector: "mm-entity-selector-editor", inputs: { entitySelectors: "entitySelectors", existingVariableNames: "existingVariableNames" }, outputs: { entitySelectorsChange: "entitySelectorsChange", editingStateChange: "editingStateChange" }, ngImport: i0, template: "<div class=\"entity-selector-editor\">\n  @if (!isEditing) {\n    <!-- Selector List -->\n    <div class=\"selector-list\">\n      @for (selector of entitySelectors; track selector.id; let i = $index) {\n        <div class=\"selector-item\">\n          <div class=\"selector-info\">\n            <span class=\"selector-label\">{{ selector.label }}</span>\n            <span class=\"selector-mode\">{{ getModeLabel(selector) }}</span>\n            <span class=\"selector-ck-type\">{{ selector.ckTypeId }}</span>\n            <span class=\"selector-mappings\">{{ getMappingSummary(selector) }}</span>\n          </div>\n          <div class=\"selector-actions\">\n            <button\n              kendoButton\n              [svgIcon]=\"pencilIcon\"\n              (click)=\"editSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Edit selector\">\n            </button>\n            <button\n              kendoButton\n              [svgIcon]=\"trashIcon\"\n              (click)=\"removeSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Remove selector\"\n              class=\"remove-btn\">\n            </button>\n          </div>\n        </div>\n      }\n\n      @if (entitySelectors.length === 0) {\n        <div class=\"empty-state\">\n          No entity selectors configured. Add one to enable entity-based variables.\n        </div>\n      }\n    </div>\n\n    <div class=\"add-button-row\">\n      <button\n        kendoButton\n        [svgIcon]=\"plusIcon\"\n        (click)=\"addSelector()\"\n        themeColor=\"primary\">\n        Add Entity Selector\n      </button>\n    </div>\n  } @else {\n    <!-- Edit Form -->\n    <div class=\"edit-panel\">\n      <div class=\"edit-panel-header\">\n        {{ editingIndex !== null ? 'Edit Entity Selector' : 'New Entity Selector' }}\n      </div>\n      <div class=\"edit-form\">\n      <div class=\"form-field\">\n        <label class=\"field-label\">ID *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editId\"\n          placeholder=\"e.g., mp\"\n          [readonly]=\"editingIndex !== null\">\n        </kendo-textbox>\n        @if (isDuplicateId(editId, editingIndex)) {\n          <span class=\"field-error\">ID must be unique</span>\n        }\n        <span class=\"field-hint\">Used in URL parameters (es_&lt;id&gt;=&lt;rtId&gt;)</span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Label *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editLabel\"\n          placeholder=\"e.g., Metering Point\">\n        </kendo-textbox>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">CK Type *</label>\n        <mm-ck-type-selector-input\n          [ngModel]=\"editCkTypeItem\"\n          [placeholder]=\"'Select CK type...'\"\n          (ckTypeSelected)=\"onCkTypeSelected($event)\"\n          (ckTypeCleared)=\"onCkTypeCleared()\">\n        </mm-ck-type-selector-input>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Attribute Mappings *</label>\n        <button\n          kendoButton\n          (click)=\"selectAttributes()\"\n          [disabled]=\"!editCkTypeId\"\n          fillMode=\"outline\"\n          size=\"small\">\n          Select Attributes...\n        </button>\n\n        @if (editMappings.length > 0) {\n          <div class=\"mappings-list\">\n            <div class=\"mappings-header\">\n              <span class=\"mappings-header-attr\">Attribute</span>\n              <span class=\"mappings-header-var\">Variable Name</span>\n            </div>\n            @for (mapping of editMappings; track mapping.attributePath; let j = $index) {\n              <div class=\"mapping-item\">\n                <span class=\"mapping-path\">{{ mapping.attributePath }}</span>\n                <span class=\"mapping-arrow\">&rarr;</span>\n                <div class=\"mapping-var-field\">\n                  <div class=\"mapping-var-input-wrapper\">\n                    <span class=\"mapping-var-prefix\">$</span>\n                    <kendo-textbox\n                      [(ngModel)]=\"mapping.variableName\"\n                      size=\"small\"\n                      class=\"mapping-var-input\"\n                      placeholder=\"variableName\"\n                      [class.invalid]=\"getVariableNameError(mapping)\">\n                    </kendo-textbox>\n                  </div>\n                  @if (getVariableNameError(mapping); as error) {\n                    <span class=\"field-error\">{{ error }}</span>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"form-field\">\n        <div class=\"checkbox-row\">\n          <input\n            type=\"checkbox\"\n            kendoCheckBox\n            [(ngModel)]=\"editShowInToolbar\"\n            id=\"showInToolbar\" />\n          <label class=\"field-label checkbox-label\" for=\"showInToolbar\">Show in Toolbar</label>\n        </div>\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Users can select an entity from a dropdown in the toolbar.\n          } @else {\n            Hidden selector \u2014 variables are resolved from the default entity below.\n          }\n        </span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Default Entity{{ !editShowInToolbar ? ' *' : '' }}</label>\n        @if (defaultEntityDataSource) {\n          <mm-entity-select-input\n            [dataSource]=\"defaultEntityDataSource\"\n            [dialogDataSource]=\"defaultEntityDialogDataSource!\"\n            [placeholder]=\"'Select default entity...'\"\n            [dialogTitle]=\"'Select Default ' + editLabel\"\n            (entitySelected)=\"onDefaultEntitySelected($event)\"\n            (entityCleared)=\"onDefaultEntityCleared()\">\n          </mm-entity-select-input>\n        } @else {\n          <span class=\"field-hint\">Select a CK type first to pick a default entity.</span>\n        }\n        @if (editDefaultRtId) {\n          <span class=\"field-hint\">Selected: {{ editDefaultRtId }}</span>\n        }\n        @if (!editShowInToolbar && !editDefaultRtId) {\n          <span class=\"field-error\">A default entity is required when not shown in toolbar.</span>\n        }\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Optional \u2014 pre-selected entity when the MeshBoard loads.\n          } @else {\n            This entity's attributes will be used to populate the variables.\n          }\n        </span>\n      </div>\n\n      <div class=\"edit-actions mm-dialog-actions\">\n        <button kendoButton (click)=\"cancelEdit()\" fillMode=\"flat\">\n          Cancel\n        </button>\n        <button\n          kendoButton\n          (click)=\"saveEdit()\"\n          [disabled]=\"!isEditValid()\"\n          themeColor=\"primary\">\n          {{ editingIndex !== null ? 'Update' : 'Add' }}\n        </button>\n      </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".entity-selector-editor{display:flex;flex-direction:column;gap:1.25rem}.selector-list{display:flex;flex-direction:column;gap:.5rem}.selector-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.selector-item .selector-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.selector-item .selector-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.selector-item .selector-mode{font-size:.75rem;font-weight:500;color:var(--kendo-color-info, #0288d1)}.selector-item .selector-ck-type{font-size:.8rem;color:var(--kendo-color-subtle, #757575);font-family:Consolas,Monaco,monospace}.selector-item .selector-mappings{font-size:.8rem;color:var(--kendo-color-primary, #3f51b5);font-family:Consolas,Monaco,monospace}.selector-item .selector-actions{display:flex;gap:.25rem;flex-shrink:0}.selector-item .remove-btn{color:var(--kendo-color-error, #f44336)}.empty-state{padding:1.5rem;text-align:center;color:var(--kendo-color-subtle, #757575);font-size:.875rem}.add-button-row{display:flex;justify-content:flex-start}.edit-panel{border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px;overflow:hidden}.edit-panel-header{padding:.625rem 1rem;font-weight:600;font-size:.875rem;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #3f51b5)}.edit-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.edit-form .form-field{display:flex;flex-direction:column;gap:.5rem}.edit-form .field-label{font-weight:500;font-size:.875rem;text-transform:uppercase;color:var(--kendo-color-on-app-surface, #424242)}.edit-form .field-hint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.edit-form .field-error{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.edit-form .checkbox-row{display:flex;align-items:center;gap:.5rem}.edit-form .checkbox-row .checkbox-label{margin:0;cursor:pointer}.mappings-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.mappings-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--kendo-color-subtle, #757575);padding-bottom:.25rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.mappings-header .mappings-header-attr{min-width:150px}.mappings-header .mappings-header-var{margin-left:1.75rem}.mapping-item{display:flex;align-items:flex-start;gap:.5rem}.mapping-item .mapping-path{font-size:.8rem;font-family:Consolas,Monaco,monospace;color:var(--kendo-color-subtle, #757575);min-width:150px;padding-top:5px}.mapping-item .mapping-arrow{color:var(--kendo-color-subtle, #757575);flex-shrink:0;padding-top:5px}.mapping-item .mapping-var-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:100px}.mapping-item .mapping-var-input-wrapper{display:flex;align-items:center;gap:0}.mapping-item .mapping-var-prefix{font-family:Consolas,Monaco,monospace;font-size:.875rem;font-weight:600;color:var(--kendo-color-primary, #3f51b5);padding-right:2px;flex-shrink:0}.mapping-item .mapping-var-input{flex:1}.mapping-item .mapping-var-input.invalid ::ng-deep .k-input{border-color:var(--kendo-color-error, #f44336)}.edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--kendo-color-border, #e0e0e0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: LabelModule }, { kind: "directive", type: i4$1.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: EntitySelectorEditorComponent, isStandalone: true, selector: "mm-entity-selector-editor", inputs: { entitySelectors: "entitySelectors", existingVariableNames: "existingVariableNames" }, outputs: { entitySelectorsChange: "entitySelectorsChange", editingStateChange: "editingStateChange" }, ngImport: i0, template: "<div class=\"entity-selector-editor\">\n  @if (!isEditing) {\n    <!-- Selector List -->\n    <div class=\"selector-list\">\n      @for (selector of entitySelectors; track selector.id; let i = $index) {\n        <div class=\"selector-item\">\n          <div class=\"selector-info\">\n            <span class=\"selector-label\">{{ selector.label }}</span>\n            <span class=\"selector-mode\">{{ getModeLabel(selector) }}</span>\n            <span class=\"selector-ck-type\">{{ selector.ckTypeId }}</span>\n            <span class=\"selector-mappings\">{{ getMappingSummary(selector) }}</span>\n          </div>\n          <div class=\"selector-actions\">\n            <button\n              kendoButton\n              [svgIcon]=\"pencilIcon\"\n              (click)=\"editSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Edit selector\">\n            </button>\n            <button\n              kendoButton\n              [svgIcon]=\"trashIcon\"\n              (click)=\"removeSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Remove selector\"\n              class=\"remove-btn\">\n            </button>\n          </div>\n        </div>\n      }\n\n      @if (entitySelectors.length === 0) {\n        <div class=\"empty-state\">\n          No entity selectors configured. Add one to enable entity-based variables.\n        </div>\n      }\n    </div>\n\n    <div class=\"add-button-row\">\n      <button\n        kendoButton\n        [svgIcon]=\"plusIcon\"\n        (click)=\"addSelector()\"\n        themeColor=\"primary\">\n        Add Entity Selector\n      </button>\n    </div>\n  } @else {\n    <!-- Edit Form -->\n    <div class=\"edit-panel\">\n      <div class=\"edit-panel-header\">\n        {{ editingIndex !== null ? 'Edit Entity Selector' : 'New Entity Selector' }}\n      </div>\n      <div class=\"edit-form\">\n      <div class=\"form-field\">\n        <label class=\"field-label\">ID *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editId\"\n          placeholder=\"e.g., mp\"\n          [readonly]=\"editingIndex !== null\">\n        </kendo-textbox>\n        @if (isDuplicateId(editId, editingIndex)) {\n          <span class=\"field-error\">ID must be unique</span>\n        }\n        <span class=\"field-hint\">Used in URL parameters (es_&lt;id&gt;=&lt;rtId&gt;)</span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Label *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editLabel\"\n          placeholder=\"e.g., Metering Point\">\n        </kendo-textbox>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">CK Type *</label>\n        <mm-ck-type-selector-input\n          [ngModel]=\"editCkTypeItem\"\n          [placeholder]=\"'Select CK type...'\"\n          (ckTypeSelected)=\"onCkTypeSelected($event)\"\n          (ckTypeCleared)=\"onCkTypeCleared()\">\n        </mm-ck-type-selector-input>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Attribute Mappings *</label>\n        <button\n          kendoButton\n          (click)=\"selectAttributes()\"\n          [disabled]=\"!editCkTypeId\"\n          fillMode=\"outline\"\n          size=\"small\">\n          Select Attributes...\n        </button>\n\n        @if (editMappings.length > 0) {\n          <div class=\"mappings-list\">\n            <div class=\"mappings-header\">\n              <span class=\"mappings-header-attr\">Attribute</span>\n              <span class=\"mappings-header-var\">Variable Name</span>\n            </div>\n            @for (mapping of editMappings; track mapping.attributePath; let j = $index) {\n              <div class=\"mapping-item\">\n                <span class=\"mapping-path\">{{ mapping.attributePath }}</span>\n                <span class=\"mapping-arrow\">&rarr;</span>\n                <div class=\"mapping-var-field\">\n                  <div class=\"mapping-var-input-wrapper\">\n                    <span class=\"mapping-var-prefix\">$</span>\n                    <kendo-textbox\n                      [(ngModel)]=\"mapping.variableName\"\n                      size=\"small\"\n                      class=\"mapping-var-input\"\n                      placeholder=\"variableName\"\n                      [class.invalid]=\"getVariableNameError(mapping)\">\n                    </kendo-textbox>\n                  </div>\n                  @if (getVariableNameError(mapping); as error) {\n                    <span class=\"field-error\">{{ error }}</span>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"form-field\">\n        <div class=\"checkbox-row\">\n          <input\n            type=\"checkbox\"\n            kendoCheckBox\n            [(ngModel)]=\"editShowInToolbar\"\n            id=\"showInToolbar\" />\n          <label class=\"field-label checkbox-label\" for=\"showInToolbar\">Show in Toolbar</label>\n        </div>\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Users can select an entity from a dropdown in the toolbar.\n          } @else {\n            Hidden selector \u2014 variables are resolved from the default entity below.\n          }\n        </span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Default Entity{{ !editShowInToolbar ? ' *' : '' }}</label>\n        @if (defaultEntityDataSource) {\n          <mm-entity-select-input\n            [dataSource]=\"defaultEntityDataSource\"\n            [dialogDataSource]=\"defaultEntityDialogDataSource!\"\n            [placeholder]=\"'Select default entity...'\"\n            [dialogTitle]=\"'Select Default ' + editLabel\"\n            (entitySelected)=\"onDefaultEntitySelected($event)\"\n            (entityCleared)=\"onDefaultEntityCleared()\">\n          </mm-entity-select-input>\n        } @else {\n          <span class=\"field-hint\">Select a CK type first to pick a default entity.</span>\n        }\n        @if (editDefaultRtId) {\n          <span class=\"field-hint\">Selected: {{ editDefaultRtId }}</span>\n        }\n        @if (!editShowInToolbar && !editDefaultRtId) {\n          <span class=\"field-error\">A default entity is required when not shown in toolbar.</span>\n        }\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Optional \u2014 pre-selected entity when the MeshBoard loads.\n          } @else {\n            This entity's attributes will be used to populate the variables.\n          }\n        </span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Child Scope (stream-data)</label>\n        <span class=\"field-hint\">\n          Optional. Resolves the picked entity to its child source rtIds (one\n          association hop) so a stream-data widget can scope to them \u2014 e.g. a\n          MeteringPoint resolved to its EnergyMeasurement rtIds. Leave empty to\n          scope by the picked entity's own rtId.\n        </span>\n        <mm-ck-type-selector-input\n          [ngModel]=\"editChildScopeTargetCkTypeItem\"\n          [placeholder]=\"'Child CK type (e.g. EnergyMeasurement)...'\"\n          (ckTypeSelected)=\"onChildScopeCkTypeSelected($event)\"\n          (ckTypeCleared)=\"onChildScopeCkTypeCleared()\">\n        </mm-ck-type-selector-input>\n        <kendo-textbox\n          [(ngModel)]=\"editChildScopeRoleId\"\n          placeholder=\"Association role (e.g. System/ParentChild)\">\n        </kendo-textbox>\n        <label class=\"field-label\">Direction</label>\n        <select [(ngModel)]=\"editChildScopeDirection\" class=\"child-scope-direction\">\n          <option value=\"out\">Outbound (parent \u2192 child)</option>\n          <option value=\"in\">Inbound (child \u2192 parent)</option>\n        </select>\n      </div>\n\n      <div class=\"edit-actions mm-dialog-actions\">\n        <button kendoButton (click)=\"cancelEdit()\" fillMode=\"flat\">\n          Cancel\n        </button>\n        <button\n          kendoButton\n          (click)=\"saveEdit()\"\n          [disabled]=\"!isEditValid()\"\n          themeColor=\"primary\">\n          {{ editingIndex !== null ? 'Update' : 'Add' }}\n        </button>\n      </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".entity-selector-editor{display:flex;flex-direction:column;gap:1.25rem}.selector-list{display:flex;flex-direction:column;gap:.5rem}.selector-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.selector-item .selector-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.selector-item .selector-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.selector-item .selector-mode{font-size:.75rem;font-weight:500;color:var(--kendo-color-info, #0288d1)}.selector-item .selector-ck-type{font-size:.8rem;color:var(--kendo-color-subtle, #757575);font-family:Consolas,Monaco,monospace}.selector-item .selector-mappings{font-size:.8rem;color:var(--kendo-color-primary, #3f51b5);font-family:Consolas,Monaco,monospace}.selector-item .selector-actions{display:flex;gap:.25rem;flex-shrink:0}.selector-item .remove-btn{color:var(--kendo-color-error, #f44336)}.empty-state{padding:1.5rem;text-align:center;color:var(--kendo-color-subtle, #757575);font-size:.875rem}.add-button-row{display:flex;justify-content:flex-start}.edit-panel{border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px;overflow:hidden}.edit-panel-header{padding:.625rem 1rem;font-weight:600;font-size:.875rem;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #3f51b5)}.edit-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.edit-form .form-field{display:flex;flex-direction:column;gap:.5rem}.edit-form .field-label{font-weight:500;font-size:.875rem;text-transform:uppercase;color:var(--kendo-color-on-app-surface, #424242)}.edit-form .field-hint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.edit-form .field-error{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.edit-form .checkbox-row{display:flex;align-items:center;gap:.5rem}.edit-form .checkbox-row .checkbox-label{margin:0;cursor:pointer}.mappings-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.mappings-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--kendo-color-subtle, #757575);padding-bottom:.25rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.mappings-header .mappings-header-attr{min-width:150px}.mappings-header .mappings-header-var{margin-left:1.75rem}.mapping-item{display:flex;align-items:flex-start;gap:.5rem}.mapping-item .mapping-path{font-size:.8rem;font-family:Consolas,Monaco,monospace;color:var(--kendo-color-subtle, #757575);min-width:150px;padding-top:5px}.mapping-item .mapping-arrow{color:var(--kendo-color-subtle, #757575);flex-shrink:0;padding-top:5px}.mapping-item .mapping-var-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:100px}.mapping-item .mapping-var-input-wrapper{display:flex;align-items:center;gap:0}.mapping-item .mapping-var-prefix{font-family:Consolas,Monaco,monospace;font-size:.875rem;font-weight:600;color:var(--kendo-color-primary, #3f51b5);padding-right:2px;flex-shrink:0}.mapping-item .mapping-var-input{flex:1}.mapping-item .mapping-var-input.invalid ::ng-deep .k-input{border-color:var(--kendo-color-error, #f44336)}.edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--kendo-color-border, #e0e0e0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.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: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: LabelModule }, { kind: "directive", type: i4$1.LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: EntitySelectorEditorComponent, decorators: [{
             type: Component,
@@ -28309,7 +28886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                         SVGIconModule,
                         CkTypeSelectorInputComponent,
                         EntitySelectInputComponent
-                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"entity-selector-editor\">\n  @if (!isEditing) {\n    <!-- Selector List -->\n    <div class=\"selector-list\">\n      @for (selector of entitySelectors; track selector.id; let i = $index) {\n        <div class=\"selector-item\">\n          <div class=\"selector-info\">\n            <span class=\"selector-label\">{{ selector.label }}</span>\n            <span class=\"selector-mode\">{{ getModeLabel(selector) }}</span>\n            <span class=\"selector-ck-type\">{{ selector.ckTypeId }}</span>\n            <span class=\"selector-mappings\">{{ getMappingSummary(selector) }}</span>\n          </div>\n          <div class=\"selector-actions\">\n            <button\n              kendoButton\n              [svgIcon]=\"pencilIcon\"\n              (click)=\"editSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Edit selector\">\n            </button>\n            <button\n              kendoButton\n              [svgIcon]=\"trashIcon\"\n              (click)=\"removeSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Remove selector\"\n              class=\"remove-btn\">\n            </button>\n          </div>\n        </div>\n      }\n\n      @if (entitySelectors.length === 0) {\n        <div class=\"empty-state\">\n          No entity selectors configured. Add one to enable entity-based variables.\n        </div>\n      }\n    </div>\n\n    <div class=\"add-button-row\">\n      <button\n        kendoButton\n        [svgIcon]=\"plusIcon\"\n        (click)=\"addSelector()\"\n        themeColor=\"primary\">\n        Add Entity Selector\n      </button>\n    </div>\n  } @else {\n    <!-- Edit Form -->\n    <div class=\"edit-panel\">\n      <div class=\"edit-panel-header\">\n        {{ editingIndex !== null ? 'Edit Entity Selector' : 'New Entity Selector' }}\n      </div>\n      <div class=\"edit-form\">\n      <div class=\"form-field\">\n        <label class=\"field-label\">ID *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editId\"\n          placeholder=\"e.g., mp\"\n          [readonly]=\"editingIndex !== null\">\n        </kendo-textbox>\n        @if (isDuplicateId(editId, editingIndex)) {\n          <span class=\"field-error\">ID must be unique</span>\n        }\n        <span class=\"field-hint\">Used in URL parameters (es_&lt;id&gt;=&lt;rtId&gt;)</span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Label *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editLabel\"\n          placeholder=\"e.g., Metering Point\">\n        </kendo-textbox>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">CK Type *</label>\n        <mm-ck-type-selector-input\n          [ngModel]=\"editCkTypeItem\"\n          [placeholder]=\"'Select CK type...'\"\n          (ckTypeSelected)=\"onCkTypeSelected($event)\"\n          (ckTypeCleared)=\"onCkTypeCleared()\">\n        </mm-ck-type-selector-input>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Attribute Mappings *</label>\n        <button\n          kendoButton\n          (click)=\"selectAttributes()\"\n          [disabled]=\"!editCkTypeId\"\n          fillMode=\"outline\"\n          size=\"small\">\n          Select Attributes...\n        </button>\n\n        @if (editMappings.length > 0) {\n          <div class=\"mappings-list\">\n            <div class=\"mappings-header\">\n              <span class=\"mappings-header-attr\">Attribute</span>\n              <span class=\"mappings-header-var\">Variable Name</span>\n            </div>\n            @for (mapping of editMappings; track mapping.attributePath; let j = $index) {\n              <div class=\"mapping-item\">\n                <span class=\"mapping-path\">{{ mapping.attributePath }}</span>\n                <span class=\"mapping-arrow\">&rarr;</span>\n                <div class=\"mapping-var-field\">\n                  <div class=\"mapping-var-input-wrapper\">\n                    <span class=\"mapping-var-prefix\">$</span>\n                    <kendo-textbox\n                      [(ngModel)]=\"mapping.variableName\"\n                      size=\"small\"\n                      class=\"mapping-var-input\"\n                      placeholder=\"variableName\"\n                      [class.invalid]=\"getVariableNameError(mapping)\">\n                    </kendo-textbox>\n                  </div>\n                  @if (getVariableNameError(mapping); as error) {\n                    <span class=\"field-error\">{{ error }}</span>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"form-field\">\n        <div class=\"checkbox-row\">\n          <input\n            type=\"checkbox\"\n            kendoCheckBox\n            [(ngModel)]=\"editShowInToolbar\"\n            id=\"showInToolbar\" />\n          <label class=\"field-label checkbox-label\" for=\"showInToolbar\">Show in Toolbar</label>\n        </div>\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Users can select an entity from a dropdown in the toolbar.\n          } @else {\n            Hidden selector \u2014 variables are resolved from the default entity below.\n          }\n        </span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Default Entity{{ !editShowInToolbar ? ' *' : '' }}</label>\n        @if (defaultEntityDataSource) {\n          <mm-entity-select-input\n            [dataSource]=\"defaultEntityDataSource\"\n            [dialogDataSource]=\"defaultEntityDialogDataSource!\"\n            [placeholder]=\"'Select default entity...'\"\n            [dialogTitle]=\"'Select Default ' + editLabel\"\n            (entitySelected)=\"onDefaultEntitySelected($event)\"\n            (entityCleared)=\"onDefaultEntityCleared()\">\n          </mm-entity-select-input>\n        } @else {\n          <span class=\"field-hint\">Select a CK type first to pick a default entity.</span>\n        }\n        @if (editDefaultRtId) {\n          <span class=\"field-hint\">Selected: {{ editDefaultRtId }}</span>\n        }\n        @if (!editShowInToolbar && !editDefaultRtId) {\n          <span class=\"field-error\">A default entity is required when not shown in toolbar.</span>\n        }\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Optional \u2014 pre-selected entity when the MeshBoard loads.\n          } @else {\n            This entity's attributes will be used to populate the variables.\n          }\n        </span>\n      </div>\n\n      <div class=\"edit-actions mm-dialog-actions\">\n        <button kendoButton (click)=\"cancelEdit()\" fillMode=\"flat\">\n          Cancel\n        </button>\n        <button\n          kendoButton\n          (click)=\"saveEdit()\"\n          [disabled]=\"!isEditValid()\"\n          themeColor=\"primary\">\n          {{ editingIndex !== null ? 'Update' : 'Add' }}\n        </button>\n      </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".entity-selector-editor{display:flex;flex-direction:column;gap:1.25rem}.selector-list{display:flex;flex-direction:column;gap:.5rem}.selector-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.selector-item .selector-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.selector-item .selector-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.selector-item .selector-mode{font-size:.75rem;font-weight:500;color:var(--kendo-color-info, #0288d1)}.selector-item .selector-ck-type{font-size:.8rem;color:var(--kendo-color-subtle, #757575);font-family:Consolas,Monaco,monospace}.selector-item .selector-mappings{font-size:.8rem;color:var(--kendo-color-primary, #3f51b5);font-family:Consolas,Monaco,monospace}.selector-item .selector-actions{display:flex;gap:.25rem;flex-shrink:0}.selector-item .remove-btn{color:var(--kendo-color-error, #f44336)}.empty-state{padding:1.5rem;text-align:center;color:var(--kendo-color-subtle, #757575);font-size:.875rem}.add-button-row{display:flex;justify-content:flex-start}.edit-panel{border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px;overflow:hidden}.edit-panel-header{padding:.625rem 1rem;font-weight:600;font-size:.875rem;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #3f51b5)}.edit-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.edit-form .form-field{display:flex;flex-direction:column;gap:.5rem}.edit-form .field-label{font-weight:500;font-size:.875rem;text-transform:uppercase;color:var(--kendo-color-on-app-surface, #424242)}.edit-form .field-hint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.edit-form .field-error{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.edit-form .checkbox-row{display:flex;align-items:center;gap:.5rem}.edit-form .checkbox-row .checkbox-label{margin:0;cursor:pointer}.mappings-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.mappings-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--kendo-color-subtle, #757575);padding-bottom:.25rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.mappings-header .mappings-header-attr{min-width:150px}.mappings-header .mappings-header-var{margin-left:1.75rem}.mapping-item{display:flex;align-items:flex-start;gap:.5rem}.mapping-item .mapping-path{font-size:.8rem;font-family:Consolas,Monaco,monospace;color:var(--kendo-color-subtle, #757575);min-width:150px;padding-top:5px}.mapping-item .mapping-arrow{color:var(--kendo-color-subtle, #757575);flex-shrink:0;padding-top:5px}.mapping-item .mapping-var-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:100px}.mapping-item .mapping-var-input-wrapper{display:flex;align-items:center;gap:0}.mapping-item .mapping-var-prefix{font-family:Consolas,Monaco,monospace;font-size:.875rem;font-weight:600;color:var(--kendo-color-primary, #3f51b5);padding-right:2px;flex-shrink:0}.mapping-item .mapping-var-input{flex:1}.mapping-item .mapping-var-input.invalid ::ng-deep .k-input{border-color:var(--kendo-color-error, #f44336)}.edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--kendo-color-border, #e0e0e0)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"entity-selector-editor\">\n  @if (!isEditing) {\n    <!-- Selector List -->\n    <div class=\"selector-list\">\n      @for (selector of entitySelectors; track selector.id; let i = $index) {\n        <div class=\"selector-item\">\n          <div class=\"selector-info\">\n            <span class=\"selector-label\">{{ selector.label }}</span>\n            <span class=\"selector-mode\">{{ getModeLabel(selector) }}</span>\n            <span class=\"selector-ck-type\">{{ selector.ckTypeId }}</span>\n            <span class=\"selector-mappings\">{{ getMappingSummary(selector) }}</span>\n          </div>\n          <div class=\"selector-actions\">\n            <button\n              kendoButton\n              [svgIcon]=\"pencilIcon\"\n              (click)=\"editSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Edit selector\">\n            </button>\n            <button\n              kendoButton\n              [svgIcon]=\"trashIcon\"\n              (click)=\"removeSelector(i)\"\n              fillMode=\"flat\"\n              size=\"small\"\n              title=\"Remove selector\"\n              class=\"remove-btn\">\n            </button>\n          </div>\n        </div>\n      }\n\n      @if (entitySelectors.length === 0) {\n        <div class=\"empty-state\">\n          No entity selectors configured. Add one to enable entity-based variables.\n        </div>\n      }\n    </div>\n\n    <div class=\"add-button-row\">\n      <button\n        kendoButton\n        [svgIcon]=\"plusIcon\"\n        (click)=\"addSelector()\"\n        themeColor=\"primary\">\n        Add Entity Selector\n      </button>\n    </div>\n  } @else {\n    <!-- Edit Form -->\n    <div class=\"edit-panel\">\n      <div class=\"edit-panel-header\">\n        {{ editingIndex !== null ? 'Edit Entity Selector' : 'New Entity Selector' }}\n      </div>\n      <div class=\"edit-form\">\n      <div class=\"form-field\">\n        <label class=\"field-label\">ID *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editId\"\n          placeholder=\"e.g., mp\"\n          [readonly]=\"editingIndex !== null\">\n        </kendo-textbox>\n        @if (isDuplicateId(editId, editingIndex)) {\n          <span class=\"field-error\">ID must be unique</span>\n        }\n        <span class=\"field-hint\">Used in URL parameters (es_&lt;id&gt;=&lt;rtId&gt;)</span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Label *</label>\n        <kendo-textbox\n          [(ngModel)]=\"editLabel\"\n          placeholder=\"e.g., Metering Point\">\n        </kendo-textbox>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">CK Type *</label>\n        <mm-ck-type-selector-input\n          [ngModel]=\"editCkTypeItem\"\n          [placeholder]=\"'Select CK type...'\"\n          (ckTypeSelected)=\"onCkTypeSelected($event)\"\n          (ckTypeCleared)=\"onCkTypeCleared()\">\n        </mm-ck-type-selector-input>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Attribute Mappings *</label>\n        <button\n          kendoButton\n          (click)=\"selectAttributes()\"\n          [disabled]=\"!editCkTypeId\"\n          fillMode=\"outline\"\n          size=\"small\">\n          Select Attributes...\n        </button>\n\n        @if (editMappings.length > 0) {\n          <div class=\"mappings-list\">\n            <div class=\"mappings-header\">\n              <span class=\"mappings-header-attr\">Attribute</span>\n              <span class=\"mappings-header-var\">Variable Name</span>\n            </div>\n            @for (mapping of editMappings; track mapping.attributePath; let j = $index) {\n              <div class=\"mapping-item\">\n                <span class=\"mapping-path\">{{ mapping.attributePath }}</span>\n                <span class=\"mapping-arrow\">&rarr;</span>\n                <div class=\"mapping-var-field\">\n                  <div class=\"mapping-var-input-wrapper\">\n                    <span class=\"mapping-var-prefix\">$</span>\n                    <kendo-textbox\n                      [(ngModel)]=\"mapping.variableName\"\n                      size=\"small\"\n                      class=\"mapping-var-input\"\n                      placeholder=\"variableName\"\n                      [class.invalid]=\"getVariableNameError(mapping)\">\n                    </kendo-textbox>\n                  </div>\n                  @if (getVariableNameError(mapping); as error) {\n                    <span class=\"field-error\">{{ error }}</span>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"form-field\">\n        <div class=\"checkbox-row\">\n          <input\n            type=\"checkbox\"\n            kendoCheckBox\n            [(ngModel)]=\"editShowInToolbar\"\n            id=\"showInToolbar\" />\n          <label class=\"field-label checkbox-label\" for=\"showInToolbar\">Show in Toolbar</label>\n        </div>\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Users can select an entity from a dropdown in the toolbar.\n          } @else {\n            Hidden selector \u2014 variables are resolved from the default entity below.\n          }\n        </span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Default Entity{{ !editShowInToolbar ? ' *' : '' }}</label>\n        @if (defaultEntityDataSource) {\n          <mm-entity-select-input\n            [dataSource]=\"defaultEntityDataSource\"\n            [dialogDataSource]=\"defaultEntityDialogDataSource!\"\n            [placeholder]=\"'Select default entity...'\"\n            [dialogTitle]=\"'Select Default ' + editLabel\"\n            (entitySelected)=\"onDefaultEntitySelected($event)\"\n            (entityCleared)=\"onDefaultEntityCleared()\">\n          </mm-entity-select-input>\n        } @else {\n          <span class=\"field-hint\">Select a CK type first to pick a default entity.</span>\n        }\n        @if (editDefaultRtId) {\n          <span class=\"field-hint\">Selected: {{ editDefaultRtId }}</span>\n        }\n        @if (!editShowInToolbar && !editDefaultRtId) {\n          <span class=\"field-error\">A default entity is required when not shown in toolbar.</span>\n        }\n        <span class=\"field-hint\">\n          @if (editShowInToolbar) {\n            Optional \u2014 pre-selected entity when the MeshBoard loads.\n          } @else {\n            This entity's attributes will be used to populate the variables.\n          }\n        </span>\n      </div>\n\n      <div class=\"form-field\">\n        <label class=\"field-label\">Child Scope (stream-data)</label>\n        <span class=\"field-hint\">\n          Optional. Resolves the picked entity to its child source rtIds (one\n          association hop) so a stream-data widget can scope to them \u2014 e.g. a\n          MeteringPoint resolved to its EnergyMeasurement rtIds. Leave empty to\n          scope by the picked entity's own rtId.\n        </span>\n        <mm-ck-type-selector-input\n          [ngModel]=\"editChildScopeTargetCkTypeItem\"\n          [placeholder]=\"'Child CK type (e.g. EnergyMeasurement)...'\"\n          (ckTypeSelected)=\"onChildScopeCkTypeSelected($event)\"\n          (ckTypeCleared)=\"onChildScopeCkTypeCleared()\">\n        </mm-ck-type-selector-input>\n        <kendo-textbox\n          [(ngModel)]=\"editChildScopeRoleId\"\n          placeholder=\"Association role (e.g. System/ParentChild)\">\n        </kendo-textbox>\n        <label class=\"field-label\">Direction</label>\n        <select [(ngModel)]=\"editChildScopeDirection\" class=\"child-scope-direction\">\n          <option value=\"out\">Outbound (parent \u2192 child)</option>\n          <option value=\"in\">Inbound (child \u2192 parent)</option>\n        </select>\n      </div>\n\n      <div class=\"edit-actions mm-dialog-actions\">\n        <button kendoButton (click)=\"cancelEdit()\" fillMode=\"flat\">\n          Cancel\n        </button>\n        <button\n          kendoButton\n          (click)=\"saveEdit()\"\n          [disabled]=\"!isEditValid()\"\n          themeColor=\"primary\">\n          {{ editingIndex !== null ? 'Update' : 'Add' }}\n        </button>\n      </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".entity-selector-editor{display:flex;flex-direction:column;gap:1.25rem}.selector-list{display:flex;flex-direction:column;gap:.5rem}.selector-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.selector-item .selector-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.selector-item .selector-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.selector-item .selector-mode{font-size:.75rem;font-weight:500;color:var(--kendo-color-info, #0288d1)}.selector-item .selector-ck-type{font-size:.8rem;color:var(--kendo-color-subtle, #757575);font-family:Consolas,Monaco,monospace}.selector-item .selector-mappings{font-size:.8rem;color:var(--kendo-color-primary, #3f51b5);font-family:Consolas,Monaco,monospace}.selector-item .selector-actions{display:flex;gap:.25rem;flex-shrink:0}.selector-item .remove-btn{color:var(--kendo-color-error, #f44336)}.empty-state{padding:1.5rem;text-align:center;color:var(--kendo-color-subtle, #757575);font-size:.875rem}.add-button-row{display:flex;justify-content:flex-start}.edit-panel{border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px;overflow:hidden}.edit-panel-header{padding:.625rem 1rem;font-weight:600;font-size:.875rem;color:var(--kendo-color-on-primary, #ffffff);background:var(--kendo-color-primary, #3f51b5)}.edit-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.edit-form .form-field{display:flex;flex-direction:column;gap:.5rem}.edit-form .field-label{font-weight:500;font-size:.875rem;text-transform:uppercase;color:var(--kendo-color-on-app-surface, #424242)}.edit-form .field-hint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.edit-form .field-error{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.edit-form .checkbox-row{display:flex;align-items:center;gap:.5rem}.edit-form .checkbox-row .checkbox-label{margin:0;cursor:pointer}.mappings-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;background:var(--kendo-color-surface-alt, #fafafa);border:1px solid var(--kendo-color-border, #e0e0e0);border-radius:4px}.mappings-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--kendo-color-subtle, #757575);padding-bottom:.25rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.mappings-header .mappings-header-attr{min-width:150px}.mappings-header .mappings-header-var{margin-left:1.75rem}.mapping-item{display:flex;align-items:flex-start;gap:.5rem}.mapping-item .mapping-path{font-size:.8rem;font-family:Consolas,Monaco,monospace;color:var(--kendo-color-subtle, #757575);min-width:150px;padding-top:5px}.mapping-item .mapping-arrow{color:var(--kendo-color-subtle, #757575);flex-shrink:0;padding-top:5px}.mapping-item .mapping-var-field{display:flex;flex-direction:column;gap:2px;flex:1;min-width:100px}.mapping-item .mapping-var-input-wrapper{display:flex;align-items:center;gap:0}.mapping-item .mapping-var-prefix{font-family:Consolas,Monaco,monospace;font-size:.875rem;font-weight:600;color:var(--kendo-color-primary, #3f51b5);padding-right:2px;flex-shrink:0}.mapping-item .mapping-var-input{flex:1}.mapping-item .mapping-var-input.invalid ::ng-deep .k-input{border-color:var(--kendo-color-error, #f44336)}.edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--kendo-color-border, #e0e0e0)}\n"] }]
         }], propDecorators: { entitySelectors: [{
                 type: Input
             }], existingVariableNames: [{
@@ -30602,6 +31179,8 @@ class MeshBoardViewComponent {
         this.stateService.updateEntitySelectorSelection(selectorId, undefined);
         // Clear variables for this selector
         this.stateService.clearEntitySelectorVariables(selectorId);
+        // Clear the resolved stream-data scope rtIds for this selector
+        this.stateService.clearEntitySelectorRtIds(selectorId);
         // Sync to URL
         this.writeEntitySelectorsToUrl();
         // Refresh widgets
@@ -30662,6 +31241,11 @@ class MeshBoardViewComponent {
                 values.push({ name: rtIdVariableName, value: rtId, type: 'string' });
             }
             this.stateService.setEntitySelectorVariables(selector.id, values);
+            // Resolve the stream-data scope rtIds for this selection (one-hop
+            // childScope traversal, or the picked entity itself). Runs alongside the
+            // variable resolution so widgets bound to this selector can scope their
+            // stream-data query by the resolved source rtIds.
+            await this.resolveEntitySelectorScopeRtIds(selector, rtId);
             return entity.rtWellKnownName || entity.rtId;
         }
         catch (error) {
@@ -30669,6 +31253,38 @@ class MeshBoardViewComponent {
             return undefined;
         }
     }
+    /**
+     * Resolves the set of source rtIds that a stream-data widget bound to this
+     * selector should be scoped to, and caches them on the state service.
+     *
+     * When the selector defines a {@link EntitySelectorChildScope}, the picked
+     * entity's children of `targetCkTypeId` reached via `roleId`/`direction`
+     * become the scope (e.g. MeteringPoint → its EnergyMeasurement rtIds). With
+     * no childScope, the picked entity's own rtId is the scope (direct keying).
+     */
+    async resolveEntitySelectorScopeRtIds(selector, rtId) {
+        const childScope = selector.childScope;
+        if (!childScope?.targetCkTypeId || !childScope.roleId) {
+            this.stateService.setEntitySelectorRtIds(selector.id, [rtId]);
+            return;
+        }
+        try {
+            const targets = await firstValueFrom(this.dataService.fetchAssociationTargets(rtId, selector.ckTypeId, childScope.targetCkTypeId, childScope.roleId, 
+            // Parent → children via System/ParentChild is an INBOUND hop (the child
+            // owns the association to its parent), so 'in' is the default.
+            childScope.direction ?? 'in'));
+            const childRtIds = (targets ?? [])
+                .map(t => String(t.rtId))
+                .filter(id => id.length > 0);
+            this.stateService.setEntitySelectorRtIds(selector.id, childRtIds);
+        }
+        catch (error) {
+            console.error(`Error resolving child scope for selector '${selector.id}':`, error);
+            // Empty scope is safer than a stale one: the bound widget falls back to
+            // its persisted scope rather than querying the wrong asset.
+            this.stateService.setEntitySelectorRtIds(selector.id, []);
+        }
+    }
     /**
      * Writes entity selector selections to URL query parameters.
      * Format: es_<selectorId>=<rtId>