@meshmakers/octo-meshboard 3.4.160 → 3.4.170

package/fesm2022/meshmakers-octo-meshboard.mjs

@@ -1,4 +1,4 @@
-import { FieldFilterOperatorsDto, CkTypeSelectorService, RuntimeEntitySelectDataSource as RuntimeEntitySelectDataSource$2, RuntimeEntityDialogDataSource as RuntimeEntityDialogDataSource$2, DeleteStrategiesDto, AssociationModOptionsDto, CkModelService, GraphDirectionDto, AttributeSelectorService, GraphQL, GetCkTypeAvailableQueryColumnsDtoGQL, SortOrdersDto, HealthService, TENANT_ID_PROVIDER, AssetRepoService, JobManagementService } from '@meshmakers/octo-services';
+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, Component, Injector, EnvironmentInjector, ApplicationRef, signal, computed, Directive, makeEnvironmentProviders, provideAppInitializer, InjectionToken, effect } from '@angular/core';
@@ -6,7 +6,7 @@ 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';
 import * as i1$8 from '@meshmakers/shared-ui';
-import { EntitySelectInputComponent, WindowStateService, ListViewComponent, FetchResultTyped, DataSourceBase, TimeRangePickerComponent, ImportStrategyDialogService, TimeRangeUtils, HAS_UNSAVED_CHANGES, UnsavedChangesDirective } from '@meshmakers/shared-ui';
+import { EntitySelectInputComponent, WindowStateService, TimeRangeUtils, ListViewComponent, FetchResultTyped, DataSourceBase, TimeRangePickerComponent, ImportStrategyDialogService, HAS_UNSAVED_CHANGES, UnsavedChangesDirective } from '@meshmakers/shared-ui';
 import * as i1 from 'apollo-angular';
 import { gql, Apollo } from 'apollo-angular';
 import * as i1$3 from '@angular/common';
@@ -14,6 +14,7 @@ import { CommonModule } from '@angular/common';
 import { CkTypeSelectorInputComponent, AttributeValueTypeDto, PropertyValueDisplayComponent, FieldFilterEditorComponent, PropertyGridComponent, OctoGraphQlDataSource, AttributeSelectorDialogService, AttributeSortSelectorDialogService } from '@meshmakers/octo-ui';
 import * as i1$5 from '@progress/kendo-angular-dialog';
 import { WindowService, WindowCloseResult, WindowRef, DialogsModule, DialogRef, DialogModule, DialogService } from '@progress/kendo-angular-dialog';
+import { switchMap, map as map$1, catchError as catchError$1 } from 'rxjs/operators';
 import * as i2 from '@progress/kendo-angular-buttons';
 import { ButtonsModule, ButtonModule } from '@progress/kendo-angular-buttons';
 import * as i3 from '@progress/kendo-angular-inputs';
@@ -25,7 +26,6 @@ import { SVGIconModule } from '@progress/kendo-angular-icons';
 import { arrowUpIcon, arrowDownIcon, minusIcon, arrowRightIcon, arrowLeftIcon, linkIcon, chevronDownIcon, chevronRightIcon, circleIcon, questionCircleIcon, minusCircleIcon, warningTriangleIcon, exclamationCircleIcon, xCircleIcon, checkCircleIcon, columnsIcon, sortAscIcon, filterIcon, searchIcon, chartPieIcon, infoCircleIcon, plusIcon, trashIcon, pencilIcon, chartLineIcon, gearsIcon, clipboardMarkdownIcon, copyIcon, gridIcon, heartIcon, gridLayoutIcon, chartLineMarkersIcon, chartColumnStackedIcon, chartDoughnutIcon, tableIcon, shareIcon, fileTxtIcon, checkIcon, xIcon, downloadIcon, uploadIcon, gearIcon, saveIcon, arrowRotateCwIcon, undoIcon } from '@progress/kendo-svg-icons';
 import * as i4 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule, DropDownListModule } from '@progress/kendo-angular-dropdowns';
-import { map as map$1, catchError as catchError$1 } from 'rxjs/operators';
 import { NotificationService } from '@progress/kendo-angular-notification';
 import * as i1$6 from '@progress/kendo-angular-gauges';
 import { CollectionChangesService, KENDO_GAUGES } from '@progress/kendo-angular-gauges';
@@ -52,6 +52,56 @@ import { BreadCrumbService } from '@meshmakers/shared-services';
 
 // Re-export from octo-services (moved there for reuse by octo-ui)
 
+/**
+ * Persistent-query family classification.
+ *
+ * The query builder persists both runtime-data and stream-data queries as
+ * `systemPersistentQuery` entities. They are distinguished by the
+ * `queryCkTypeId` field, which carries a substring matching one of the
+ * known kinds below.
+ *
+ * Ordering matters: `GroupingAggregationSdQuery` contains `AggregationSdQuery`
+ * as a substring, so the grouping variant must be tested first.
+ */
+const STREAM_DATA_RULES = [
+    { marker: 'DownsamplingSdQuery', kind: 'downsampling' },
+    { marker: 'GroupingAggregationSdQuery', kind: 'groupingAggregation' },
+    { marker: 'AggregationSdQuery', kind: 'aggregation' },
+    { marker: 'SimpleSdQuery', kind: 'simple' }
+];
+const RUNTIME_RULES = [
+    { marker: 'GroupingAggregationRtQuery', kind: 'groupingAggregation' },
+    { marker: 'AggregationRtQuery', kind: 'aggregation' },
+    { marker: 'SimpleRtQuery', kind: 'simple' }
+];
+/**
+ * Classify a persistent query by its `queryCkTypeId`.
+ * Returns `null` for unknown / legacy values; callers decide how to handle them.
+ */
+function classifyQuery(queryCkTypeId) {
+    if (!queryCkTypeId) {
+        return null;
+    }
+    for (const rule of STREAM_DATA_RULES) {
+        if (queryCkTypeId.includes(rule.marker)) {
+            return { family: 'streamData', kind: rule.kind };
+        }
+    }
+    for (const rule of RUNTIME_RULES) {
+        if (queryCkTypeId.includes(rule.marker)) {
+            return { family: 'runtime', kind: rule.kind };
+        }
+    }
+    return null;
+}
+/**
+ * Convenience accessor — returns just the family ('runtime' | 'streamData')
+ * or null when the query type is unrecognised.
+ */
+function queryFamily(queryCkTypeId) {
+    return classifyQuery(queryCkTypeId)?.family ?? null;
+}
+
 const GetSystemPersistentQueriesDocumentDto = gql `
     query getSystemPersistentQueries($after: String, $first: Int, $searchFilter: SearchFilter, $fieldFilters: [FieldFilter], $sort: [Sort]) {
   runtime {
@@ -89,14 +139,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.Apollo }] });
 
+/**
+ * Filter the result list down to queries whose family is in the accept list.
+ * Family is classified by the persistent-query entity's own CK type
+ * (`ckTypeId`, e.g. `RtSimpleSdQuery`) — NOT the target type
+ * (`queryCkTypeId`, e.g. `Basic.Energy/EnergyMeasurement`), which has nothing
+ * to do with runtime vs stream-data.
+ *
+ * `null` family (unrecognised legacy query type) is kept only when 'runtime'
+ * is among the accepted families — historical behavior treated everything as
+ * runtime-compatible.
+ */
+function filterByFamily(items, accept) {
+    if (accept.length === 0) {
+        return items;
+    }
+    return items.filter(item => {
+        const family = queryFamily(item.ckTypeId);
+        if (family === null) {
+            return accept.includes('runtime');
+        }
+        return accept.includes(family);
+    });
+}
 /**
  * Autocomplete data source for persistent query selection.
- * Filters queries by search text using GraphQL.
+ * Filters queries by search text using GraphQL, then narrows by family on the client.
  */
 class PersistentQueryAutocompleteDataSource {
     gql;
-    constructor(gql) {
+    acceptFamilies;
+    constructor(gql, acceptFamilies = ['runtime', 'streamData']) {
         this.gql = gql;
+        this.acceptFamilies = acceptFamilies;
     }
     async onFilter(filter, take = 50) {
         const result = await firstValueFrom(this.gql.fetch({
@@ -105,14 +180,16 @@ class PersistentQueryAutocompleteDataSource {
                 fieldFilters: filter ? [{ attributePath: 'name', operator: FieldFilterOperatorsDto.LikeDto, comparisonValue: filter }] : undefined
             }
         }));
-        const items = (result.data?.runtime?.systemPersistentQuery?.items ?? [])
+        const rawItems = (result.data?.runtime?.systemPersistentQuery?.items ?? [])
             .filter((item) => item !== null)
             .map(item => ({
             rtId: item.rtId,
             name: item.name ?? '',
             description: item.description,
+            ckTypeId: item.ckTypeId,
             queryCkTypeId: item.queryCkTypeId
         }));
+        const items = filterByFamily(rawItems, this.acceptFamilies);
         return {
             totalCount: result.data?.runtime?.systemPersistentQuery?.totalCount ?? 0,
             items
@@ -127,12 +204,14 @@ class PersistentQueryAutocompleteDataSource {
 }
 /**
  * Dialog data source for persistent query selection grid.
- * Provides columns and paginated data for the entity select dialog.
+ * Provides columns and paginated data for the entity select dialog, narrowed by family on the client.
  */
 class PersistentQueryDialogDataSource {
     gql;
-    constructor(gql) {
+    acceptFamilies;
+    constructor(gql, acceptFamilies = ['runtime', 'streamData']) {
         this.gql = gql;
+        this.acceptFamilies = acceptFamilies;
     }
     getColumns() {
         return [
@@ -149,7 +228,7 @@ class PersistentQueryDialogDataSource {
                 fieldFilters: options.textSearch ? [{ attributePath: 'name', operator: FieldFilterOperatorsDto.LikeDto, comparisonValue: options.textSearch }] : undefined
             }
         })).pipe(map(result => {
-            const items = (result.data?.runtime?.systemPersistentQuery?.items ?? [])
+            const rawItems = (result.data?.runtime?.systemPersistentQuery?.items ?? [])
                 .filter((item) => item !== null)
                 .map(item => ({
                 rtId: item.rtId,
@@ -157,6 +236,7 @@ class PersistentQueryDialogDataSource {
                 description: item.description,
                 queryCkTypeId: item.queryCkTypeId
             }));
+            const items = filterByFamily(rawItems, this.acceptFamilies);
             return {
                 data: items,
                 totalCount: result.data?.runtime?.systemPersistentQuery?.totalCount ?? 0
@@ -194,6 +274,17 @@ class QuerySelectorComponent {
     hint;
     /** Whether the component is disabled */
     disabled = false;
+    /**
+     * Which query families to show in the picker.
+     * Default: both runtime and stream-data.
+     * Set to `['runtime']` for legacy widgets that cannot consume stream-data,
+     * or `['streamData']` for stream-data-only pickers.
+     *
+     * Filtering happens client-side after a server-side fetch — small per-tenant
+     * query counts make this acceptable; a server-side filter would require a
+     * backend change.
+     */
+    acceptFamilies = ['runtime', 'streamData'];
     /** Emitted when a query is selected */
     querySelected = new EventEmitter();
     /** Emitted when queries are loaded (emits the selected query in a single-item array for compatibility) */
@@ -205,8 +296,16 @@ class QuerySelectorComponent {
     onChange = () => { };
     onTouched = () => { };
     constructor() {
-        this.queryDataSource = new PersistentQueryAutocompleteDataSource(this.getSystemPersistentQueriesGQL);
-        this.queryDialogDataSource = new PersistentQueryDialogDataSource(this.getSystemPersistentQueriesGQL);
+        this.rebuildDataSources();
+    }
+    ngOnChanges(changes) {
+        if (changes['acceptFamilies']) {
+            this.rebuildDataSources();
+        }
+    }
+    rebuildDataSources() {
+        this.queryDataSource = new PersistentQueryAutocompleteDataSource(this.getSystemPersistentQueriesGQL, this.acceptFamilies);
+        this.queryDialogDataSource = new PersistentQueryDialogDataSource(this.getSystemPersistentQueriesGQL, this.acceptFamilies);
     }
     ngAfterViewInit() {
         // Forward any value that was set via writeValue() before the ViewChild was available
@@ -250,6 +349,7 @@ class QuerySelectorComponent {
             rtId: item.rtId,
             name: item.name ?? '',
             description: item.description,
+            ckTypeId: item.ckTypeId,
             queryCkTypeId: item.queryCkTypeId
         }));
         const query = items[0] ?? null;
@@ -277,13 +377,13 @@ class QuerySelectorComponent {
         this.disabled = isDisabled;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: QuerySelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: QuerySelectorComponent, isStandalone: true, selector: "mm-query-selector", inputs: { placeholder: "placeholder", hint: "hint", disabled: "disabled" }, outputs: { querySelected: "querySelected", queriesLoaded: "queriesLoaded" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: QuerySelectorComponent, isStandalone: true, selector: "mm-query-selector", inputs: { placeholder: "placeholder", hint: "hint", disabled: "disabled", acceptFamilies: "acceptFamilies" }, outputs: { querySelected: "querySelected", queriesLoaded: "queriesLoaded" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => QuerySelectorComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "entitySelect", first: true, predicate: ["entitySelect"], descendants: true }], ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "entitySelect", first: true, predicate: ["entitySelect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="query-selector">
       <mm-entity-select-input
         #entitySelect
@@ -341,6 +441,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], disabled: [{
                 type: Input
+            }], acceptFamilies: [{
+                type: Input
             }], querySelected: [{
                 type: Output
             }], queriesLoaded: [{
@@ -1401,7 +1503,7 @@ class MeshBoardPersistenceService {
      */
     async createMeshBoard(config) {
         // Encode variables, timeFilter, and entitySelectors in description field (temporary until backend adds config field)
-        const encodedDescription = this.encodeVariablesInDescription(config.description ?? '', config.variables, config.timeFilter, config.entitySelectors);
+        const encodedDescription = this.encodeVariablesInDescription(config.description ?? '', config.variables, config.timeFilter, config.entitySelectors, config.autoRefreshSeconds);
         const dashboardInput = {
             name: config.name,
             description: encodedDescription,
@@ -1433,7 +1535,7 @@ class MeshBoardPersistenceService {
     async updateMeshBoard(rtId, config, existingWidgetRtIds = []) {
         const result = { createdWidgets: [] };
         // Encode variables, timeFilter, and entitySelectors in description field (temporary until backend adds config field)
-        const encodedDescription = this.encodeVariablesInDescription(config.description ?? '', config.variables, config.timeFilter, config.entitySelectors);
+        const encodedDescription = this.encodeVariablesInDescription(config.description ?? '', config.variables, config.timeFilter, config.entitySelectors, config.autoRefreshSeconds);
         const dashboardItem = {
             name: config.name,
             description: encodedDescription,
@@ -1495,8 +1597,9 @@ class MeshBoardPersistenceService {
      * Converts a persisted MeshBoard to MeshBoardConfig
      */
     toMeshBoardConfig(meshBoard, widgets) {
-        // Decode variables, timeFilter, and entitySelectors from description field (temporary until backend adds config field)
-        const { description, variables, timeFilter, entitySelectors } = this.decodeVariablesFromDescription(meshBoard.description);
+        // Decode variables, timeFilter, entitySelectors, and autoRefresh from description field
+        // (temporary until backend adds first-class config field)
+        const { description, variables, timeFilter, entitySelectors, autoRefreshSeconds } = this.decodeVariablesFromDescription(meshBoard.description);
         return {
             id: meshBoard.rtId,
             name: meshBoard.name,
@@ -1508,6 +1611,7 @@ class MeshBoardPersistenceService {
             variables,
             timeFilter,
             entitySelectors,
+            autoRefreshSeconds,
             widgets: widgets.map(w => this.toWidgetConfig(w))
         };
     }
@@ -1629,12 +1733,13 @@ class MeshBoardPersistenceService {
      * Note: Only static variables are persisted. TimeFilter variables are derived
      * from the timeFilter selection when the MeshBoard is loaded.
      */
-    encodeVariablesInDescription(description, variables, timeFilter, entitySelectors) {
+    encodeVariablesInDescription(description, variables, timeFilter, entitySelectors, autoRefreshSeconds) {
         // Filter out timeFilter and entitySelector variables (they are derived, not persisted directly)
         const staticVariables = variables?.filter(v => v.source !== 'timeFilter' && v.source !== 'entitySelector');
         // Check if there's anything to encode
         const hasEntitySelectors = entitySelectors && entitySelectors.length > 0;
-        if ((!staticVariables || staticVariables.length === 0) && !timeFilter?.enabled && !hasEntitySelectors) {
+        const hasAutoRefresh = !!autoRefreshSeconds && autoRefreshSeconds > 0;
+        if ((!staticVariables || staticVariables.length === 0) && !timeFilter?.enabled && !hasEntitySelectors && !hasAutoRefresh) {
             return description;
         }
         try {
@@ -1645,6 +1750,9 @@ class MeshBoardPersistenceService {
             if (timeFilter?.enabled) {
                 data.timeFilter = timeFilter;
             }
+            if (hasAutoRefresh) {
+                data.autoRefreshSeconds = autoRefreshSeconds;
+            }
             if (hasEntitySelectors) {
                 // Strip transient fields before persisting
                 data.entitySelectors = entitySelectors.map(es => ({
@@ -1691,12 +1799,13 @@ class MeshBoardPersistenceService {
             if (Array.isArray(parsed)) {
                 return { description, variables: parsed };
             }
-            // New format: object with variables, timeFilter, and entitySelectors
+            // New format: object with variables, timeFilter, entitySelectors, and autoRefreshSeconds
             return {
                 description,
                 variables: parsed.variables ?? [],
                 timeFilter: parsed.timeFilter,
-                entitySelectors: parsed.entitySelectors
+                entitySelectors: parsed.entitySelectors,
+                autoRefreshSeconds: typeof parsed.autoRefreshSeconds === 'number' ? parsed.autoRefreshSeconds : undefined
             };
         }
         catch (error) {
@@ -2144,7 +2253,8 @@ class MeshBoardStateService {
                     selection: settings.timeFilter.defaultSelection ?? config.timeFilter?.selection
                 }
                 : config.timeFilter,
-            entitySelectors: settings.entitySelectors ?? config.entitySelectors
+            entitySelectors: settings.entitySelectors ?? config.entitySelectors,
+            autoRefreshSeconds: settings.autoRefreshSeconds
         }));
         // If time filter is disabled, clear the time filter variables
         if (settings.timeFilter && !settings.timeFilter.enabled) {
@@ -2165,7 +2275,8 @@ class MeshBoardStateService {
             gap: config.gap,
             variables: config.variables ?? [],
             timeFilter: config.timeFilter,
-            entitySelectors: config.entitySelectors
+            entitySelectors: config.entitySelectors,
+            autoRefreshSeconds: config.autoRefreshSeconds
         };
     }
     /**
@@ -2331,6 +2442,33 @@ class MeshBoardStateService {
     getTimeFilterConfig() {
         return this._meshBoardConfig().timeFilter;
     }
+    /**
+     * Resolves the current time-filter selection to a concrete UTC `{from, to}`
+     * range. Returns `null` when the filter is disabled, no selection exists,
+     * or the selection is incomplete.
+     *
+     * Stream-data persistent queries consume this to bound their result set;
+     * runtime queries ignore it.
+     *
+     * IANA-timezone-aware bucket boundaries are tracked separately (AB#4190);
+     * this helper currently returns UTC boundaries derived from the picker.
+     */
+    resolveCurrentTimeRange() {
+        const config = this._meshBoardConfig().timeFilter;
+        if (!config?.enabled || !config.selection) {
+            return null;
+        }
+        const showTime = config.pickerConfig?.showTime ?? false;
+        // The model stores customFrom/customTo as ISO strings for JSON persistence,
+        // shared-ui's TimeRangeUtils expects Date objects — convert before delegating.
+        const selection = config.selection;
+        const sharedSelection = {
+            ...selection,
+            customFrom: selection.customFrom ? new Date(selection.customFrom) : undefined,
+            customTo: selection.customTo ? new Date(selection.customTo) : undefined
+        };
+        return TimeRangeUtils.getTimeRangeFromSelection(sharedSelection, showTime);
+    }
     /**
      * Updates the time filter configuration.
      */
@@ -2587,6 +2725,273 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.Apollo }] });
 
+const ExecuteStreamDataQueryDocumentDto = gql `
+    query executeStreamDataQuery($rtId: OctoObjectId!, $arg: StreamDataArguments, $first: Int, $after: String, $sortOrder: [Sort], $fieldFilter: [FieldFilter]) {
+  streamData {
+    streamDataQuery(rtId: $rtId) {
+      items {
+        queryRtId
+        associatedCkTypeId
+        columns {
+          attributePath
+          attributeValueType
+          aggregationType
+        }
+        rows(
+          arg: $arg
+          first: $first
+          after: $after
+          sortOrder: $sortOrder
+          fieldFilter: $fieldFilter
+        ) {
+          totalCount
+          pageInfo {
+            hasNextPage
+            endCursor
+          }
+          items {
+            rtId
+            ckTypeId
+            timestamp
+            rtWellKnownName
+            rtCreationDateTime
+            rtChangedDateTime
+            cells {
+              items {
+                attributePath
+                value
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+    `;
+class ExecuteStreamDataQueryDtoGQL extends i1.Query {
+    document = ExecuteStreamDataQueryDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ExecuteStreamDataQueryDtoGQL, deps: [{ token: i1.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ExecuteStreamDataQueryDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ExecuteStreamDataQueryDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.Apollo }] });
+
+const EMPTY_RESULT_BASE = Object.freeze({
+    queryRtId: null,
+    associatedCkTypeId: null,
+    columns: [],
+    rows: [],
+    totalCount: 0,
+    hasNextPage: false,
+    endCursor: null
+});
+/**
+ * Executes persistent queries by rtId and returns a unified result shape
+ * regardless of whether the underlying query is runtime-data or stream-data.
+ *
+ * Widgets consume `QueryExecutionResult` and stay agnostic about which family
+ * the saved query belongs to — switching a widget's data source between
+ * runtime and stream-data is purely a configuration change.
+ */
+class QueryExecutorService {
+    runtimeGql = inject(ExecuteRuntimeQueryDtoGQL);
+    streamDataGql = inject(ExecuteStreamDataQueryDtoGQL);
+    persistentQueriesGql = inject(GetSystemPersistentQueriesDtoGQL);
+    /**
+     * Cache of resolved query families, keyed by query rtId. Filled lazily for
+     * legacy widget configs that pre-date the `queryFamily` field — saves a
+     * round-trip on every refresh.
+     */
+    familyCache = new Map();
+    execute(family, queryRtId, options = {}) {
+        if (family) {
+            return family === 'streamData'
+                ? this.executeStreamData(queryRtId, options)
+                : this.executeRuntime(queryRtId, options);
+        }
+        // Family unknown — look it up from the persistent-query entity once and
+        // route accordingly. Legacy widget configs (saved before queryFamily was
+        // persisted) hit this path; subsequent calls in the same session use the
+        // cached family.
+        return from(this.resolveFamily(queryRtId)).pipe(switchMap(resolved => resolved === 'streamData'
+            ? this.executeStreamData(queryRtId, options)
+            : this.executeRuntime(queryRtId, options)));
+    }
+    /**
+     * Resolves the family of a persistent query by rtId. Falls back to
+     * `'runtime'` when the query type cannot be classified — this matches the
+     * pre-Phase-1 behavior.
+     */
+    async resolveFamily(queryRtId) {
+        const cached = this.familyCache.get(queryRtId);
+        if (cached)
+            return cached;
+        try {
+            const result = await firstValueFrom(this.persistentQueriesGql.fetch({
+                variables: {
+                    first: 1,
+                    fieldFilters: [{ attributePath: 'rtId', operator: FieldFilterOperatorsDto.EqualsDto, comparisonValue: queryRtId }]
+                }
+            }));
+            const item = result.data?.runtime?.systemPersistentQuery?.items?.[0];
+            const resolved = queryFamily(item?.ckTypeId ?? null) ?? 'runtime';
+            this.familyCache.set(queryRtId, resolved);
+            return resolved;
+        }
+        catch (error) {
+            console.warn('QueryExecutorService: family lookup failed for', queryRtId, '— defaulting to runtime', error);
+            return 'runtime';
+        }
+    }
+    executeRuntime(queryRtId, options = {}) {
+        return this.runtimeGql.fetch({
+            variables: {
+                rtId: queryRtId,
+                first: options.first ?? undefined,
+                after: options.after ?? undefined,
+                fieldFilter: options.fieldFilter ?? undefined
+            },
+            fetchPolicy: options.forceRefresh ? 'network-only' : 'cache-first'
+        }).pipe(map$1(result => {
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem) {
+                return { family: 'runtime', ...EMPTY_RESULT_BASE };
+            }
+            return {
+                family: 'runtime',
+                queryRtId: queryItem.queryRtId ?? null,
+                associatedCkTypeId: queryItem.associatedCkTypeId ?? null,
+                columns: this.mapColumns(queryItem.columns),
+                rows: this.mapRuntimeRows(queryItem.rows?.items),
+                totalCount: queryItem.rows?.totalCount ?? 0,
+                hasNextPage: queryItem.rows?.pageInfo?.hasNextPage ?? false,
+                endCursor: queryItem.rows?.pageInfo?.endCursor ?? null
+            };
+        }));
+    }
+    executeStreamData(queryRtId, options = {}) {
+        const arg = options.streamDataArgs ? this.buildStreamDataArg(options.streamDataArgs) : undefined;
+        return this.streamDataGql.fetch({
+            variables: {
+                rtId: queryRtId,
+                first: options.first ?? undefined,
+                after: options.after ?? undefined,
+                sortOrder: options.sortOrder ?? undefined,
+                fieldFilter: options.fieldFilter ?? undefined,
+                arg
+            },
+            fetchPolicy: options.forceRefresh ? 'network-only' : 'cache-first'
+        }).pipe(map$1(result => {
+            const queryItem = result.data?.streamData?.streamDataQuery?.items?.[0];
+            if (!queryItem) {
+                return { family: 'streamData', ...EMPTY_RESULT_BASE };
+            }
+            return {
+                family: 'streamData',
+                queryRtId: queryItem.queryRtId ?? null,
+                associatedCkTypeId: queryItem.associatedCkTypeId ?? null,
+                columns: this.mapColumns(queryItem.columns),
+                rows: this.mapStreamDataRows(queryItem.rows?.items),
+                totalCount: queryItem.rows?.totalCount ?? 0,
+                hasNextPage: queryItem.rows?.pageInfo?.hasNextPage ?? false,
+                endCursor: queryItem.rows?.pageInfo?.endCursor ?? null
+            };
+        }));
+    }
+    buildStreamDataArg(args) {
+        const hasOverride = args.from != null || args.to != null || args.interval != null || args.limit != null || args.queryMode != null;
+        if (!hasOverride) {
+            return undefined;
+        }
+        return {
+            from: args.from ?? undefined,
+            to: args.to ?? undefined,
+            interval: args.interval ?? undefined,
+            limit: args.limit ?? undefined,
+            queryMode: args.queryMode ?? QueryModeDto.DefaultDto
+        };
+    }
+    mapColumns(columns) {
+        if (!columns)
+            return [];
+        const result = [];
+        for (const col of columns) {
+            if (!col?.attributePath)
+                continue;
+            result.push({
+                attributePath: col.attributePath,
+                attributeValueType: col.attributeValueType ?? null,
+                aggregationType: col.aggregationType ?? null
+            });
+        }
+        return result;
+    }
+    mapRuntimeRows(rows) {
+        if (!rows)
+            return [];
+        const result = [];
+        for (const row of rows) {
+            if (!row)
+                continue;
+            const r = row;
+            result.push({
+                __typename: r.__typename,
+                rtId: r.rtId ?? null,
+                ckTypeId: r.ckTypeId ?? null,
+                cells: this.mapCells(r.cells?.items)
+            });
+        }
+        return result;
+    }
+    mapStreamDataRows(rows) {
+        if (!rows)
+            return [];
+        const result = [];
+        for (const row of rows) {
+            if (!row)
+                continue;
+            const r = row;
+            const ckTypeId = typeof r.ckTypeId === 'string' ? r.ckTypeId : (r.ckTypeId?.fullName ?? null);
+            result.push({
+                __typename: r.__typename ?? 'StreamDataQueryRow',
+                rtId: r.rtId ?? null,
+                ckTypeId,
+                timestamp: r.timestamp ?? null,
+                rtWellKnownName: r.rtWellKnownName ?? null,
+                rtCreationDateTime: r.rtCreationDateTime ?? null,
+                rtChangedDateTime: r.rtChangedDateTime ?? null,
+                cells: this.mapCells(r.cells?.items)
+            });
+        }
+        return result;
+    }
+    mapCells(cells) {
+        if (!cells)
+            return [];
+        const result = [];
+        for (const cell of cells) {
+            if (!cell?.attributePath)
+                continue;
+            result.push({ attributePath: cell.attributePath, value: cell.value });
+        }
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: QueryExecutorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: QueryExecutorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: QueryExecutorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const GetAssociationTargetsDocumentDto = gql `
     query getAssociationTargets($rtId: OctoObjectId!, $ckTypeId: String!, $targetCkTypeId: String!, $roleId: String!, $direction: GraphDirection!, $first: Int, $attributeNames: [String]) {
   runtime {
@@ -2859,7 +3264,7 @@ class MeshBoardDataService {
     getDashboardEntityGQL = inject(GetDashboardEntityDtoGQL);
     getCkModelsWithStateGQL = inject(GetCkModelsWithStateDtoGQL);
     getEntitiesByCkTypeGQL = inject(GetEntitiesByCkTypeDtoGQL);
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     getAssociationTargetsGQL = inject(GetAssociationTargetsDtoGQL);
     getCkTypeAttributesGQL = inject(GetCkTypeAttributesForMeshboardDtoGQL);
     apollo = inject(Apollo);
@@ -3070,8 +3475,10 @@ class MeshBoardDataService {
     async fetchRepeaterData(dataSource) {
         const maxItems = dataSource.maxItems ?? 50;
         if (dataSource.queryRtId) {
-            // Query Mode: Execute persistent query
-            return this.fetchRepeaterFromQuery(dataSource.queryRtId, maxItems);
+            // Query Mode: Execute persistent query (runtime or stream-data).
+            // `queryFamily` may be undefined for legacy configs — the executor falls
+            // back to a one-time lookup keyed by rtId.
+            return this.fetchRepeaterFromQuery(dataSource.queryFamily, dataSource.queryRtId, maxItems);
         }
         else if (dataSource.ckTypeId) {
             // Entity Mode: Load entities by CK type
@@ -3081,49 +3488,33 @@ class MeshBoardDataService {
         return [];
     }
     /**
-     * Fetches repeater data from a persistent query.
-     * Maps query rows to RepeaterDataItem objects.
+     * Fetches repeater data from a persistent query (runtime or stream-data).
+     * Always sends `streamDataArgs` when a time filter is active — the runtime
+     * path ignores the field, so this is safe regardless of the resolved family.
      */
-    async fetchRepeaterFromQuery(queryRtId, maxItems) {
+    async fetchRepeaterFromQuery(family, queryRtId, maxItems) {
         try {
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: queryRtId,
-                    first: maxItems
-                }
+            const streamDataArgs = this.buildRepeaterStreamDataArgs();
+            const result = await firstValueFrom(this.queryExecutor.execute(family, queryRtId, {
+                first: maxItems,
+                streamDataArgs
             }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                return [];
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                return [];
-            }
-            const rows = queryResult.rows?.items ?? [];
             const items = [];
-            for (const row of rows) {
-                if (!row)
-                    continue;
-                // Extract rtId from RtSimpleQueryRow if available
+            for (const row of result.rows) {
                 const rtId = row.rtId ?? `row-${items.length}`;
-                const ckTypeId = row.ckTypeId ?? queryResult.associatedCkTypeId ?? '';
-                // Build attributes map from cells
+                const ckTypeId = row.ckTypeId ?? result.associatedCkTypeId ?? '';
+                // Build attributes map from cells; expose both sanitised (`a_b`) and
+                // original (`a.b`) keys so widget configs can address either form.
                 const attributes = new Map();
-                const cells = row.cells?.items ?? [];
-                for (const cell of cells) {
-                    if (!cell?.attributePath)
-                        continue;
-                    // Sanitize the attribute path (replace dots with underscores)
+                for (const cell of row.cells) {
                     const sanitizedPath = cell.attributePath.replace(/\./g, '_');
                     attributes.set(sanitizedPath, cell.value);
-                    // Also store with original path for flexibility
                     attributes.set(cell.attributePath, cell.value);
                 }
                 items.push({
                     rtId,
-                    ckTypeId,
-                    rtWellKnownName: attributes.get('rtWellKnownName'),
+                    ckTypeId: ckTypeId ?? '',
+                    rtWellKnownName: row.rtWellKnownName ?? attributes.get('rtWellKnownName'),
                     attributes
                 });
             }
@@ -3134,6 +3525,13 @@ class MeshBoardDataService {
             return [];
         }
     }
+    buildRepeaterStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     /**
      * Fetches repeater data from entities by CK type.
      * Maps entities to RepeaterDataItem objects.
@@ -4252,9 +4650,19 @@ function processPieChartData(rows, categoryField, valueField) {
 
 class KpiWidgetComponent {
     dataService = inject(DashboardDataService);
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
+    /**
+     * Row __typenames KPI extraction recognises.
+     * Runtime queries discriminate; stream-data queries collapse all kinds
+     * (simple / aggregation / grouped / downsampling) into `StreamDataQueryRow`.
+     */
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     config;
     arrowUpIcon = arrowUpIcon;
     arrowDownIcon = arrowDownIcon;
@@ -4506,43 +4914,29 @@ class KpiWidgetComponent {
         this._isLoading.set(true);
         this._error.set(null);
         try {
-            // Convert widget filters to GraphQL format
             const fieldFilter = this.convertFiltersToDto(this.config.filters);
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: dataSource.queryRtId,
-                    fieldFilter
-                }
+            // queryFamily may be undefined for legacy widget configs — the executor
+            // falls back to a one-time lookup by rtId. streamDataArgs is sent
+            // unconditionally because the runtime path ignores it.
+            const streamDataArgs = this.buildStreamDataArgs();
+            const result = await firstValueFrom(this.queryExecutor.execute(dataSource.queryFamily, dataSource.queryRtId, {
+                fieldFilter: fieldFilter ?? undefined,
+                streamDataArgs
             }).pipe(catchError(err => {
                 console.error('Error loading KPI query data:', err);
                 throw err;
             })));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                this._error.set('Query returned no results');
-                this._isLoading.set(false);
-                return;
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                this._error.set('Query returned no results');
-                this._isLoading.set(false);
-                return;
-            }
             let value = 0;
             const queryMode = this.config.queryMode ?? 'simpleCount';
             switch (queryMode) {
                 case 'simpleCount':
-                    // Use totalCount from the query
-                    value = queryResult.rows?.totalCount ?? 0;
+                    value = result.totalCount;
                     break;
                 case 'aggregation':
-                    // Get the single value from aggregation query (1 row, 1 column)
-                    value = this.extractAggregationValue(queryResult);
+                    value = this.extractAggregationValue(result);
                     break;
                 case 'groupedAggregation':
-                    // Find the row matching the selected category and get its value
-                    value = this.extractGroupedAggregationValue(queryResult);
+                    value = this.extractGroupedAggregationValue(result);
                     break;
             }
             // Create a synthetic entity with the value
@@ -4561,48 +4955,39 @@ class KpiWidgetComponent {
             this._isLoading.set(false);
         }
     }
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     extractAggregationValue(queryResult) {
-        const rows = queryResult.rows?.items ?? [];
-        const supportedRowTypes = ['RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-        // Get the first row
-        const firstRow = rows.find(row => row && supportedRowTypes.includes(row.__typename ?? ''));
+        const firstRow = queryResult.rows.find(row => KpiWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
         if (!firstRow)
             return 0;
-        const queryRow = firstRow;
-        const cells = queryRow.cells?.items ?? [];
-        // Find the value field or use the first cell
         const valueField = this.config.queryValueField;
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
+        for (const cell of firstRow.cells) {
             if (valueField && matchesAttributePath(cell.attributePath, valueField)) {
                 return this.extractCellValue(cell.value);
             }
         }
         // Fallback: return first cell value if no specific field configured
-        const firstCell = cells.find(c => c !== null);
-        return firstCell ? this.extractCellValue(firstCell.value) : 0;
+        return firstRow.cells.length > 0 ? this.extractCellValue(firstRow.cells[0].value) : 0;
     }
     extractGroupedAggregationValue(queryResult) {
-        const rows = queryResult.rows?.items ?? [];
-        const supportedRowTypes = ['RtGroupingAggregationQueryRow', 'RtAggregationQueryRow'];
         const categoryField = this.config.queryCategoryField;
         const categoryValue = this.config.queryCategoryValue;
         const valueField = this.config.queryValueField;
         if (!categoryField || !categoryValue || !valueField) {
             return 0;
         }
-        // Find the row where category matches
-        for (const row of rows) {
-            if (!row || !supportedRowTypes.includes(row.__typename ?? ''))
+        for (const row of queryResult.rows) {
+            if (!KpiWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''))
                 continue;
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let categoryMatch = false;
             let value = 0;
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, categoryField) && String(cell.value) === categoryValue) {
                     categoryMatch = true;
                 }
@@ -4692,8 +5077,18 @@ class KpiConfigDialogComponent {
     getEntitiesByCkTypeGQL = inject(GetEntitiesByCkTypeDtoGQL);
     ckTypeSelectorService = inject(CkTypeSelectorService);
     attributeSelectorService = inject(AttributeSelectorService);
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    /**
+     * Row __typenames the dialog recognises when collecting distinct category
+     * values from a query result for the grouped-aggregation category picker.
+     */
+    static INTROSPECTION_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     meshBoardStateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
     ckTypeSelectorInput;
@@ -4712,6 +5107,7 @@ class KpiConfigDialogComponent {
     initialDataSourceType;
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialQueryMode;
     initialQueryValueField;
     initialQueryCategoryField;
@@ -4985,6 +5381,7 @@ class KpiConfigDialogComponent {
             return;
         }
         if (this.dataSourceType === 'persistentQuery' && this.selectedPersistentQuery) {
+            const family = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
             this.windowRef.close({
                 dataSourceType: 'persistentQuery',
                 ckTypeId: '',
@@ -4992,6 +5389,7 @@ class KpiConfigDialogComponent {
                 valueAttribute: '',
                 queryRtId: this.selectedPersistentQuery.rtId,
                 queryName: this.selectedPersistentQuery.name,
+                queryFamily: family,
                 queryMode: this.queryMode,
                 queryValueField: this.form.queryValueField || undefined,
                 queryCategoryField: this.form.queryCategoryField || undefined,
@@ -5058,35 +5456,16 @@ class KpiConfigDialogComponent {
         const rtId = queryRtId || this.selectedPersistentQuery?.rtId;
         if (!rtId)
             return;
+        // queryFamily may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         this.isLoadingQueryColumns = true;
         try {
-            // Metadata-only fetch — column resolver runs off the cached query definition
-            // without executing the underlying aggregation, so the dialog opens fast even
-            // for queries that aggregate over large data sets.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: rtId
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const columns = queryItems[0].columns ?? [];
-                const filteredColumns = columns
-                    .filter((c) => c !== null);
-                // Column AttributePath is already in the engine's wire form for aggregation /
-                // grouping columns (e.g. `quantity_sum`, `operatingstatus`) so picker entries
-                // double as both the visible label and the stored config value, and MIN + MAX
-                // of the same source path show up as two distinct entries.
-                this.queryColumns = filteredColumns.map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                // Category values for grouped aggregation are loaded on-demand by
-                // loadCategoryValuesForField — only when a categoryField is actually selected.
-                if (this.queryMode === 'groupedAggregation' && this.form.queryCategoryField) {
-                    await this.loadCategoryValuesForField(rtId, this.form.queryCategoryField);
-                }
+            this.queryColumns = await this.fetchColumnsForFamily(family, rtId);
+            // Category values for grouped aggregation are loaded on-demand by
+            // loadCategoryValuesForField — only when a categoryField is actually selected.
+            if (this.queryColumns.length > 0 && this.queryMode === 'groupedAggregation' && this.form.queryCategoryField) {
+                await this.loadCategoryValuesForField(rtId, this.form.queryCategoryField);
             }
         }
         catch (error) {
@@ -5097,6 +5476,40 @@ class KpiConfigDialogComponent {
             this.isLoadingQueryColumns = false;
         }
     }
+    /**
+     * Loads column metadata for the picker. Runtime queries use the
+     * metadata-only resolver (no aggregation executed); stream-data queries
+     * fall back to executing the query with `first: 1`. When `family` is
+     * unknown (legacy configs), the executor resolves it once by rtId lookup.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                // Column AttributePath is already in the engine's wire form for aggregation /
+                // grouping columns (e.g. `quantity_sum`, `operatingstatus`) so picker entries
+                // double as both the visible label and the stored config value.
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        // Stream-data: execute with a tiny page just to surface columns.
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     async onCategoryFieldChange(categoryField) {
         this.form.queryCategoryField = categoryField;
         this.form.queryCategoryValue = '';
@@ -5108,36 +5521,23 @@ class KpiConfigDialogComponent {
     async loadCategoryValuesForField(queryRtId, categoryField) {
         this.isLoadingCategoryValues = true;
         try {
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: queryRtId,
-                    first: 100
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const queryResult = queryItems[0];
-                const rows = queryResult.rows?.items ?? [];
-                const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-                const values = new Set();
-                for (const row of rows) {
-                    if (!row || !supportedRowTypes.includes(row.__typename ?? ''))
-                        continue;
-                    const queryRow = row;
-                    const cells = queryRow.cells?.items ?? [];
-                    for (const cell of cells) {
-                        if (!cell?.attributePath)
-                            continue;
-                        if (matchesAttributePath(cell.attributePath, categoryField) && cell.value !== null && cell.value !== undefined) {
-                            values.add(String(cell.value));
-                        }
+            // family may be undefined here — the executor falls back to a lookup.
+            const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
+            const result = await firstValueFrom(this.queryExecutor.execute(family, queryRtId, { first: 100 }));
+            const values = new Set();
+            for (const row of result.rows) {
+                if (!KpiConfigDialogComponent.INTROSPECTION_ROW_TYPES.has(row.__typename ?? ''))
+                    continue;
+                for (const cell of row.cells) {
+                    if (matchesAttributePath(cell.attributePath, categoryField) && cell.value !== null && cell.value !== undefined) {
+                        values.add(String(cell.value));
                     }
                 }
-                this.categoryValues = Array.from(values).map(v => ({
-                    value: v,
-                    displayValue: v
-                }));
             }
+            this.categoryValues = Array.from(values).map(v => ({
+                value: v,
+                displayValue: v
+            }));
         }
         catch (error) {
             console.error('Error loading category values:', error);
@@ -5154,7 +5554,7 @@ class KpiConfigDialogComponent {
         this.filters = updatedFilters;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: KpiConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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", 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: "21.2.17", 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", 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">
@@ -5524,7 +5924,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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: KpiConfigDialogComponent, decorators: [{
             type: Component,
@@ -5941,6 +6341,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialQueryMode: [{
                 type: Input
             }], initialQueryValueField: [{
@@ -7364,7 +7766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  */
 class TableWidgetDataSourceDirective extends OctoGraphQlDataSource {
     getEntitiesByCkTypeGQL = inject(GetEntitiesByCkTypeDtoGQL);
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
     _config = null;
@@ -7493,86 +7895,81 @@ class TableWidgetDataSourceDirective extends OctoGraphQlDataSource {
         }
     }
     /**
-     * Fetches data from a persistent query.
-     * Extracts columns from the query response and transforms cells to flat records.
+     * Row __typenames the table widget knows how to flatten. Runtime queries
+     * use three discriminated variants; stream-data queries collapse all
+     * kinds (simple / aggregation / grouped / downsampling) into a single
+     * `StreamDataQueryRow` type.
+     */
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
+    /**
+     * Fetches data from a persistent query (runtime or stream-data).
+     * Family is determined from the cached `queryFamily` on the data source
+     * (set by the config dialog when the user picks a query) and defaults to
+     * `'runtime'` for legacy configs that predate stream-data support.
      */
     fetchPersistentQueryData(dataSource, queryOptions) {
-        // Convert widget-configured filters to GraphQL format (with variable resolution)
         const fieldFilter = this.convertFiltersToDto(this._config?.filters);
-        return this.executeRuntimeQueryGQL.fetch({
-            variables: {
-                rtId: dataSource.queryRtId,
-                first: queryOptions.state.take ?? this._config?.pageSize ?? 10,
-                after: GraphQL.offsetToCursor(queryOptions.state.skip ?? 0),
-                fieldFilter
-            }
+        // queryFamily may be undefined for legacy widget configs — the executor
+        // falls back to a one-time lookup by rtId. streamDataArgs is sent
+        // unconditionally because the runtime path ignores it.
+        //
+        // Precedence: MeshBoard time filter > query's intrinsic time bounds.
+        // When no time filter is active, the persistent query uses its own bounds.
+        const streamDataArgs = this.buildStreamDataArgs();
+        return this.queryExecutor.execute(dataSource.queryFamily, dataSource.queryRtId, {
+            first: queryOptions.state.take ?? this._config?.pageSize ?? 10,
+            after: GraphQL.offsetToCursor(queryOptions.state.skip ?? 0),
+            fieldFilter: fieldFilter ?? undefined,
+            streamDataArgs
         }).pipe(map$1(result => {
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                return new FetchResultTyped([], 0);
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                return new FetchResultTyped([], 0);
-            }
-            // Extract columns from query response and update signal
-            // Replace dots with underscores for grid compatibility (Kendo treats dots as nested paths)
-            const columns = (queryResult.columns ?? [])
-                .filter((c) => c !== null)
-                .map(c => ({
-                attributePath: this.sanitizeFieldName(c.attributePath ?? ''),
+            // Extract columns from query response and update signal.
+            // Replace dots with underscores for grid compatibility (Kendo treats dots as nested paths).
+            const columns = result.columns.map(c => ({
+                attributePath: this.sanitizeFieldName(c.attributePath),
                 attributeValueType: c.attributeValueType ?? ''
             }));
             this._queryColumns.set(columns);
-            // Emit event to notify component that columns have been loaded
             this.queryColumnsLoaded.emit(columns);
-            // Extract rows
-            const rows = queryResult.rows?.items ?? [];
-            const totalCount = queryResult.rows?.totalCount ?? 0;
-            // Check which standard fields are in the query columns
             const columnPaths = new Set(columns.map(c => c.attributePath));
             const hasRtIdColumn = columnPaths.has('rtId');
             const hasCkTypeIdColumn = columnPaths.has('ckTypeId');
-            // Transform rows to flat records (handle union type by checking __typename)
-            // Support RtSimpleQueryRow, RtAggregationQueryRow, and RtGroupingAggregationQueryRow
-            const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-            const data = rows
-                .filter((row) => row !== null)
-                .filter(row => supportedRowTypes.includes(row.__typename ?? ''))
-                .map((row, index) => {
-                // Both row types have ckTypeId and cells, but only RtSimpleQueryRow has rtId
-                const queryRow = row;
-                const record = {};
-                // Only add rtId/ckTypeId if they're explicitly in the query columns
-                if (hasRtIdColumn) {
-                    record['rtId'] = queryRow.rtId ?? `agg-${index}`;
-                }
-                if (hasCkTypeIdColumn) {
-                    record['ckTypeId'] = queryRow.ckTypeId ?? '';
-                }
-                // Flatten cells into the record. Each cell is stored under the COLUMN's
-                // attributePath (which is what the Kendo grid uses as `field`) rather than
-                // the cell's own attributePath — the two may differ now that the engine
-                // emits cell paths in wire-form with a function suffix
-                // (e.g. cell path `meterreading_count` for column path `meterReading`).
-                // `matchesAttributePath` reconciles both forms.
-                const cells = queryRow.cells?.items ?? [];
-                for (const cell of cells) {
-                    if (!cell?.attributePath)
-                        continue;
-                    const matchingColumn = columns.find(col => matchesAttributePath(cell.attributePath, col.attributePath));
-                    if (matchingColumn) {
-                        record[matchingColumn.attributePath] = cell.value;
-                    }
-                }
-                return record;
-            });
-            return new FetchResultTyped(data, totalCount);
+            const data = result.rows
+                .filter(row => TableWidgetDataSourceDirective.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''))
+                .map((row, index) => this.queryRowToRecord(row, columns, hasRtIdColumn, hasCkTypeIdColumn, index));
+            return new FetchResultTyped(data, result.totalCount);
         }), catchError$1(err => {
             console.error('Error fetching query data:', err);
             return of(new FetchResultTyped([], 0));
         }));
     }
+    /**
+     * Flattens a unified `QueryResultRow` into a Kendo-grid-friendly record.
+     * Cells are stored under their matching column's `attributePath` rather than
+     * the cell's own — the engine emits cell paths in wire-form with a function
+     * suffix (e.g. cell path `meterreading_count` for column path `meterReading`).
+     * `matchesAttributePath` reconciles both forms.
+     */
+    queryRowToRecord(row, columns, hasRtIdColumn, hasCkTypeIdColumn, index) {
+        const record = {};
+        if (hasRtIdColumn) {
+            record['rtId'] = row.rtId ?? `agg-${index}`;
+        }
+        if (hasCkTypeIdColumn) {
+            record['ckTypeId'] = row.ckTypeId ?? '';
+        }
+        for (const cell of row.cells) {
+            const matchingColumn = columns.find(col => matchesAttributePath(cell.attributePath, col.attributePath));
+            if (matchingColumn) {
+                record[matchingColumn.attributePath] = cell.value;
+            }
+        }
+        return record;
+    }
     /**
      * Converts query columns to TableColumn format for display.
      */
@@ -7615,6 +8012,18 @@ class TableWidgetDataSourceDirective extends OctoGraphQlDataSource {
         const variables = this.stateService.getVariables();
         return this.variableService.convertToFieldFilterDto(filters, variables);
     }
+    /**
+     * Builds `StreamDataExecutionArgs` from the MeshBoard's current time filter.
+     * Returns `undefined` when no filter is active so the persistent query's
+     * own bounds apply.
+     */
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableWidgetDataSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: TableWidgetDataSourceDirective, isStandalone: true, selector: "[mmTableWidgetDataSource]", inputs: { config: "config" }, outputs: { queryColumnsLoaded: "queryColumnsLoaded" }, providers: [
             {
@@ -7850,6 +8259,7 @@ class TableConfigDialogComponent {
     initialSortable;
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     columnsIcon = columnsIcon;
     sortIcon = sortAscIcon;
     filterIcon = filterIcon;
@@ -8071,6 +8481,9 @@ class TableConfigDialogComponent {
                 operator: f.operator,
                 comparisonValue: f.comparisonValue
             }));
+            // Derive family from the selected query's CK type so the runtime executor
+            // can route correctly without an extra lookup.
+            const family = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
             this.windowRef.close({
                 dataSourceType: 'persistentQuery',
                 ckTypeId: '', // Not used for persistent query
@@ -8079,6 +8492,7 @@ class TableConfigDialogComponent {
                 filters: queryFilterDtos,
                 queryRtId: this.selectedPersistentQuery.rtId,
                 queryName: this.selectedPersistentQuery.name,
+                queryFamily: family,
                 pageSize: this.form.pageSize,
                 sortable: this.form.sortable
             });
@@ -8095,7 +8509,7 @@ class TableConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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" }, 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: `
@@ -8298,7 +8712,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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableConfigDialogComponent, decorators: [{
             type: Component,
@@ -8545,6 +8959,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }] } });
 
 class GaugeWidgetComponent {
@@ -8563,7 +8979,12 @@ class GaugeWidgetComponent {
         },
     ];
     dataService = inject(DashboardDataService);
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
     config;
@@ -8673,43 +9094,29 @@ class GaugeWidgetComponent {
         this._isLoading.set(true);
         this._error.set(null);
         try {
-            // Convert widget filters to GraphQL format
             const fieldFilter = this.convertFiltersToDto(this.config.filters);
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: dataSource.queryRtId,
-                    fieldFilter
-                }
+            // queryFamily may be undefined for legacy widget configs — the executor
+            // falls back to a one-time lookup by rtId. streamDataArgs is sent
+            // unconditionally because the runtime path ignores it.
+            const streamDataArgs = this.buildStreamDataArgs();
+            const result = await firstValueFrom(this.queryExecutor.execute(dataSource.queryFamily, dataSource.queryRtId, {
+                fieldFilter: fieldFilter ?? undefined,
+                streamDataArgs
             }).pipe(catchError(err => {
                 console.error('Error loading Gauge query data:', err);
                 throw err;
             })));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                this._error.set('Query returned no results');
-                this._isLoading.set(false);
-                return;
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                this._error.set('Query returned no results');
-                this._isLoading.set(false);
-                return;
-            }
             let value = 0;
             const queryMode = this.config.queryMode ?? 'simpleCount';
             switch (queryMode) {
                 case 'simpleCount':
-                    // Use totalCount from the query
-                    value = queryResult.rows?.totalCount ?? 0;
+                    value = result.totalCount;
                     break;
                 case 'aggregation':
-                    // Get the single value from aggregation query (1 row, 1 column)
-                    value = this.extractAggregationValue(queryResult);
+                    value = this.extractAggregationValue(result);
                     break;
                 case 'groupedAggregation':
-                    // Find the row matching the selected category and get its value
-                    value = this.extractGroupedAggregationValue(queryResult);
+                    value = this.extractGroupedAggregationValue(result);
                     break;
             }
             // Create a synthetic entity with the value
@@ -8728,48 +9135,38 @@ class GaugeWidgetComponent {
             this._isLoading.set(false);
         }
     }
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     extractAggregationValue(queryResult) {
-        const rows = queryResult.rows?.items ?? [];
-        const supportedRowTypes = ['RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-        // Get the first row
-        const firstRow = rows.find(row => row && supportedRowTypes.includes(row.__typename ?? ''));
+        const firstRow = queryResult.rows.find(row => GaugeWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
         if (!firstRow)
             return 0;
-        const queryRow = firstRow;
-        const cells = queryRow.cells?.items ?? [];
-        // Find the value field or use the first numeric cell
         const valueField = this.config.queryValueField;
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
+        for (const cell of firstRow.cells) {
             if (valueField && matchesAttributePath(cell.attributePath, valueField)) {
                 return this.parseNumericValue(cell.value);
             }
         }
-        // Fallback: return first cell value if no specific field configured
-        const firstCell = cells.find(c => c !== null);
-        return firstCell ? this.parseNumericValue(firstCell.value) : 0;
+        return firstRow.cells.length > 0 ? this.parseNumericValue(firstRow.cells[0].value) : 0;
     }
     extractGroupedAggregationValue(queryResult) {
-        const rows = queryResult.rows?.items ?? [];
-        const supportedRowTypes = ['RtGroupingAggregationQueryRow', 'RtAggregationQueryRow'];
         const categoryField = this.config.queryCategoryField;
         const categoryValue = this.config.queryCategoryValue;
         const valueField = this.config.queryValueField;
         if (!categoryField || !categoryValue || !valueField) {
             return 0;
         }
-        // Find the row where category matches
-        for (const row of rows) {
-            if (!row || !supportedRowTypes.includes(row.__typename ?? ''))
+        for (const row of queryResult.rows) {
+            if (!GaugeWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''))
                 continue;
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let categoryMatch = false;
             let value = 0;
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, categoryField) && String(cell.value) === categoryValue) {
                     categoryMatch = true;
                 }
@@ -9157,8 +9554,18 @@ class GaugeConfigDialogComponent {
     getEntitiesByCkTypeGQL = inject(GetEntitiesByCkTypeDtoGQL);
     ckTypeSelectorService = inject(CkTypeSelectorService);
     attributeSelectorService = inject(AttributeSelectorService);
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    /**
+     * Row __typenames the dialog recognises when collecting distinct category
+     * values from a query result for the grouped-aggregation category picker.
+     */
+    static INTROSPECTION_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     meshBoardStateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
     ckTypeSelectorInput;
@@ -9181,6 +9588,7 @@ class GaugeConfigDialogComponent {
     initialDataSourceType;
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialQueryMode;
     initialQueryValueField;
     initialQueryCategoryField;
@@ -9428,6 +9836,7 @@ class GaugeConfigDialogComponent {
             }))
             : undefined;
         if (this.dataSourceType === 'persistentQuery' && this.selectedPersistentQuery) {
+            const family = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
             this.windowRef.close({
                 dataSourceType: 'persistentQuery',
                 ckTypeId: '',
@@ -9435,6 +9844,7 @@ class GaugeConfigDialogComponent {
                 valueAttribute: '',
                 queryRtId: this.selectedPersistentQuery.rtId,
                 queryName: this.selectedPersistentQuery.name,
+                queryFamily: family,
                 queryMode: this.queryMode,
                 queryValueField: this.form.queryValueField || undefined,
                 queryCategoryField: this.form.queryCategoryField || undefined,
@@ -9507,31 +9917,13 @@ class GaugeConfigDialogComponent {
     }
     async loadQueryColumnsAndValues(queryRtId) {
         this.isLoadingQueryColumns = true;
+        // queryFamily may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            // Metadata-only fetch — skips backend aggregation execution so the dialog opens
-            // fast even for large data sets.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: queryRtId
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const columns = queryItems[0].columns ?? [];
-                const filteredColumns = columns
-                    .filter((c) => c !== null);
-                // Engine emits column attributePath in wire form for aggregation / grouping
-                // columns, so the picker can use it as both label and stored value verbatim.
-                this.queryColumns = filteredColumns.map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                // Category values for grouped aggregation are loaded on-demand by
-                // loadCategoryValuesForField — only when a categoryField is actually selected.
-                if (this.queryMode === 'groupedAggregation' && this.form.queryCategoryField) {
-                    await this.loadCategoryValuesForField(queryRtId, this.form.queryCategoryField);
-                }
+            this.queryColumns = await this.fetchColumnsForFamily(family, queryRtId);
+            if (this.queryColumns.length > 0 && this.queryMode === 'groupedAggregation' && this.form.queryCategoryField) {
+                await this.loadCategoryValuesForField(queryRtId, this.form.queryCategoryField);
             }
         }
         catch (error) {
@@ -9542,6 +9934,36 @@ class GaugeConfigDialogComponent {
             this.isLoadingQueryColumns = false;
         }
     }
+    /**
+     * Runtime queries use the metadata-only resolver (no aggregation executed);
+     * stream-data queries fall back to executing the query with `first: 1`.
+     * When `family` is unknown (legacy configs), the executor resolves it once
+     * by rtId lookup.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     async onCategoryFieldChange(categoryField) {
         this.form.queryCategoryField = categoryField;
         this.form.queryCategoryValue = '';
@@ -9552,37 +9974,24 @@ class GaugeConfigDialogComponent {
     }
     async loadCategoryValuesForField(queryRtId, categoryField) {
         this.isLoadingCategoryValues = true;
+        // family may be undefined — the executor falls back to a lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: queryRtId,
-                    first: 100
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const queryResult = queryItems[0];
-                const rows = queryResult.rows?.items ?? [];
-                const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-                const values = new Set();
-                for (const row of rows) {
-                    if (!row || !supportedRowTypes.includes(row.__typename ?? ''))
-                        continue;
-                    const queryRow = row;
-                    const cells = queryRow.cells?.items ?? [];
-                    for (const cell of cells) {
-                        if (!cell?.attributePath)
-                            continue;
-                        if (matchesAttributePath(cell.attributePath, categoryField) && cell.value !== null && cell.value !== undefined) {
-                            values.add(String(cell.value));
-                        }
+            const result = await firstValueFrom(this.queryExecutor.execute(family, queryRtId, { first: 100 }));
+            const values = new Set();
+            for (const row of result.rows) {
+                if (!GaugeConfigDialogComponent.INTROSPECTION_ROW_TYPES.has(row.__typename ?? ''))
+                    continue;
+                for (const cell of row.cells) {
+                    if (matchesAttributePath(cell.attributePath, categoryField) && cell.value !== null && cell.value !== undefined) {
+                        values.add(String(cell.value));
                     }
                 }
-                this.categoryValues = Array.from(values).map(v => ({
-                    value: v,
-                    displayValue: v
-                }));
             }
+            this.categoryValues = Array.from(values).map(v => ({
+                value: v,
+                displayValue: v
+            }));
         }
         catch (error) {
             console.error('Error loading category values:', error);
@@ -9599,7 +10008,7 @@ class GaugeConfigDialogComponent {
         this.filters = updatedFilters;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GaugeConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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", 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: "21.2.17", 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", 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">
@@ -9997,7 +10406,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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GaugeConfigDialogComponent, decorators: [{
             type: Component,
@@ -10450,6 +10859,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialQueryMode: [{
                 type: Input
             }], initialQueryValueField: [{
@@ -10463,7 +10874,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class PieChartWidgetComponent {
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     dataService = inject(MeshBoardDataService);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
@@ -10588,35 +11005,22 @@ class PieChartWidgetComponent {
      * Note: isNotConfigured() check in loadData() ensures queryRtId is set.
      */
     async loadPersistentQueryData(dataSource) {
-        // Convert widget filters to GraphQL format
         const fieldFilter = this.convertFiltersToDto(this.config.filters);
-        const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-            variables: {
-                rtId: dataSource.queryRtId,
-                fieldFilter
-            }
+        // queryFamily may be undefined for legacy widget configs — the executor
+        // falls back to a one-time lookup by rtId. streamDataArgs is sent
+        // unconditionally because the runtime path ignores it.
+        const streamDataArgs = this.buildStreamDataArgs();
+        const result = await firstValueFrom(this.queryExecutor.execute(dataSource.queryFamily, dataSource.queryRtId, {
+            fieldFilter: fieldFilter ?? undefined,
+            streamDataArgs
         }).pipe(catchError(err => {
             console.error('Error loading Pie Chart data:', err);
             throw err;
         })));
-        const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-        if (queryItems.length === 0) {
-            this._chartData.set([]);
-            this._isLoading.set(false);
-            return;
-        }
-        const queryResult = queryItems[0];
-        if (!queryResult) {
-            this._chartData.set([]);
-            this._isLoading.set(false);
-            return;
-        }
         // Extract columns to verify configured fields are present. Both forms (original CK
         // path and engine wire-form) are accepted so saved configs survive the engine's
         // switch to wire-form keys without a migration.
-        const columnPaths = (queryResult.columns ?? [])
-            .filter((c) => c !== null)
-            .map(c => c.attributePath ?? '');
+        const columnPaths = result.columns.map(c => c.attributePath);
         const categoryFieldPresent = columnPaths.some(p => matchesAttributePath(p, this.config.categoryField));
         const valueFieldPresent = columnPaths.some(p => matchesAttributePath(p, this.config.valueField));
         if (!categoryFieldPresent || !valueFieldPresent) {
@@ -10624,20 +11028,12 @@ class PieChartWidgetComponent {
             this._isLoading.set(false);
             return;
         }
-        // Extract rows and transform to chart data
-        const rows = queryResult.rows?.items ?? [];
-        const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-        const chartData = rows
-            .filter((row) => row !== null)
-            .filter(row => supportedRowTypes.includes(row.__typename ?? ''))
+        const chartData = result.rows
+            .filter(row => PieChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''))
             .map(row => {
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let category = '';
             let value = 0;
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, this.config.categoryField)) {
                     category = String(cell.value ?? '');
                 }
@@ -10652,6 +11048,13 @@ class PieChartWidgetComponent {
         this._chartData.set(chartData);
         this._isLoading.set(false);
     }
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     /**
      * Converts widget filter configuration to GraphQL FieldFilterDto format.
      * Resolves MeshBoard variables in filter values before conversion.
@@ -10755,6 +11158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  */
 class PieChartConfigDialogComponent {
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
     querySelector;
@@ -10762,6 +11166,7 @@ class PieChartConfigDialogComponent {
     initialDataSourceType;
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialChartType;
     initialCategoryField;
     initialValueField;
@@ -10922,37 +11327,19 @@ class PieChartConfigDialogComponent {
     }
     async loadQueryColumns(queryRtId) {
         this.isLoadingColumns = true;
+        // family may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            // Metadata-only query: column resolver runs off the cached query definition without
-            // touching the row execution path, so the dialog opens fast even when the underlying
-            // persistent query aggregates over a large data set.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: queryRtId
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const columns = queryItems[0].columns ?? [];
-                const filteredColumns = columns
-                    .filter((c) => c !== null);
-                // Engine emits column attributePath in wire form for aggregation / grouping
-                // columns (e.g. `quantity_sum`, `operatingstatus`); picker uses it verbatim.
-                this.queryColumns = filteredColumns.map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                // Auto-select fields if only 2 columns (typical for grouped aggregations)
-                if (this.queryColumns.length === 2 && !this.form.categoryField && !this.form.valueField) {
-                    // Assume first column is category, second is value (typical pattern)
-                    const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
-                    const valueColumn = this.queryColumns.find(c => numericTypes.includes(c.attributeValueType));
-                    const categoryColumn = this.queryColumns.find(c => c !== valueColumn);
-                    if (valueColumn && categoryColumn) {
-                        this.form.valueField = valueColumn.attributePath;
-                        this.form.categoryField = categoryColumn.attributePath;
-                    }
+            this.queryColumns = await this.fetchColumnsForFamily(family, queryRtId);
+            // Auto-select fields if only 2 columns (typical for grouped aggregations)
+            if (this.queryColumns.length === 2 && !this.form.categoryField && !this.form.valueField) {
+                const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
+                const valueColumn = this.queryColumns.find(c => numericTypes.includes(c.attributeValueType));
+                const categoryColumn = this.queryColumns.find(c => c !== valueColumn);
+                if (valueColumn && categoryColumn) {
+                    this.form.valueField = valueColumn.attributePath;
+                    this.form.categoryField = categoryColumn.attributePath;
                 }
             }
         }
@@ -10964,6 +11351,35 @@ class PieChartConfigDialogComponent {
             this.isLoadingColumns = false;
         }
     }
+    /**
+     * Runtime queries use the metadata-only resolver (no aggregation executed);
+     * stream-data queries fall back to executing the query with `first: 1`
+     * because the SD path has no dedicated column-introspection endpoint today.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     onFiltersChange(updatedFilters) {
         this.filters = updatedFilters;
     }
@@ -10993,6 +11409,7 @@ class PieChartConfigDialogComponent {
                 return;
             result.queryRtId = this.selectedPersistentQuery.rtId;
             result.queryName = this.selectedPersistentQuery.name;
+            result.queryFamily = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
         }
         else if (this.form.dataSourceType === 'constructionKitQuery') {
             result.ckQueryTarget = this.form.ckQueryTarget;
@@ -11004,7 +11421,7 @@ class PieChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PieChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: PieChartConfigDialogComponent, isStandalone: true, selector: "mm-pie-chart-config-dialog", inputs: { initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", 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: "21.2.17", type: PieChartConfigDialogComponent, isStandalone: true, selector: "mm-pie-chart-config-dialog", inputs: { initialDataSourceType: "initialDataSourceType", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", 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">
@@ -11202,7 +11619,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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PieChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -11424,6 +11841,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialChartType: [{
                 type: Input
             }], initialCategoryField: [{
@@ -11453,7 +11872,13 @@ const CHART_TYPE_MAPPING = {
     stackedBar100: { type: 'bar', stack: '100%' }
 };
 class BarChartWidgetComponent {
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
     config;
@@ -11562,38 +11987,19 @@ class BarChartWidgetComponent {
         this._isLoading.set(true);
         this._error.set(null);
         try {
-            // Convert widget filters to GraphQL format
             const fieldFilter = this.convertFiltersToDto(this.config.filters);
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: queryDataSource.queryRtId,
-                    fieldFilter
-                }
+            // queryFamily may be undefined for legacy widget configs — the executor
+            // falls back to a one-time lookup by rtId. streamDataArgs is sent
+            // unconditionally because the runtime path ignores it.
+            const streamDataArgs = this.buildStreamDataArgs();
+            const result = await firstValueFrom(this.queryExecutor.execute(queryDataSource.queryFamily, queryDataSource.queryRtId, {
+                fieldFilter: fieldFilter ?? undefined,
+                streamDataArgs
             }).pipe(catchError(err => {
                 console.error('Error loading Bar Chart data:', err);
                 throw err;
             })));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                this._categories.set([]);
-                this._seriesData.set([]);
-                this._isLoading.set(false);
-                return;
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                this._categories.set([]);
-                this._seriesData.set([]);
-                this._isLoading.set(false);
-                return;
-            }
-            // Extract rows
-            const rows = queryResult.rows?.items ?? [];
-            const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-            const filteredRows = rows
-                .filter((row) => row !== null)
-                .filter(row => supportedRowTypes.includes(row.__typename ?? ''));
-            // Process data based on mode
+            const filteredRows = result.rows.filter(row => BarChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
             if (this.isDynamicSeriesMode()) {
                 this.processDynamicSeriesData(filteredRows);
             }
@@ -11608,6 +12014,13 @@ class BarChartWidgetComponent {
             this._isLoading.set(false);
         }
     }
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     /**
      * Processes data in Static Series Mode.
      * Each series in config.series corresponds to a separate numeric field.
@@ -11620,13 +12033,9 @@ class BarChartWidgetComponent {
             seriesMap.set(seriesConfig.field, []);
         }
         for (const row of filteredRows) {
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let categoryValue = '';
             const rowValues = new Map();
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, this.config.categoryField)) {
                     categoryValue = this.formatCategoryValue(cell.value);
                 }
@@ -11683,14 +12092,10 @@ class BarChartWidgetComponent {
         const allCategories = new Set();
         const allSeriesGroups = new Set();
         for (const row of filteredRows) {
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let categoryValue = '';
             let seriesGroupValue = '';
             let numericValue = 0;
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, categoryField)) {
                     categoryValue = this.formatCategoryValue(cell.value);
                 }
@@ -11941,12 +12346,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  */
 class BarChartConfigDialogComponent {
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
     querySelector;
     // Initial values for editing
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialChartType;
     initialCategoryField;
     initialSeries;
@@ -12078,41 +12485,23 @@ class BarChartConfigDialogComponent {
     }
     async loadQueryColumns(queryRtId) {
         this.isLoadingColumns = true;
+        // family may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            // Metadata-only — column resolver runs off the cached query definition and skips
-            // the row execution path, so the dialog opens fast even on large aggregations.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: queryRtId
+            this.queryColumns = await this.fetchColumnsForFamily(family, queryRtId);
+            // Filter numeric and non-numeric columns
+            const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
+            this.numericColumns = this.queryColumns.filter(c => numericTypes.includes(c.attributeValueType));
+            this.nonNumericColumns = this.queryColumns.filter(c => !numericTypes.includes(c.attributeValueType));
+            // Auto-select fields if possible and not editing
+            if (!this.initialQueryRtId && this.queryColumns.length >= 2) {
+                const categoryColumn = this.queryColumns.find(c => !numericTypes.includes(c.attributeValueType));
+                if (categoryColumn) {
+                    this.form.categoryField = categoryColumn.attributePath;
                 }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const columns = queryItems[0].columns ?? [];
-                const filteredColumns = columns
-                    .filter((c) => c !== null);
-                // Engine emits column attributePath in wire form for aggregation / grouping
-                // columns (e.g. `quantity_sum`, `operatingstatus`); picker uses it verbatim.
-                this.queryColumns = filteredColumns.map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                // Filter numeric and non-numeric columns
-                const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
-                this.numericColumns = this.queryColumns.filter(c => numericTypes.includes(c.attributeValueType));
-                this.nonNumericColumns = this.queryColumns.filter(c => !numericTypes.includes(c.attributeValueType));
-                // Auto-select fields if possible and not editing
-                if (!this.initialQueryRtId && this.queryColumns.length >= 2) {
-                    // Find first non-numeric column for category
-                    const categoryColumn = this.queryColumns.find(c => !numericTypes.includes(c.attributeValueType));
-                    if (categoryColumn) {
-                        this.form.categoryField = categoryColumn.attributePath;
-                    }
-                    // Auto-select all numeric columns as series
-                    if (this.numericColumns.length > 0) {
-                        this.selectedSeriesFields = this.numericColumns.map(c => c.attributePath);
-                    }
+                if (this.numericColumns.length > 0) {
+                    this.selectedSeriesFields = this.numericColumns.map(c => c.attributePath);
                 }
             }
         }
@@ -12126,6 +12515,35 @@ class BarChartConfigDialogComponent {
             this.isLoadingColumns = false;
         }
     }
+    /**
+     * Runtime queries use the metadata-only resolver (no aggregation executed);
+     * stream-data queries fall back to executing the query with `first: 1`
+     * because the SD path has no dedicated column-introspection endpoint today.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     onSeriesFieldsChange(fields) {
         this.selectedSeriesFields = fields;
     }
@@ -12155,11 +12573,13 @@ class BarChartConfigDialogComponent {
                 comparisonValue: f.comparisonValue
             }))
             : undefined;
+        const family = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
         const result = {
             ckTypeId: '',
             rtId: '',
             queryRtId: this.selectedPersistentQuery.rtId,
             queryName: this.selectedPersistentQuery.name,
+            queryFamily: family,
             chartType: this.form.chartType,
             categoryField: this.form.categoryField,
             series,
@@ -12187,7 +12607,7 @@ class BarChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: BarChartConfigDialogComponent, isStandalone: true, selector: "mm-bar-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", 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: "21.2.17", type: BarChartConfigDialogComponent, isStandalone: true, selector: "mm-bar-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", 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">
@@ -12448,7 +12868,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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -12731,6 +13151,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialChartType: [{
                 type: Input
             }], initialCategoryField: [{
@@ -12756,7 +13178,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class LineChartWidgetComponent {
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
     config;
@@ -12868,36 +13296,18 @@ class LineChartWidgetComponent {
         this._error.set(null);
         try {
             const fieldFilter = this.convertFiltersToDto(this.config.filters);
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: queryDataSource.queryRtId,
-                    fieldFilter
-                }
+            // queryFamily may be undefined for legacy widget configs — the executor
+            // falls back to a one-time lookup by rtId. streamDataArgs is sent
+            // unconditionally because the runtime path ignores it.
+            const streamDataArgs = this.buildStreamDataArgs();
+            const result = await firstValueFrom(this.queryExecutor.execute(queryDataSource.queryFamily, queryDataSource.queryRtId, {
+                fieldFilter: fieldFilter ?? undefined,
+                streamDataArgs
             }).pipe(catchError(err => {
                 console.error('Error loading Line Chart data:', err);
                 throw err;
             })));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                this._categories.set([]);
-                this._seriesData.set([]);
-                this._valueAxes.set([]);
-                this._isLoading.set(false);
-                return;
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                this._categories.set([]);
-                this._seriesData.set([]);
-                this._valueAxes.set([]);
-                this._isLoading.set(false);
-                return;
-            }
-            const rows = queryResult.rows?.items ?? [];
-            const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-            const filteredRows = rows
-                .filter((row) => row !== null)
-                .filter(row => supportedRowTypes.includes(row.__typename ?? ''));
+            const filteredRows = result.rows.filter(row => LineChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
             this.processData(filteredRows);
             this._isLoading.set(false);
         }
@@ -12907,6 +13317,13 @@ class LineChartWidgetComponent {
             this._isLoading.set(false);
         }
     }
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     /**
      * Processes query rows into line chart data.
      * Groups by seriesGroupField, orders by categoryField (date), supports multi-axis by unitField.
@@ -12922,15 +13339,11 @@ class LineChartWidgetComponent {
         const allSeriesGroups = new Set();
         const seriesUnitMap = new Map(); // seriesGroup -> unit
         for (const row of filteredRows) {
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let categoryValue = '';
             let seriesGroupValue = '';
             let numericValue = 0;
             let unitValue = '';
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, categoryField)) {
                     categoryValue = String(cell.value ?? '');
                 }
@@ -13226,12 +13639,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  */
 class LineChartConfigDialogComponent {
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
     querySelector;
     // Initial values for editing
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialChartType;
     initialCategoryField;
     initialSeriesGroupField;
@@ -13335,27 +13750,14 @@ class LineChartConfigDialogComponent {
     }
     async loadQueryColumns(queryRtId) {
         this.isLoadingColumns = true;
+        // family may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            // Metadata-only — skips the row execution path on the backend.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: queryRtId
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const columns = queryItems[0].columns ?? [];
-                const filteredColumns = columns
-                    .filter((c) => c !== null);
-                this.queryColumns = filteredColumns.map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
-                this.numericColumns = this.queryColumns.filter(c => numericTypes.includes(c.attributeValueType));
-                this.nonNumericColumns = this.queryColumns.filter(c => !numericTypes.includes(c.attributeValueType));
-            }
+            this.queryColumns = await this.fetchColumnsForFamily(family, queryRtId);
+            const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
+            this.numericColumns = this.queryColumns.filter(c => numericTypes.includes(c.attributeValueType));
+            this.nonNumericColumns = this.queryColumns.filter(c => !numericTypes.includes(c.attributeValueType));
         }
         catch (error) {
             console.error('Error loading query columns:', error);
@@ -13367,6 +13769,35 @@ class LineChartConfigDialogComponent {
             this.isLoadingColumns = false;
         }
     }
+    /**
+     * Runtime queries use the metadata-only resolver (no aggregation executed);
+     * stream-data queries fall back to executing the query with `first: 1`
+     * because the SD path has no dedicated column-introspection endpoint today.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     onFiltersChange(updatedFilters) {
         this.filters = updatedFilters;
     }
@@ -13380,11 +13811,13 @@ class LineChartConfigDialogComponent {
                 comparisonValue: f.comparisonValue
             }))
             : undefined;
+        const family = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
         const result = {
             ckTypeId: '',
             rtId: '',
             queryRtId: this.selectedPersistentQuery.rtId,
             queryName: this.selectedPersistentQuery.name,
+            queryFamily: family,
             chartType: this.form.chartType,
             categoryField: this.form.categoryField,
             seriesGroupField: this.form.seriesGroupField,
@@ -13408,7 +13841,7 @@ class LineChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LineChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: LineChartConfigDialogComponent, isStandalone: true, selector: "mm-line-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", 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: "21.2.17", type: LineChartConfigDialogComponent, isStandalone: true, selector: "mm-line-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", 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">
@@ -13611,7 +14044,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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LineChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -13836,6 +14269,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialChartType: [{
                 type: Input
             }], initialCategoryField: [{
@@ -13876,7 +14311,13 @@ function buildGradientRanges(min, max, colors) {
     }));
 }
 class HeatmapWidgetComponent {
-    executeRuntimeQueryGQL = inject(ExecuteRuntimeQueryDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
+    static SUPPORTED_ROW_TYPES = new Set([
+        'RtSimpleQueryRow',
+        'RtAggregationQueryRow',
+        'RtGroupingAggregationQueryRow',
+        'StreamDataQueryRow'
+    ]);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
     config;
@@ -13996,36 +14437,18 @@ class HeatmapWidgetComponent {
         this._error.set(null);
         try {
             const fieldFilter = this.convertFiltersToDto(this.config.filters);
-            const result = await firstValueFrom(this.executeRuntimeQueryGQL.fetch({
-                variables: {
-                    rtId: queryDataSource.queryRtId,
-                    fieldFilter
-                }
+            // queryFamily may be undefined for legacy widget configs — the executor
+            // falls back to a one-time lookup by rtId. streamDataArgs is sent
+            // unconditionally because the runtime path ignores it.
+            const streamDataArgs = this.buildStreamDataArgs();
+            const result = await firstValueFrom(this.queryExecutor.execute(queryDataSource.queryFamily, queryDataSource.queryRtId, {
+                fieldFilter: fieldFilter ?? undefined,
+                streamDataArgs
             }).pipe(catchError(err => {
                 console.error('Error loading Heatmap data:', err);
                 throw err;
             })));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length === 0) {
-                this._heatmapData.set([]);
-                this._xCategories.set([]);
-                this._yCategories.set([]);
-                this._isLoading.set(false);
-                return;
-            }
-            const queryResult = queryItems[0];
-            if (!queryResult) {
-                this._heatmapData.set([]);
-                this._xCategories.set([]);
-                this._yCategories.set([]);
-                this._isLoading.set(false);
-                return;
-            }
-            const rows = queryResult.rows?.items ?? [];
-            const supportedRowTypes = ['RtSimpleQueryRow', 'RtAggregationQueryRow', 'RtGroupingAggregationQueryRow'];
-            const filteredRows = rows
-                .filter((row) => row !== null)
-                .filter(row => supportedRowTypes.includes(row.__typename ?? ''));
+            const filteredRows = result.rows.filter(row => HeatmapWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
             this.processHeatmapData(filteredRows);
             this._isLoading.set(false);
         }
@@ -14035,6 +14458,13 @@ class HeatmapWidgetComponent {
             this._isLoading.set(false);
         }
     }
+    buildStreamDataArgs() {
+        const range = this.stateService.resolveCurrentTimeRange();
+        if (!range) {
+            return undefined;
+        }
+        return { from: range.from, to: range.to };
+    }
     /**
      * Processes query rows into heatmap data.
      * When dateEndField is configured, auto-detects the interval width and shows sub-hour columns.
@@ -14047,14 +14477,10 @@ class HeatmapWidgetComponent {
         const aggregation = this.config.aggregation ?? 'count';
         const parsedRows = [];
         for (const row of filteredRows) {
-            const queryRow = row;
-            const cells = queryRow.cells?.items ?? [];
             let dateFrom = null;
             let dateTo = null;
             let numericValue = 1; // default for count
-            for (const cell of cells) {
-                if (!cell?.attributePath)
-                    continue;
+            for (const cell of row.cells) {
                 if (matchesAttributePath(cell.attributePath, dateField)) {
                     dateFrom = this.parseDate(cell.value);
                 }
@@ -14381,12 +14807,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 
 class HeatmapConfigDialogComponent {
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
     querySelector;
     // Initial values for editing
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialDateField;
     initialDateEndField;
     initialValueField;
@@ -14508,36 +14936,22 @@ class HeatmapConfigDialogComponent {
     }
     async loadQueryColumns(queryRtId) {
         this.isLoadingColumns = true;
+        // family may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            // Metadata-only — skips the row execution path on the backend.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: queryRtId
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const columns = queryItems[0].columns ?? [];
-                const filteredColumns = columns
-                    .filter((c) => c !== null);
-                this.queryColumns = filteredColumns.map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
-                const dateTimeTypes = ['DATE_TIME', 'DATETIME', 'DATE'];
-                this.numericColumns = this.queryColumns.filter(c => numericTypes.includes(c.attributeValueType));
-                this.dateTimeColumns = this.queryColumns.filter(c => dateTimeTypes.includes(c.attributeValueType));
-                // If no explicit datetime columns found, also allow string columns
-                // (datetime values are sometimes returned as strings)
-                if (this.dateTimeColumns.length === 0) {
-                    this.dateTimeColumns = this.queryColumns;
-                }
-                // Auto-select first datetime column if not editing
-                if (!this.initialQueryRtId && this.dateTimeColumns.length > 0) {
-                    this.form.dateField = this.dateTimeColumns[0].attributePath;
-                }
+            this.queryColumns = await this.fetchColumnsForFamily(family, queryRtId);
+            const numericTypes = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
+            const dateTimeTypes = ['DATE_TIME', 'DATETIME', 'DATE'];
+            this.numericColumns = this.queryColumns.filter(c => numericTypes.includes(c.attributeValueType));
+            this.dateTimeColumns = this.queryColumns.filter(c => dateTimeTypes.includes(c.attributeValueType));
+            // If no explicit datetime columns found, also allow string columns
+            // (datetime values are sometimes returned as strings)
+            if (this.dateTimeColumns.length === 0) {
+                this.dateTimeColumns = this.queryColumns;
+            }
+            if (!this.initialQueryRtId && this.dateTimeColumns.length > 0) {
+                this.form.dateField = this.dateTimeColumns[0].attributePath;
             }
         }
         catch (error) {
@@ -14550,6 +14964,35 @@ class HeatmapConfigDialogComponent {
             this.isLoadingColumns = false;
         }
     }
+    /**
+     * Runtime queries use the metadata-only resolver (no aggregation executed);
+     * stream-data queries fall back to executing the query with `first: 1`
+     * because the SD path has no dedicated column-introspection endpoint today.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     onFiltersChange(updatedFilters) {
         this.filters = updatedFilters;
     }
@@ -14563,11 +15006,13 @@ class HeatmapConfigDialogComponent {
                 comparisonValue: f.comparisonValue
             }))
             : undefined;
+        const family = queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined;
         const result = {
             ckTypeId: '',
             rtId: '',
             queryRtId: this.selectedPersistentQuery.rtId,
             queryName: this.selectedPersistentQuery.name,
+            queryFamily: family,
             dateField: this.form.dateField,
             dateEndField: this.form.dateEndField || undefined,
             valueField: this.form.valueField || undefined,
@@ -14586,7 +15031,7 @@ class HeatmapConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HeatmapConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: HeatmapConfigDialogComponent, isStandalone: true, selector: "mm-heatmap-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", 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: "21.2.17", type: HeatmapConfigDialogComponent, isStandalone: true, selector: "mm-heatmap-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", 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">
@@ -14795,7 +15240,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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HeatmapConfigDialogComponent, decorators: [{
             type: Component,
@@ -15026,6 +15471,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialDateField: [{
                 type: Input
             }], initialDateEndField: [{
@@ -16603,6 +17050,7 @@ class WidgetGroupConfigDialogComponent {
     ckTypeSelectorService = inject(CkTypeSelectorService);
     attributeSelectorService = inject(AttributeSelectorService);
     getRuntimeQueryColumnsGQL = inject(GetRuntimeQueryColumnsDtoGQL);
+    queryExecutor = inject(QueryExecutorService);
     getCkTypeAvailableQueryColumnsGQL = inject(GetCkTypeAvailableQueryColumnsDtoGQL);
     meshBoardStateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
@@ -16611,6 +17059,7 @@ class WidgetGroupConfigDialogComponent {
     initialDataSourceMode;
     initialQueryRtId;
     initialQueryName;
+    initialQueryFamily;
     initialCkTypeId;
     initialFilters;
     initialMaxItems;
@@ -16767,26 +17216,12 @@ class WidgetGroupConfigDialogComponent {
     }
     async loadQueryColumns(queryRtId) {
         this.isLoadingColumns = true;
+        // family may be undefined when the selected query metadata is missing —
+        // fetchColumnsForFamily resolves it via the executor's one-time lookup.
+        const family = queryFamily(this.selectedPersistentQuery?.ckTypeId) ?? this.initialQueryFamily;
         try {
-            // Metadata-only — skips the row execution path on the backend.
-            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
-                variables: {
-                    rtId: queryRtId
-                }
-            }));
-            const queryItems = result.data?.runtime?.runtimeQuery?.items ?? [];
-            if (queryItems.length > 0 && queryItems[0]) {
-                const queryResult = queryItems[0];
-                const columns = queryResult.columns ?? [];
-                this.availableColumns = columns
-                    .filter((c) => c !== null)
-                    .map(c => ({
-                    attributePath: c.attributePath ?? '',
-                    attributeValueType: c.attributeValueType ?? '',
-                    aggregationType: c.aggregationType ?? null
-                }));
-                this.filteredColumns.set(this.availableColumns);
-            }
+            this.availableColumns = await this.fetchColumnsForFamily(family, queryRtId);
+            this.filteredColumns.set(this.availableColumns);
         }
         catch (error) {
             console.error('Error loading query columns:', error);
@@ -16797,6 +17232,35 @@ class WidgetGroupConfigDialogComponent {
             this.isLoadingColumns = false;
         }
     }
+    /**
+     * Runtime queries use the metadata-only resolver (no aggregation executed);
+     * stream-data queries fall back to executing the query with `first: 1`
+     * because the SD path has no dedicated column-introspection endpoint today.
+     */
+    async fetchColumnsForFamily(family, rtId) {
+        const resolvedFamily = family ?? await this.queryExecutor.resolveFamily(rtId);
+        if (resolvedFamily === 'runtime') {
+            const result = await firstValueFrom(this.getRuntimeQueryColumnsGQL.fetch({
+                variables: { rtId }
+            }));
+            const queryItem = result.data?.runtime?.runtimeQuery?.items?.[0];
+            if (!queryItem)
+                return [];
+            return (queryItem.columns ?? [])
+                .filter((c) => c !== null)
+                .map(c => ({
+                attributePath: c.attributePath ?? '',
+                attributeValueType: c.attributeValueType ?? '',
+                aggregationType: c.aggregationType ?? null
+            }));
+        }
+        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
+        return sdResult.columns.map(c => ({
+            attributePath: c.attributePath,
+            attributeValueType: c.attributeValueType ?? '',
+            aggregationType: c.aggregationType ?? null
+        }));
+    }
     // ============================================================================
     // CK Type Methods
     // ============================================================================
@@ -16889,11 +17353,15 @@ class WidgetGroupConfigDialogComponent {
                 comparisonValue: f.comparisonValue
             }))
             : undefined;
+        const family = this.dataSourceMode === 'persistentQuery' && this.selectedPersistentQuery
+            ? queryFamily(this.selectedPersistentQuery.ckTypeId) ?? this.initialQueryFamily ?? undefined
+            : undefined;
         const result = {
             ckTypeId: this.dataSourceMode === 'ckType' ? (this.selectedCkType?.rtCkTypeId ?? '') : '',
             dataSourceMode: this.dataSourceMode,
             queryRtId: this.dataSourceMode === 'persistentQuery' ? this.selectedPersistentQuery?.rtId : undefined,
             queryName: this.dataSourceMode === 'persistentQuery' ? this.selectedPersistentQuery?.name : undefined,
+            queryFamily: family,
             filters: this.dataSourceMode === 'ckType' ? filtersDto : undefined,
             maxItems: this.form.maxItems,
             childTemplate,
@@ -16931,7 +17399,7 @@ class WidgetGroupConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WidgetGroupConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WidgetGroupConfigDialogComponent, isStandalone: true, selector: "mm-widget-group-config-dialog", inputs: { initialDataSourceMode: "initialDataSourceMode", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialCkTypeId: "initialCkTypeId", initialFilters: "initialFilters", initialMaxItems: "initialMaxItems", initialChildTemplate: "initialChildTemplate", initialLayout: "initialLayout", initialGridColumns: "initialGridColumns", initialMinChildWidth: "initialMinChildWidth", initialGap: "initialGap", initialEmptyMessage: "initialEmptyMessage" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: WidgetGroupConfigDialogComponent, isStandalone: true, selector: "mm-widget-group-config-dialog", inputs: { initialDataSourceMode: "initialDataSourceMode", initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialCkTypeId: "initialCkTypeId", initialFilters: "initialFilters", initialMaxItems: "initialMaxItems", initialChildTemplate: "initialChildTemplate", initialLayout: "initialLayout", initialGridColumns: "initialGridColumns", initialMinChildWidth: "initialMinChildWidth", initialGap: "initialGap", initialEmptyMessage: "initialEmptyMessage" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -17251,7 +17719,7 @@ class WidgetGroupConfigDialogComponent {
         </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-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)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.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-row{display:flex;gap:16px}.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.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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: "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: 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"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
+  `, 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-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)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.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-row{display:flex;gap:16px}.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.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", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], 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: "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: 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: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WidgetGroupConfigDialogComponent, decorators: [{
             type: Component,
@@ -17595,6 +18063,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], initialQueryName: [{
                 type: Input
+            }], initialQueryFamily: [{
+                type: Input
             }], initialCkTypeId: [{
                 type: Input
             }], initialFilters: [{
@@ -24996,11 +25466,16 @@ function parseConfig(data) {
  */
 function buildDataSourceFromPersisted(data, config) {
     if (data.dataSourceType === 'systemQuery' || data.dataSourceType === 'persistentQuery') {
-        return {
+        const persisted = {
             type: 'persistentQuery',
             queryRtId: data.dataSourceRtId ?? config['queryRtId'] ?? '',
             queryName: config['queryName']
         };
+        const persistedFamily = config['queryFamily'];
+        if (persistedFamily === 'runtime' || persistedFamily === 'streamData') {
+            persisted.queryFamily = persistedFamily;
+        }
+        return persisted;
     }
     if (data.dataSourceType === 'static') {
         return { type: 'static' };
@@ -25120,6 +25595,7 @@ function registerDefaultWidgets(registry) {
                 initialDataSourceType: dataSourceType,
                 initialQueryRtId: isPersistentQuery ? kpiWidget.dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? kpiWidget.dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? kpiWidget.dataSource.queryFamily : undefined,
                 initialQueryMode: kpiWidget.queryMode,
                 initialQueryValueField: kpiWidget.queryValueField,
                 initialQueryCategoryField: kpiWidget.queryCategoryField,
@@ -25164,7 +25640,8 @@ function registerDefaultWidgets(registry) {
                 const dataSource = {
                     type: 'persistentQuery',
                     queryRtId: result.queryRtId,
-                    queryName: result.queryName
+                    queryName: result.queryName,
+                    queryFamily: result.queryFamily
                 };
                 return {
                     ...widget,
@@ -25235,7 +25712,10 @@ function registerDefaultWidgets(registry) {
                     filters: widget.filters,
                     ...(isPersistentQuery && {
                         queryName: widget.dataSource.queryName,
-                        queryRtId: widget.dataSource.queryRtId
+                        queryRtId: widget.dataSource.queryRtId,
+                        ...(widget.dataSource.queryFamily && {
+                            queryFamily: widget.dataSource.queryFamily
+                        })
                     })
                 }
             };
@@ -25399,7 +25879,8 @@ function registerDefaultWidgets(registry) {
                 initialPageSize: tableWidget.pageSize,
                 initialSortable: tableWidget.sortable,
                 initialQueryRtId: isPersistentQuery ? dataSource.queryRtId : undefined,
-                initialQueryName: isPersistentQuery ? dataSource.queryName : undefined
+                initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined
             };
         },
         applyConfigResult: (widget, result) => {
@@ -25408,7 +25889,8 @@ function registerDefaultWidgets(registry) {
                 const dataSource = {
                     type: 'persistentQuery',
                     queryRtId: result.queryRtId,
-                    queryName: result.queryName
+                    queryName: result.queryName,
+                    queryFamily: result.queryFamily
                 };
                 // Convert filters from DTO to widget format
                 const filters = result.filters?.map(f => ({
@@ -25462,11 +25944,12 @@ function registerDefaultWidgets(registry) {
         // SOLID: Serialization for persistence
         toPersistedConfig: (widget) => {
             const isPersistentQuery = widget.dataSource.type === 'persistentQuery';
+            const queryDataSource = isPersistentQuery ? widget.dataSource : null;
             return {
                 dataSourceType: isPersistentQuery ? 'persistentQuery' : 'runtimeEntity',
                 dataSourceCkTypeId: widget.dataSource.type === 'runtimeEntity' ? widget.dataSource.ckTypeId : undefined,
                 dataSourceRtId: isPersistentQuery
-                    ? widget.dataSource.queryRtId
+                    ? queryDataSource.queryRtId
                     : (widget.dataSource.type === 'runtimeEntity' ? widget.dataSource.rtId : undefined),
                 config: {
                     columns: widget.columns,
@@ -25474,9 +25957,10 @@ function registerDefaultWidgets(registry) {
                     filters: widget.filters,
                     pageSize: widget.pageSize,
                     sortable: widget.sortable,
-                    ...(isPersistentQuery && {
-                        queryName: widget.dataSource.queryName,
-                        queryRtId: widget.dataSource.queryRtId
+                    ...(queryDataSource && {
+                        queryName: queryDataSource.queryName,
+                        queryRtId: queryDataSource.queryRtId,
+                        ...(queryDataSource.queryFamily && { queryFamily: queryDataSource.queryFamily })
                     })
                 }
             };
@@ -25521,6 +26005,7 @@ function registerDefaultWidgets(registry) {
                 initialDataSourceType: isPersistentQuery ? 'persistentQuery' : 'runtimeEntity',
                 initialQueryRtId: isPersistentQuery ? gaugeWidget.dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? gaugeWidget.dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? gaugeWidget.dataSource.queryFamily : undefined,
                 initialQueryMode: gaugeWidget.queryMode,
                 initialQueryValueField: gaugeWidget.queryValueField,
                 initialQueryCategoryField: gaugeWidget.queryCategoryField,
@@ -25550,7 +26035,8 @@ function registerDefaultWidgets(registry) {
                 const dataSource = {
                     type: 'persistentQuery',
                     queryRtId: result.queryRtId,
-                    queryName: result.queryName
+                    queryName: result.queryName,
+                    queryFamily: result.queryFamily
                 };
                 return {
                     ...widget,
@@ -25632,7 +26118,10 @@ function registerDefaultWidgets(registry) {
                     filters: widget.filters,
                     ...(isPersistentQuery && {
                         queryName: widget.dataSource.queryName,
-                        queryRtId: widget.dataSource.queryRtId
+                        queryRtId: widget.dataSource.queryRtId,
+                        ...(widget.dataSource.queryFamily && {
+                            queryFamily: widget.dataSource.queryFamily
+                        })
                     })
                 }
             };
@@ -25701,6 +26190,7 @@ function registerDefaultWidgets(registry) {
                 initialDataSourceType: dataSource.type,
                 initialQueryRtId: isPersistentQuery ? dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialCkQueryTarget: isCkQuery ? dataSource.queryTarget : undefined,
                 initialCkGroupBy: isCkQuery ? dataSource.groupBy : undefined,
                 initialChartType: pieWidget.chartType,
@@ -25733,7 +26223,8 @@ function registerDefaultWidgets(registry) {
                 dataSource = {
                     type: 'persistentQuery',
                     queryRtId: result.queryRtId ?? '',
-                    queryName: result.queryName
+                    queryName: result.queryName,
+                    queryFamily: result.queryFamily
                 };
             }
             return {
@@ -25795,6 +26286,9 @@ function registerDefaultWidgets(registry) {
                     legendPosition: widget.legendPosition,
                     queryName: dataSource.queryName,
                     queryRtId: dataSource.queryRtId,
+                    ...(dataSource.queryFamily && {
+                        queryFamily: dataSource.queryFamily
+                    }),
                     filters: widget.filters
                 }
             };
@@ -25856,6 +26350,7 @@ function registerDefaultWidgets(registry) {
             return {
                 initialQueryRtId: isPersistentQuery ? dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialChartType: barWidget.chartType,
                 initialCategoryField: barWidget.categoryField,
                 initialSeries: barWidget.series,
@@ -25873,7 +26368,8 @@ function registerDefaultWidgets(registry) {
             const dataSource = {
                 type: 'persistentQuery',
                 queryRtId: result.queryRtId,
-                queryName: result.queryName
+                queryName: result.queryName,
+                queryFamily: result.queryFamily
             };
             // Convert filters from DTO to widget format
             const filters = result.filters?.map(f => ({
@@ -25929,6 +26425,9 @@ function registerDefaultWidgets(registry) {
                 defaultBarColor: widget.defaultBarColor,
                 queryName: widget.dataSource.queryName,
                 queryRtId: widget.dataSource.queryRtId,
+                ...(widget.dataSource.queryFamily && {
+                    queryFamily: widget.dataSource.queryFamily
+                }),
                 filters: widget.filters
             }
         }),
@@ -25973,6 +26472,7 @@ function registerDefaultWidgets(registry) {
             return {
                 initialQueryRtId: isPersistentQuery ? dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialChartType: lineWidget.chartType,
                 initialCategoryField: lineWidget.categoryField,
                 initialSeriesGroupField: lineWidget.seriesGroupField,
@@ -25989,7 +26489,8 @@ function registerDefaultWidgets(registry) {
             const dataSource = {
                 type: 'persistentQuery',
                 queryRtId: result.queryRtId,
-                queryName: result.queryName
+                queryName: result.queryName,
+                queryFamily: result.queryFamily
             };
             const filters = result.filters?.map(f => ({
                 attributePath: f.attributePath,
@@ -26040,6 +26541,9 @@ function registerDefaultWidgets(registry) {
                 referenceLines: widget.referenceLines,
                 queryName: widget.dataSource.queryName,
                 queryRtId: widget.dataSource.queryRtId,
+                ...(widget.dataSource.queryFamily && {
+                    queryFamily: widget.dataSource.queryFamily
+                }),
                 filters: widget.filters
             }
         }),
@@ -26316,6 +26820,7 @@ function registerDefaultWidgets(registry) {
                 initialDataSourceMode: hasQuery ? 'persistentQuery' : (hasCkType ? 'ckType' : 'persistentQuery'),
                 initialQueryRtId: hasQuery ? dataSource.queryRtId : undefined,
                 initialQueryName: hasQuery ? dataSource.queryName : undefined,
+                initialQueryFamily: hasQuery ? dataSource.queryFamily : undefined,
                 initialCkTypeId: hasCkType ? dataSource.ckTypeId : undefined,
                 initialFilters: hasCkType ? dataSource.filters : undefined,
                 initialMaxItems: dataSource.type === 'repeaterQuery' ? dataSource.maxItems : undefined,
@@ -26334,6 +26839,7 @@ function registerDefaultWidgets(registry) {
                 type: 'repeaterQuery',
                 queryRtId: result.dataSourceMode === 'persistentQuery' ? result.queryRtId : undefined,
                 queryName: result.dataSourceMode === 'persistentQuery' ? result.queryName : undefined,
+                queryFamily: result.dataSourceMode === 'persistentQuery' ? result.queryFamily : undefined,
                 ckTypeId: useCkType ? result.ckTypeId : undefined,
                 filters: useCkType && result.filters ? result.filters.map(f => ({
                     attributePath: f.attributePath,
@@ -26384,6 +26890,7 @@ function registerDefaultWidgets(registry) {
                 dataSourceCkTypeId: !hasQuery ? dataSource.ckTypeId : undefined,
                 config: {
                     queryName: dataSource.queryName,
+                    ...(dataSource.queryFamily && { queryFamily: dataSource.queryFamily }),
                     maxItems: dataSource.maxItems,
                     filters: dataSource.filters,
                     childTemplate: widget.childTemplate,
@@ -26399,10 +26906,14 @@ function registerDefaultWidgets(registry) {
         fromPersistedConfig: (data, base) => {
             const config = parseConfig(data);
             const hasQuery = !!data.dataSourceRtId;
+            const persistedFamily = config['queryFamily'];
             const dataSource = {
                 type: 'repeaterQuery',
                 queryRtId: hasQuery ? data.dataSourceRtId ?? undefined : undefined,
                 queryName: hasQuery ? config['queryName'] : undefined,
+                queryFamily: hasQuery && (persistedFamily === 'runtime' || persistedFamily === 'streamData')
+                    ? persistedFamily
+                    : undefined,
                 ckTypeId: !hasQuery ? data.dataSourceCkTypeId ?? undefined : undefined,
                 filters: !hasQuery ? config['filters'] : undefined,
                 maxItems: config['maxItems']
@@ -26505,6 +27016,7 @@ function registerDefaultWidgets(registry) {
             return {
                 initialQueryRtId: isPersistentQuery ? dataSource.queryRtId : undefined,
                 initialQueryName: isPersistentQuery ? dataSource.queryName : undefined,
+                initialQueryFamily: isPersistentQuery ? dataSource.queryFamily : undefined,
                 initialDateField: heatmapWidget.dateField,
                 initialDateEndField: heatmapWidget.dateEndField,
                 initialValueField: heatmapWidget.valueField,
@@ -26522,7 +27034,8 @@ function registerDefaultWidgets(registry) {
             const dataSource = {
                 type: 'persistentQuery',
                 queryRtId: result.queryRtId,
-                queryName: result.queryName
+                queryName: result.queryName,
+                queryFamily: result.queryFamily
             };
             const filters = result.filters?.map(f => ({
                 attributePath: f.attributePath,
@@ -26575,6 +27088,9 @@ function registerDefaultWidgets(registry) {
                 valueMultiplier: widget.valueMultiplier,
                 queryName: widget.dataSource.queryName,
                 queryRtId: widget.dataSource.queryRtId,
+                ...(widget.dataSource.queryFamily && {
+                    queryFamily: widget.dataSource.queryFamily
+                }),
                 filters: widget.filters
             }
         }),
@@ -27534,7 +28050,8 @@ class MeshBoardSettingsResult {
     timeFilter;
     rtWellKnownName;
     entitySelectors;
-    constructor(name, description, columns, rowHeight, gap, variables, timeFilter, rtWellKnownName, entitySelectors) {
+    autoRefreshSeconds;
+    constructor(name, description, columns, rowHeight, gap, variables, timeFilter, rtWellKnownName, entitySelectors, autoRefreshSeconds) {
         this.name = name;
         this.description = description;
         this.columns = columns;
@@ -27544,6 +28061,7 @@ class MeshBoardSettingsResult {
         this.timeFilter = timeFilter;
         this.rtWellKnownName = rtWellKnownName;
         this.entitySelectors = entitySelectors;
+        this.autoRefreshSeconds = autoRefreshSeconds;
     }
 }
 /**
@@ -27559,6 +28077,12 @@ class MeshBoardSettingsDialogComponent {
     columns = 6;
     rowHeight = 200;
     gap = 16;
+    /**
+     * Auto-refresh interval in seconds. `0` disables auto-refresh and is the default.
+     * When > 0 the MeshBoard view re-polls all widgets at this interval while the
+     * tab is visible.
+     */
+    autoRefreshSeconds = 0;
     variables = [];
     entitySelectors = [];
     entitySelectorEditing = false;
@@ -27576,7 +28100,8 @@ class MeshBoardSettingsDialogComponent {
         return (this.name.trim().length > 0 &&
             this.columns >= 1 && this.columns <= 12 &&
             this.rowHeight >= 100 && this.rowHeight <= 1000 &&
-            this.gap >= 0 && this.gap <= 100);
+            this.gap >= 0 && this.gap <= 100 &&
+            this.autoRefreshSeconds >= 0 && this.autoRefreshSeconds <= 3600);
     }
     /**
      * Sets the initial values for the form fields.
@@ -27588,6 +28113,7 @@ class MeshBoardSettingsDialogComponent {
         this.columns = settings.columns;
         this.rowHeight = settings.rowHeight;
         this.gap = settings.gap;
+        this.autoRefreshSeconds = settings.autoRefreshSeconds ?? 0;
         this.variables = settings.variables ? [...settings.variables] : [];
         this.entitySelectors = settings.entitySelectors ? settings.entitySelectors.map(es => ({ ...es })) : [];
         this.timeFilterEnabled = settings.timeFilter?.enabled ?? false;
@@ -27629,7 +28155,7 @@ class MeshBoardSettingsDialogComponent {
             enabled: this.timeFilterEnabled,
             defaultSelection: this.timeFilterEnabled ? this.defaultSelection : undefined
         };
-        const result = new MeshBoardSettingsResult(this.name.trim(), this.description.trim(), this.columns, this.rowHeight, this.gap, this.variables, timeFilter, this.rtWellKnownName.trim() || undefined, this.entitySelectors.length > 0 ? this.entitySelectors : undefined);
+        const result = new MeshBoardSettingsResult(this.name.trim(), this.description.trim(), this.columns, this.rowHeight, this.gap, this.variables, timeFilter, this.rtWellKnownName.trim() || undefined, this.entitySelectors.length > 0 ? this.entitySelectors : undefined, this.autoRefreshSeconds > 0 ? this.autoRefreshSeconds : undefined);
         this.windowRef.close(result);
     }
     /**
@@ -27639,7 +28165,7 @@ class MeshBoardSettingsDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MeshBoardSettingsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MeshBoardSettingsDialogComponent, isStandalone: true, selector: "mm-meshboard-settings-dialog", ngImport: i0, template: "<div class=\"meshboard-settings-dialog\">\n  <kendo-tabstrip [animate]=\"false\">\n    <!-- General Tab -->\n    <kendo-tabstrip-tab [title]=\"'General'\" [selected]=\"true\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <!-- Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"nameInput\" text=\"Name *\"></kendo-label>\n              <kendo-textbox\n                #nameInput\n                [(ngModel)]=\"name\"\n                name=\"name\"\n                placeholder=\"Enter MeshBoard name\"\n                required>\n              </kendo-textbox>\n              @if (name.trim().length === 0) {\n                <kendo-formerror>Name is required</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Description Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"descriptionInput\" text=\"Description\"></kendo-label>\n              <kendo-textarea\n                #descriptionInput\n                [(ngModel)]=\"description\"\n                name=\"description\"\n                placeholder=\"Enter MeshBoard description (optional)\"\n                [rows]=\"3\">\n              </kendo-textarea>\n            </kendo-formfield>\n\n            <!-- Well-Known Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"wellKnownNameInput\" text=\"Well-Known Name\"></kendo-label>\n              <kendo-textbox\n                #wellKnownNameInput\n                [(ngModel)]=\"rtWellKnownName\"\n                name=\"rtWellKnownName\"\n                placeholder=\"e.g., cockpit, dashboard-main\">\n              </kendo-textbox>\n              <kendo-formhint>Unique identifier for routing. Use lowercase with hyphens (e.g., 'cockpit', 'sales-dashboard').</kendo-formhint>\n            </kendo-formfield>\n\n            <!-- Layout Settings -->\n            <div class=\"section-title\">Layout Settings</div>\n\n            <!-- Columns Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"columnsInput\" text=\"Columns *\"></kendo-label>\n              <kendo-numerictextbox\n                #columnsInput\n                [(ngModel)]=\"columns\"\n                name=\"columns\"\n                [min]=\"1\"\n                [max]=\"12\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Number of columns in the grid (1-12)</kendo-formhint>\n              @if (columns < 1 || columns > 12) {\n                <kendo-formerror>Columns must be between 1 and 12</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Row Height Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"rowHeightInput\" text=\"Row Height *\"></kendo-label>\n              <kendo-numerictextbox\n                #rowHeightInput\n                [(ngModel)]=\"rowHeight\"\n                name=\"rowHeight\"\n                [min]=\"100\"\n                [max]=\"1000\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Height of each row in pixels (100-1000)</kendo-formhint>\n              @if (rowHeight < 100 || rowHeight > 1000) {\n                <kendo-formerror>Row height must be between 100 and 1000</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Gap Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"gapInput\" text=\"Gap *\"></kendo-label>\n              <kendo-numerictextbox\n                #gapInput\n                [(ngModel)]=\"gap\"\n                name=\"gap\"\n                [min]=\"0\"\n                [max]=\"100\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Space between widgets in pixels (0-100)</kendo-formhint>\n              @if (gap < 0 || gap > 100) {\n                <kendo-formerror>Gap must be between 0 and 100</kendo-formerror>\n              }\n            </kendo-formfield>\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Variables Tab -->\n    <kendo-tabstrip-tab [title]=\"'Variables'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-variables-editor\n            [(variables)]=\"variables\">\n          </mm-variables-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Time Filter Tab -->\n    <kendo-tabstrip-tab [title]=\"'Time Filter'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <kendo-formfield>\n              <div class=\"checkbox-wrapper\">\n                <input\n                  type=\"checkbox\"\n                  kendoCheckBox\n                  #timeFilterCheckbox\n                  [(ngModel)]=\"timeFilterEnabled\"\n                  name=\"timeFilterEnabled\"\n                  id=\"timeFilterEnabled\"/>\n                <kendo-label\n                  [for]=\"timeFilterCheckbox\"\n                  text=\"Enable Time Filter\"\n                  class=\"checkbox-label\">\n                </kendo-label>\n              </div>\n              <kendo-formhint>\n                Shows a time range picker in the toolbar. Sets $timeRangeFrom and $timeRangeTo variables.\n              </kendo-formhint>\n            </kendo-formfield>\n\n            @if (timeFilterEnabled) {\n              <kendo-formfield>\n                <kendo-label text=\"Default Selection\"></kendo-label>\n                <mm-time-range-picker\n                  [initialSelection]=\"initialDefaultSelection\"\n                  (selectionChange)=\"onDefaultSelectionChange($event)\">\n                </mm-time-range-picker>\n                <kendo-formhint>Initial time filter shown when no URL parameters are set. Note: User-selected filters override this default. Use the reset button in the toolbar to revert to the default.</kendo-formhint>\n              </kendo-formfield>\n            }\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Entity Selectors Tab -->\n    <kendo-tabstrip-tab [title]=\"'Entity Selectors'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-entity-selector-editor\n            [(entitySelectors)]=\"entitySelectors\"\n            [existingVariableNames]=\"staticVariableNames\"\n            (editingStateChange)=\"entitySelectorEditing = $event\">\n          </mm-entity-selector-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n  </kendo-tabstrip>\n\n  <!-- Dialog Actions -->\n  @if (!entitySelectorEditing) {\n    <div class=\"dialog-actions mm-dialog-actions\">\n      <button kendoButton (click)=\"cancel()\" fillMode=\"flat\">\n        Cancel\n      </button>\n      <button\n        kendoButton\n        (click)=\"save()\"\n        [disabled]=\"!isValid\"\n        themeColor=\"primary\">\n        Save\n      </button>\n    </div>\n  }\n</div>\n", styles: [".meshboard-settings-dialog{display:flex;flex-direction:column;height:100%;overflow:hidden}.meshboard-settings-dialog kendo-tabstrip{flex:1;min-height:0;display:flex;flex-direction:column}.meshboard-settings-dialog kendo-tabstrip ::ng-deep .k-tabstrip-content{flex:1;min-height:0;overflow:hidden}.meshboard-settings-dialog .tab-content{height:100%;overflow-y:auto;padding:1.5rem}.meshboard-settings-dialog .settings-form{display:flex;flex-direction:column;gap:1.25rem}.meshboard-settings-dialog .settings-form kendo-formfield{display:flex;flex-direction:column;gap:.5rem}.meshboard-settings-dialog .settings-form kendo-formfield kendo-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-textbox,.meshboard-settings-dialog .settings-form kendo-formfield kendo-textarea,.meshboard-settings-dialog .settings-form kendo-formfield kendo-numerictextbox{width:100%}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formhint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formerror{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.meshboard-settings-dialog .settings-form .section-title{font-size:.875rem;font-weight:600;color:var(--kendo-color-on-app-surface, #424242);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.meshboard-settings-dialog .settings-form .checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.meshboard-settings-dialog .settings-form .checkbox-wrapper .checkbox-label{font-weight:400;cursor:pointer}.meshboard-settings-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--kendo-color-border, #e0e0e0);flex-shrink:0;background-color:var(--kendo-color-surface-alt, white)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: 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: "component", type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i3.FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "component", type: i3.HintComponent, selector: "kendo-formhint", inputs: ["align"] }, { kind: "component", type: i3.ErrorComponent, selector: "kendo-formerror", inputs: ["align"] }, { kind: "ngmodule", type: CheckBoxModule }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i4$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "ngmodule", type: FormFieldModule }, { kind: "ngmodule", type: TabStripModule }, { kind: "component", type: i5.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i5.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i5.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: VariablesEditorComponent, selector: "mm-variables-editor", inputs: ["variables"], outputs: ["variablesChange"] }, { kind: "component", type: EntitySelectorEditorComponent, selector: "mm-entity-selector-editor", inputs: ["entitySelectors", "existingVariableNames"], outputs: ["entitySelectorsChange", "editingStateChange"] }, { kind: "component", type: TimeRangePickerComponent, selector: "mm-time-range-picker", inputs: ["config", "labels", "initialSelection"], outputs: ["rangeChange", "rangeChangeISO", "selectionChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: MeshBoardSettingsDialogComponent, isStandalone: true, selector: "mm-meshboard-settings-dialog", ngImport: i0, template: "<div class=\"meshboard-settings-dialog\">\n  <kendo-tabstrip [animate]=\"false\">\n    <!-- General Tab -->\n    <kendo-tabstrip-tab [title]=\"'General'\" [selected]=\"true\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <!-- Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"nameInput\" text=\"Name *\"></kendo-label>\n              <kendo-textbox\n                #nameInput\n                [(ngModel)]=\"name\"\n                name=\"name\"\n                placeholder=\"Enter MeshBoard name\"\n                required>\n              </kendo-textbox>\n              @if (name.trim().length === 0) {\n                <kendo-formerror>Name is required</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Description Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"descriptionInput\" text=\"Description\"></kendo-label>\n              <kendo-textarea\n                #descriptionInput\n                [(ngModel)]=\"description\"\n                name=\"description\"\n                placeholder=\"Enter MeshBoard description (optional)\"\n                [rows]=\"3\">\n              </kendo-textarea>\n            </kendo-formfield>\n\n            <!-- Well-Known Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"wellKnownNameInput\" text=\"Well-Known Name\"></kendo-label>\n              <kendo-textbox\n                #wellKnownNameInput\n                [(ngModel)]=\"rtWellKnownName\"\n                name=\"rtWellKnownName\"\n                placeholder=\"e.g., cockpit, dashboard-main\">\n              </kendo-textbox>\n              <kendo-formhint>Unique identifier for routing. Use lowercase with hyphens (e.g., 'cockpit', 'sales-dashboard').</kendo-formhint>\n            </kendo-formfield>\n\n            <!-- Layout Settings -->\n            <div class=\"section-title\">Layout Settings</div>\n\n            <!-- Columns Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"columnsInput\" text=\"Columns *\"></kendo-label>\n              <kendo-numerictextbox\n                #columnsInput\n                [(ngModel)]=\"columns\"\n                name=\"columns\"\n                [min]=\"1\"\n                [max]=\"12\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Number of columns in the grid (1-12)</kendo-formhint>\n              @if (columns < 1 || columns > 12) {\n                <kendo-formerror>Columns must be between 1 and 12</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Row Height Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"rowHeightInput\" text=\"Row Height *\"></kendo-label>\n              <kendo-numerictextbox\n                #rowHeightInput\n                [(ngModel)]=\"rowHeight\"\n                name=\"rowHeight\"\n                [min]=\"100\"\n                [max]=\"1000\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Height of each row in pixels (100-1000)</kendo-formhint>\n              @if (rowHeight < 100 || rowHeight > 1000) {\n                <kendo-formerror>Row height must be between 100 and 1000</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Gap Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"gapInput\" text=\"Gap *\"></kendo-label>\n              <kendo-numerictextbox\n                #gapInput\n                [(ngModel)]=\"gap\"\n                name=\"gap\"\n                [min]=\"0\"\n                [max]=\"100\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Space between widgets in pixels (0-100)</kendo-formhint>\n              @if (gap < 0 || gap > 100) {\n                <kendo-formerror>Gap must be between 0 and 100</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Auto-Refresh Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"autoRefreshInput\" text=\"Auto-refresh\"></kendo-label>\n              <kendo-numerictextbox\n                #autoRefreshInput\n                [(ngModel)]=\"autoRefreshSeconds\"\n                name=\"autoRefreshSeconds\"\n                [min]=\"0\"\n                [max]=\"3600\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\">\n              </kendo-numerictextbox>\n              <kendo-formhint>Refresh interval in seconds (0 = disabled, max 3600). Pauses while the tab is hidden.</kendo-formhint>\n              @if (autoRefreshSeconds < 0 || autoRefreshSeconds > 3600) {\n                <kendo-formerror>Auto-refresh must be between 0 and 3600 seconds</kendo-formerror>\n              }\n            </kendo-formfield>\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Variables Tab -->\n    <kendo-tabstrip-tab [title]=\"'Variables'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-variables-editor\n            [(variables)]=\"variables\">\n          </mm-variables-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Time Filter Tab -->\n    <kendo-tabstrip-tab [title]=\"'Time Filter'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <kendo-formfield>\n              <div class=\"checkbox-wrapper\">\n                <input\n                  type=\"checkbox\"\n                  kendoCheckBox\n                  #timeFilterCheckbox\n                  [(ngModel)]=\"timeFilterEnabled\"\n                  name=\"timeFilterEnabled\"\n                  id=\"timeFilterEnabled\"/>\n                <kendo-label\n                  [for]=\"timeFilterCheckbox\"\n                  text=\"Enable Time Filter\"\n                  class=\"checkbox-label\">\n                </kendo-label>\n              </div>\n              <kendo-formhint>\n                Shows a time range picker in the toolbar. Sets $timeRangeFrom and $timeRangeTo variables.\n              </kendo-formhint>\n            </kendo-formfield>\n\n            @if (timeFilterEnabled) {\n              <kendo-formfield>\n                <kendo-label text=\"Default Selection\"></kendo-label>\n                <mm-time-range-picker\n                  [initialSelection]=\"initialDefaultSelection\"\n                  (selectionChange)=\"onDefaultSelectionChange($event)\">\n                </mm-time-range-picker>\n                <kendo-formhint>Initial time filter shown when no URL parameters are set. Note: User-selected filters override this default. Use the reset button in the toolbar to revert to the default.</kendo-formhint>\n              </kendo-formfield>\n            }\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Entity Selectors Tab -->\n    <kendo-tabstrip-tab [title]=\"'Entity Selectors'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-entity-selector-editor\n            [(entitySelectors)]=\"entitySelectors\"\n            [existingVariableNames]=\"staticVariableNames\"\n            (editingStateChange)=\"entitySelectorEditing = $event\">\n          </mm-entity-selector-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n  </kendo-tabstrip>\n\n  <!-- Dialog Actions -->\n  @if (!entitySelectorEditing) {\n    <div class=\"dialog-actions mm-dialog-actions\">\n      <button kendoButton (click)=\"cancel()\" fillMode=\"flat\">\n        Cancel\n      </button>\n      <button\n        kendoButton\n        (click)=\"save()\"\n        [disabled]=\"!isValid\"\n        themeColor=\"primary\">\n        Save\n      </button>\n    </div>\n  }\n</div>\n", styles: [".meshboard-settings-dialog{display:flex;flex-direction:column;height:100%;overflow:hidden}.meshboard-settings-dialog kendo-tabstrip{flex:1;min-height:0;display:flex;flex-direction:column}.meshboard-settings-dialog kendo-tabstrip ::ng-deep .k-tabstrip-content{flex:1;min-height:0;overflow:hidden}.meshboard-settings-dialog .tab-content{height:100%;overflow-y:auto;padding:1.5rem}.meshboard-settings-dialog .settings-form{display:flex;flex-direction:column;gap:1.25rem}.meshboard-settings-dialog .settings-form kendo-formfield{display:flex;flex-direction:column;gap:.5rem}.meshboard-settings-dialog .settings-form kendo-formfield kendo-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-textbox,.meshboard-settings-dialog .settings-form kendo-formfield kendo-textarea,.meshboard-settings-dialog .settings-form kendo-formfield kendo-numerictextbox{width:100%}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formhint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formerror{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.meshboard-settings-dialog .settings-form .section-title{font-size:.875rem;font-weight:600;color:var(--kendo-color-on-app-surface, #424242);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.meshboard-settings-dialog .settings-form .checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.meshboard-settings-dialog .settings-form .checkbox-wrapper .checkbox-label{font-weight:400;cursor:pointer}.meshboard-settings-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--kendo-color-border, #e0e0e0);flex-shrink:0;background-color:var(--kendo-color-surface-alt, white)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: 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: "component", type: i3.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i3.FormFieldComponent, selector: "kendo-formfield", inputs: ["showHints", "orientation", "showErrors", "colSpan"] }, { kind: "component", type: i3.HintComponent, selector: "kendo-formhint", inputs: ["align"] }, { kind: "component", type: i3.ErrorComponent, selector: "kendo-formerror", inputs: ["align"] }, { kind: "ngmodule", type: CheckBoxModule }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i4$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "ngmodule", type: FormFieldModule }, { kind: "ngmodule", type: TabStripModule }, { kind: "component", type: i5.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i5.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i5.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: VariablesEditorComponent, selector: "mm-variables-editor", inputs: ["variables"], outputs: ["variablesChange"] }, { kind: "component", type: EntitySelectorEditorComponent, selector: "mm-entity-selector-editor", inputs: ["entitySelectors", "existingVariableNames"], outputs: ["entitySelectorsChange", "editingStateChange"] }, { kind: "component", type: TimeRangePickerComponent, selector: "mm-time-range-picker", inputs: ["config", "labels", "initialSelection"], outputs: ["rangeChange", "rangeChangeISO", "selectionChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MeshBoardSettingsDialogComponent, decorators: [{
             type: Component,
@@ -27655,7 +28181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         VariablesEditorComponent,
                         EntitySelectorEditorComponent,
                         TimeRangePickerComponent
-                    ], template: "<div class=\"meshboard-settings-dialog\">\n  <kendo-tabstrip [animate]=\"false\">\n    <!-- General Tab -->\n    <kendo-tabstrip-tab [title]=\"'General'\" [selected]=\"true\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <!-- Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"nameInput\" text=\"Name *\"></kendo-label>\n              <kendo-textbox\n                #nameInput\n                [(ngModel)]=\"name\"\n                name=\"name\"\n                placeholder=\"Enter MeshBoard name\"\n                required>\n              </kendo-textbox>\n              @if (name.trim().length === 0) {\n                <kendo-formerror>Name is required</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Description Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"descriptionInput\" text=\"Description\"></kendo-label>\n              <kendo-textarea\n                #descriptionInput\n                [(ngModel)]=\"description\"\n                name=\"description\"\n                placeholder=\"Enter MeshBoard description (optional)\"\n                [rows]=\"3\">\n              </kendo-textarea>\n            </kendo-formfield>\n\n            <!-- Well-Known Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"wellKnownNameInput\" text=\"Well-Known Name\"></kendo-label>\n              <kendo-textbox\n                #wellKnownNameInput\n                [(ngModel)]=\"rtWellKnownName\"\n                name=\"rtWellKnownName\"\n                placeholder=\"e.g., cockpit, dashboard-main\">\n              </kendo-textbox>\n              <kendo-formhint>Unique identifier for routing. Use lowercase with hyphens (e.g., 'cockpit', 'sales-dashboard').</kendo-formhint>\n            </kendo-formfield>\n\n            <!-- Layout Settings -->\n            <div class=\"section-title\">Layout Settings</div>\n\n            <!-- Columns Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"columnsInput\" text=\"Columns *\"></kendo-label>\n              <kendo-numerictextbox\n                #columnsInput\n                [(ngModel)]=\"columns\"\n                name=\"columns\"\n                [min]=\"1\"\n                [max]=\"12\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Number of columns in the grid (1-12)</kendo-formhint>\n              @if (columns < 1 || columns > 12) {\n                <kendo-formerror>Columns must be between 1 and 12</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Row Height Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"rowHeightInput\" text=\"Row Height *\"></kendo-label>\n              <kendo-numerictextbox\n                #rowHeightInput\n                [(ngModel)]=\"rowHeight\"\n                name=\"rowHeight\"\n                [min]=\"100\"\n                [max]=\"1000\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Height of each row in pixels (100-1000)</kendo-formhint>\n              @if (rowHeight < 100 || rowHeight > 1000) {\n                <kendo-formerror>Row height must be between 100 and 1000</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Gap Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"gapInput\" text=\"Gap *\"></kendo-label>\n              <kendo-numerictextbox\n                #gapInput\n                [(ngModel)]=\"gap\"\n                name=\"gap\"\n                [min]=\"0\"\n                [max]=\"100\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Space between widgets in pixels (0-100)</kendo-formhint>\n              @if (gap < 0 || gap > 100) {\n                <kendo-formerror>Gap must be between 0 and 100</kendo-formerror>\n              }\n            </kendo-formfield>\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Variables Tab -->\n    <kendo-tabstrip-tab [title]=\"'Variables'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-variables-editor\n            [(variables)]=\"variables\">\n          </mm-variables-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Time Filter Tab -->\n    <kendo-tabstrip-tab [title]=\"'Time Filter'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <kendo-formfield>\n              <div class=\"checkbox-wrapper\">\n                <input\n                  type=\"checkbox\"\n                  kendoCheckBox\n                  #timeFilterCheckbox\n                  [(ngModel)]=\"timeFilterEnabled\"\n                  name=\"timeFilterEnabled\"\n                  id=\"timeFilterEnabled\"/>\n                <kendo-label\n                  [for]=\"timeFilterCheckbox\"\n                  text=\"Enable Time Filter\"\n                  class=\"checkbox-label\">\n                </kendo-label>\n              </div>\n              <kendo-formhint>\n                Shows a time range picker in the toolbar. Sets $timeRangeFrom and $timeRangeTo variables.\n              </kendo-formhint>\n            </kendo-formfield>\n\n            @if (timeFilterEnabled) {\n              <kendo-formfield>\n                <kendo-label text=\"Default Selection\"></kendo-label>\n                <mm-time-range-picker\n                  [initialSelection]=\"initialDefaultSelection\"\n                  (selectionChange)=\"onDefaultSelectionChange($event)\">\n                </mm-time-range-picker>\n                <kendo-formhint>Initial time filter shown when no URL parameters are set. Note: User-selected filters override this default. Use the reset button in the toolbar to revert to the default.</kendo-formhint>\n              </kendo-formfield>\n            }\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Entity Selectors Tab -->\n    <kendo-tabstrip-tab [title]=\"'Entity Selectors'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-entity-selector-editor\n            [(entitySelectors)]=\"entitySelectors\"\n            [existingVariableNames]=\"staticVariableNames\"\n            (editingStateChange)=\"entitySelectorEditing = $event\">\n          </mm-entity-selector-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n  </kendo-tabstrip>\n\n  <!-- Dialog Actions -->\n  @if (!entitySelectorEditing) {\n    <div class=\"dialog-actions mm-dialog-actions\">\n      <button kendoButton (click)=\"cancel()\" fillMode=\"flat\">\n        Cancel\n      </button>\n      <button\n        kendoButton\n        (click)=\"save()\"\n        [disabled]=\"!isValid\"\n        themeColor=\"primary\">\n        Save\n      </button>\n    </div>\n  }\n</div>\n", styles: [".meshboard-settings-dialog{display:flex;flex-direction:column;height:100%;overflow:hidden}.meshboard-settings-dialog kendo-tabstrip{flex:1;min-height:0;display:flex;flex-direction:column}.meshboard-settings-dialog kendo-tabstrip ::ng-deep .k-tabstrip-content{flex:1;min-height:0;overflow:hidden}.meshboard-settings-dialog .tab-content{height:100%;overflow-y:auto;padding:1.5rem}.meshboard-settings-dialog .settings-form{display:flex;flex-direction:column;gap:1.25rem}.meshboard-settings-dialog .settings-form kendo-formfield{display:flex;flex-direction:column;gap:.5rem}.meshboard-settings-dialog .settings-form kendo-formfield kendo-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-textbox,.meshboard-settings-dialog .settings-form kendo-formfield kendo-textarea,.meshboard-settings-dialog .settings-form kendo-formfield kendo-numerictextbox{width:100%}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formhint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formerror{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.meshboard-settings-dialog .settings-form .section-title{font-size:.875rem;font-weight:600;color:var(--kendo-color-on-app-surface, #424242);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.meshboard-settings-dialog .settings-form .checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.meshboard-settings-dialog .settings-form .checkbox-wrapper .checkbox-label{font-weight:400;cursor:pointer}.meshboard-settings-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--kendo-color-border, #e0e0e0);flex-shrink:0;background-color:var(--kendo-color-surface-alt, white)}\n"] }]
+                    ], template: "<div class=\"meshboard-settings-dialog\">\n  <kendo-tabstrip [animate]=\"false\">\n    <!-- General Tab -->\n    <kendo-tabstrip-tab [title]=\"'General'\" [selected]=\"true\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <!-- Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"nameInput\" text=\"Name *\"></kendo-label>\n              <kendo-textbox\n                #nameInput\n                [(ngModel)]=\"name\"\n                name=\"name\"\n                placeholder=\"Enter MeshBoard name\"\n                required>\n              </kendo-textbox>\n              @if (name.trim().length === 0) {\n                <kendo-formerror>Name is required</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Description Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"descriptionInput\" text=\"Description\"></kendo-label>\n              <kendo-textarea\n                #descriptionInput\n                [(ngModel)]=\"description\"\n                name=\"description\"\n                placeholder=\"Enter MeshBoard description (optional)\"\n                [rows]=\"3\">\n              </kendo-textarea>\n            </kendo-formfield>\n\n            <!-- Well-Known Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"wellKnownNameInput\" text=\"Well-Known Name\"></kendo-label>\n              <kendo-textbox\n                #wellKnownNameInput\n                [(ngModel)]=\"rtWellKnownName\"\n                name=\"rtWellKnownName\"\n                placeholder=\"e.g., cockpit, dashboard-main\">\n              </kendo-textbox>\n              <kendo-formhint>Unique identifier for routing. Use lowercase with hyphens (e.g., 'cockpit', 'sales-dashboard').</kendo-formhint>\n            </kendo-formfield>\n\n            <!-- Layout Settings -->\n            <div class=\"section-title\">Layout Settings</div>\n\n            <!-- Columns Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"columnsInput\" text=\"Columns *\"></kendo-label>\n              <kendo-numerictextbox\n                #columnsInput\n                [(ngModel)]=\"columns\"\n                name=\"columns\"\n                [min]=\"1\"\n                [max]=\"12\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Number of columns in the grid (1-12)</kendo-formhint>\n              @if (columns < 1 || columns > 12) {\n                <kendo-formerror>Columns must be between 1 and 12</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Row Height Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"rowHeightInput\" text=\"Row Height *\"></kendo-label>\n              <kendo-numerictextbox\n                #rowHeightInput\n                [(ngModel)]=\"rowHeight\"\n                name=\"rowHeight\"\n                [min]=\"100\"\n                [max]=\"1000\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Height of each row in pixels (100-1000)</kendo-formhint>\n              @if (rowHeight < 100 || rowHeight > 1000) {\n                <kendo-formerror>Row height must be between 100 and 1000</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Gap Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"gapInput\" text=\"Gap *\"></kendo-label>\n              <kendo-numerictextbox\n                #gapInput\n                [(ngModel)]=\"gap\"\n                name=\"gap\"\n                [min]=\"0\"\n                [max]=\"100\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Space between widgets in pixels (0-100)</kendo-formhint>\n              @if (gap < 0 || gap > 100) {\n                <kendo-formerror>Gap must be between 0 and 100</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Auto-Refresh Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"autoRefreshInput\" text=\"Auto-refresh\"></kendo-label>\n              <kendo-numerictextbox\n                #autoRefreshInput\n                [(ngModel)]=\"autoRefreshSeconds\"\n                name=\"autoRefreshSeconds\"\n                [min]=\"0\"\n                [max]=\"3600\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\">\n              </kendo-numerictextbox>\n              <kendo-formhint>Refresh interval in seconds (0 = disabled, max 3600). Pauses while the tab is hidden.</kendo-formhint>\n              @if (autoRefreshSeconds < 0 || autoRefreshSeconds > 3600) {\n                <kendo-formerror>Auto-refresh must be between 0 and 3600 seconds</kendo-formerror>\n              }\n            </kendo-formfield>\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Variables Tab -->\n    <kendo-tabstrip-tab [title]=\"'Variables'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-variables-editor\n            [(variables)]=\"variables\">\n          </mm-variables-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Time Filter Tab -->\n    <kendo-tabstrip-tab [title]=\"'Time Filter'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <kendo-formfield>\n              <div class=\"checkbox-wrapper\">\n                <input\n                  type=\"checkbox\"\n                  kendoCheckBox\n                  #timeFilterCheckbox\n                  [(ngModel)]=\"timeFilterEnabled\"\n                  name=\"timeFilterEnabled\"\n                  id=\"timeFilterEnabled\"/>\n                <kendo-label\n                  [for]=\"timeFilterCheckbox\"\n                  text=\"Enable Time Filter\"\n                  class=\"checkbox-label\">\n                </kendo-label>\n              </div>\n              <kendo-formhint>\n                Shows a time range picker in the toolbar. Sets $timeRangeFrom and $timeRangeTo variables.\n              </kendo-formhint>\n            </kendo-formfield>\n\n            @if (timeFilterEnabled) {\n              <kendo-formfield>\n                <kendo-label text=\"Default Selection\"></kendo-label>\n                <mm-time-range-picker\n                  [initialSelection]=\"initialDefaultSelection\"\n                  (selectionChange)=\"onDefaultSelectionChange($event)\">\n                </mm-time-range-picker>\n                <kendo-formhint>Initial time filter shown when no URL parameters are set. Note: User-selected filters override this default. Use the reset button in the toolbar to revert to the default.</kendo-formhint>\n              </kendo-formfield>\n            }\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Entity Selectors Tab -->\n    <kendo-tabstrip-tab [title]=\"'Entity Selectors'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-entity-selector-editor\n            [(entitySelectors)]=\"entitySelectors\"\n            [existingVariableNames]=\"staticVariableNames\"\n            (editingStateChange)=\"entitySelectorEditing = $event\">\n          </mm-entity-selector-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n  </kendo-tabstrip>\n\n  <!-- Dialog Actions -->\n  @if (!entitySelectorEditing) {\n    <div class=\"dialog-actions mm-dialog-actions\">\n      <button kendoButton (click)=\"cancel()\" fillMode=\"flat\">\n        Cancel\n      </button>\n      <button\n        kendoButton\n        (click)=\"save()\"\n        [disabled]=\"!isValid\"\n        themeColor=\"primary\">\n        Save\n      </button>\n    </div>\n  }\n</div>\n", styles: [".meshboard-settings-dialog{display:flex;flex-direction:column;height:100%;overflow:hidden}.meshboard-settings-dialog kendo-tabstrip{flex:1;min-height:0;display:flex;flex-direction:column}.meshboard-settings-dialog kendo-tabstrip ::ng-deep .k-tabstrip-content{flex:1;min-height:0;overflow:hidden}.meshboard-settings-dialog .tab-content{height:100%;overflow-y:auto;padding:1.5rem}.meshboard-settings-dialog .settings-form{display:flex;flex-direction:column;gap:1.25rem}.meshboard-settings-dialog .settings-form kendo-formfield{display:flex;flex-direction:column;gap:.5rem}.meshboard-settings-dialog .settings-form kendo-formfield kendo-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-textbox,.meshboard-settings-dialog .settings-form kendo-formfield kendo-textarea,.meshboard-settings-dialog .settings-form kendo-formfield kendo-numerictextbox{width:100%}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formhint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formerror{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.meshboard-settings-dialog .settings-form .section-title{font-size:.875rem;font-weight:600;color:var(--kendo-color-on-app-surface, #424242);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.meshboard-settings-dialog .settings-form .checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.meshboard-settings-dialog .settings-form .checkbox-wrapper .checkbox-label{font-weight:400;cursor:pointer}.meshboard-settings-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--kendo-color-border, #e0e0e0);flex-shrink:0;background-color:var(--kendo-color-surface-alt, white)}\n"] }]
         }] });
 
 /**
@@ -28520,6 +29046,10 @@ class MeshBoardViewComponent {
     // Config dialog state
     configDialogSubscription = null;
     navigationSubscription = null;
+    // Auto-refresh polling
+    autoRefreshTimerId = null;
+    autoRefreshActiveSeconds = 0;
+    visibilityListener = () => this.evaluateAutoRefresh();
     // State signals
     config = this.stateService.meshBoardConfig;
     isEditMode = this.editModeService.isEditMode;
@@ -28601,6 +29131,16 @@ class MeshBoardViewComponent {
                 }
             }
         });
+        // Effect to re-evaluate the auto-refresh timer whenever the MeshBoard
+        // config changes (e.g. user edits autoRefreshSeconds in settings, or a
+        // different board is loaded). Re-reads on the same interval skip the
+        // restart inside evaluateAutoRefresh().
+        effect(() => {
+            // Touch the signals we depend on so Angular re-fires the effect.
+            const seconds = this.config().autoRefreshSeconds ?? 0;
+            void seconds;
+            this.evaluateAutoRefresh();
+        });
         // Update breadcrumb after each navigation (BreadCrumbService recreates items on NavigationEnd)
         if (this.breadCrumbService) {
             this.navigationSubscription = this.router.events
@@ -28687,6 +29227,13 @@ class MeshBoardViewComponent {
             this.initialLoadComplete = true;
             // Update breadcrumb with MeshBoard name
             this.updateBreadcrumb();
+            // Wire visibility-aware auto-refresh. The config-watching effect already
+            // re-evaluates on signal changes; this listener handles the tab going
+            // background → foreground without a config change.
+            if (typeof document !== 'undefined') {
+                document.addEventListener('visibilitychange', this.visibilityListener);
+            }
+            this.evaluateAutoRefresh();
             this._isInitialized.set(true);
         }
         catch (err) {
@@ -28717,6 +29264,41 @@ class MeshBoardViewComponent {
     ngOnDestroy() {
         this.closeConfigDialog();
         this.navigationSubscription?.unsubscribe();
+        this.stopAutoRefresh();
+        if (typeof document !== 'undefined') {
+            document.removeEventListener('visibilitychange', this.visibilityListener);
+        }
+    }
+    /**
+     * Starts, restarts, or stops the auto-refresh timer based on the MeshBoard
+     * config and document visibility. Called on init, whenever config changes,
+     * and whenever the tab visibility changes.
+     *
+     * Pause-on-hidden saves bandwidth and avoids Apollo cache thrashing when
+     * the user has the tab in the background.
+     */
+    evaluateAutoRefresh() {
+        const seconds = this.config().autoRefreshSeconds ?? 0;
+        const tabVisible = typeof document === 'undefined' || !document.hidden;
+        if (seconds <= 0 || !tabVisible) {
+            this.stopAutoRefresh();
+            return;
+        }
+        if (this.autoRefreshTimerId !== null && this.autoRefreshActiveSeconds === seconds) {
+            return; // already running with the same interval
+        }
+        this.stopAutoRefresh();
+        this.autoRefreshActiveSeconds = seconds;
+        this.autoRefreshTimerId = setInterval(() => {
+            void this.refresh();
+        }, seconds * 1000);
+    }
+    stopAutoRefresh() {
+        if (this.autoRefreshTimerId !== null) {
+            clearInterval(this.autoRefreshTimerId);
+            this.autoRefreshTimerId = null;
+        }
+        this.autoRefreshActiveSeconds = 0;
     }
     /**
      * Preloads data for all widgets to improve initial rendering performance.
@@ -29633,5 +30215,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddWidgetDialogComponent, AiInsightsConfigDialogComponent, AiInsightsService, AiInsightsWidgetComponent, AlertBannerConfigDialogComponent, AlertBannerWidgetComponent, AlertListConfigDialogComponent, AlertListWidgetComponent, AssociationsConfigDialogComponent, BarChartConfigDialogComponent, BarChartWidgetComponent, DashboardDataService, DashboardGridService, EditModeStateService, EditWidgetDialogComponent, EntityAssociationsWidgetComponent, EntityCardConfigDialogComponent, EntityCardWidgetComponent, EntityDetailDialogComponent, EntitySelectorEditorComponent, EntitySelectorToolbarComponent, GaugeConfigDialogComponent, GaugeWidgetComponent, HeatmapConfigDialogComponent, HeatmapWidgetComponent, KpiConfigDialogComponent, KpiWidgetComponent, LineChartConfigDialogComponent, LineChartWidgetComponent, MESHBOARD_OPTIONS, MESHBOARD_TENANT_ID_PROVIDER, MarkdownConfigDialogComponent, MarkdownWidgetComponent, MeshBoardDataService, MeshBoardGridService, MeshBoardManagerDialogComponent, MeshBoardPersistenceService, MeshBoardSettingsDialogComponent, MeshBoardSettingsResult, MeshBoardStateService, MeshBoardViewComponent, PieChartConfigDialogComponent, PieChartWidgetComponent, QuerySelectorComponent, RuntimeEntitySelectorComponent, ServiceHealthConfigDialogComponent, ServiceHealthWidgetComponent, StatsGridConfigDialogComponent, StatsGridWidgetComponent, StatusIndicatorConfigDialogComponent, StatusIndicatorWidgetComponent, StatusListConfigDialogComponent, StatusListWidgetComponent, SummaryCardConfigDialogComponent, SummaryCardWidgetComponent, TableConfigDialogComponent, TableWidgetComponent, TableWidgetDataSourceDirective, WidgetFactoryService, WidgetGroupComponent, WidgetGroupConfigDialogComponent, WidgetNotConfiguredComponent, WidgetRegistryService, provideDefaultWidgets, provideMeshBoard, provideProcessWidget, provideWidgetRegistrations, registerDefaultWidgets, registerProcessWidget };
+export { AddWidgetDialogComponent, AiInsightsConfigDialogComponent, AiInsightsService, AiInsightsWidgetComponent, AlertBannerConfigDialogComponent, AlertBannerWidgetComponent, AlertListConfigDialogComponent, AlertListWidgetComponent, AssociationsConfigDialogComponent, BarChartConfigDialogComponent, BarChartWidgetComponent, DashboardDataService, DashboardGridService, EditModeStateService, EditWidgetDialogComponent, EntityAssociationsWidgetComponent, EntityCardConfigDialogComponent, EntityCardWidgetComponent, EntityDetailDialogComponent, EntitySelectorEditorComponent, EntitySelectorToolbarComponent, GaugeConfigDialogComponent, GaugeWidgetComponent, HeatmapConfigDialogComponent, HeatmapWidgetComponent, KpiConfigDialogComponent, KpiWidgetComponent, LineChartConfigDialogComponent, LineChartWidgetComponent, MESHBOARD_OPTIONS, MESHBOARD_TENANT_ID_PROVIDER, MarkdownConfigDialogComponent, MarkdownWidgetComponent, MeshBoardDataService, MeshBoardGridService, MeshBoardManagerDialogComponent, MeshBoardPersistenceService, MeshBoardSettingsDialogComponent, MeshBoardSettingsResult, MeshBoardStateService, MeshBoardViewComponent, PieChartConfigDialogComponent, PieChartWidgetComponent, QueryExecutorService, QuerySelectorComponent, RuntimeEntitySelectorComponent, ServiceHealthConfigDialogComponent, ServiceHealthWidgetComponent, StatsGridConfigDialogComponent, StatsGridWidgetComponent, StatusIndicatorConfigDialogComponent, StatusIndicatorWidgetComponent, StatusListConfigDialogComponent, StatusListWidgetComponent, SummaryCardConfigDialogComponent, SummaryCardWidgetComponent, TableConfigDialogComponent, TableWidgetComponent, TableWidgetDataSourceDirective, WidgetFactoryService, WidgetGroupComponent, WidgetGroupConfigDialogComponent, WidgetNotConfiguredComponent, WidgetRegistryService, classifyQuery, provideDefaultWidgets, provideMeshBoard, provideProcessWidget, provideWidgetRegistrations, queryFamily, registerDefaultWidgets, registerProcessWidget };
 //# sourceMappingURL=meshmakers-octo-meshboard.mjs.map