@meshmakers/octo-meshboard 3.5.520 → 3.5.550

package/fesm2022/meshmakers-octo-meshboard.mjs

@@ -1,7 +1,7 @@
-import { FieldFilterOperatorsDto, CkTypeSelectorService, RuntimeEntitySelectDataSource, RuntimeEntityDialogDataSource, DeleteStrategiesDto, AssociationModOptionsDto, CkModelService, TENANT_ID_PROVIDER, QueryModeDto, GraphDirectionDto, AttributeSelectorService, GraphQL, GetCkTypeAvailableQueryColumnsDtoGQL, SortOrdersDto, SeriesResolutionSignalDto, HealthService, AssetRepoService, JobManagementService, CONFIGURATION_SERVICE, SystemCommunicationDeploymentStateDto, SystemCommunicationConfigurationStateDto, HealthStatus } from '@meshmakers/octo-services';
+import { FieldFilterOperatorsDto, CkTypeSelectorService, RuntimeEntitySelectDataSource, RuntimeEntityDialogDataSource, DeleteStrategiesDto, AssociationModOptionsDto, CkModelService, TENANT_ID_PROVIDER, OCTO_SILENT_ERRORS, QueryModeDto, GraphDirectionDto, AttributeSelectorService, GraphQL, GetCkTypeAvailableQueryColumnsDtoGQL, SortOrdersDto, SeriesResolutionSignalDto, HealthService, AssetRepoService, JobManagementService, CONFIGURATION_SERVICE, SystemCommunicationDeploymentStateDto, SystemCommunicationConfigurationStateDto, HealthStatus } from '@meshmakers/octo-services';
 export { RuntimeEntityDialogDataSource, RuntimeEntitySelectDataSource, TENANT_ID_PROVIDER } from '@meshmakers/octo-services';
 import * as i0 from '@angular/core';
-import { Injectable, inject, EventEmitter, forwardRef, Output, Input, ViewChild, ChangeDetectionStrategy, Component, input, Directive, model, computed, Injector, EnvironmentInjector, ApplicationRef, signal, effect, untracked, InjectionToken, isSignal, LOCALE_ID, NgZone, DestroyRef, ElementRef, createEnvironmentInjector, ViewContainerRef, makeEnvironmentProviders, provideAppInitializer, ChangeDetectorRef, ViewChildren, output, viewChild } from '@angular/core';
+import { Injectable, inject, EventEmitter, forwardRef, Output, Input, ViewChild, ChangeDetectionStrategy, Component, input, Directive, model, computed, Injector, EnvironmentInjector, ApplicationRef, signal, effect, untracked, InjectionToken, isSignal, LOCALE_ID, NgZone, DestroyRef, ElementRef, ChangeDetectorRef, ViewChildren, createEnvironmentInjector, ViewContainerRef, makeEnvironmentProviders, provideAppInitializer, output, viewChild } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, NG_VALIDATORS } from '@angular/forms';
 import { firstValueFrom, from, map, Observable, of, switchMap as switchMap$1, forkJoin, catchError, NEVER, interval, Subject, BehaviorSubject, filter as filter$1, combineLatest, defer, EMPTY } from 'rxjs';
@@ -16,7 +16,7 @@ import * as i2 from '@progress/kendo-angular-buttons';
 import { ButtonsModule, ButtonModule } from '@progress/kendo-angular-buttons';
 import * as i3 from '@progress/kendo-angular-inputs';
 import { InputsModule, CheckBoxModule, NumericTextBoxModule, TextBoxModule, FormFieldModule } from '@progress/kendo-angular-inputs';
-import { ExpressionEvaluatorService, GetProcessDiagramDtoGQL, GetProcessDiagramsDtoGQL, CreateProcessDiagramDtoGQL, UpdateProcessDiagramDtoGQL, SymbolLibraryService, renderAnimations, getFlowParticlesAnimation, renderFlowParticles } from '@meshmakers/octo-process-diagrams';
+import { ExpressionEvaluatorService, GetProcessDiagramDtoGQL, GetProcessDiagramsDtoGQL, CreateProcessDiagramDtoGQL, UpdateProcessDiagramDtoGQL, SymbolLibraryService, renderAnimations, getFlowParticlesAnimation, renderFlowParticles, evaluateTextValue, applyTextValueToPrimitive } from '@meshmakers/octo-process-diagrams';
 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, take, debounceTime, filter, startWith, shareReplay, tap } from 'rxjs/operators';
@@ -645,6 +645,9 @@ class PersistentQueryDialogDataSource {
                 rtId: item.rtId,
                 name: item.name ?? '',
                 description: item.description,
+                // The family filter classifies by the query entity's own CK type (AB#7951):
+                // without it every item counts as unknown and a stream-data-only dialog lists nothing.
+                ckTypeId: item.ckTypeId,
                 queryCkTypeId: item.queryCkTypeId
             }));
             const items = filterByFamily(rawItems, this.acceptFamilies);
@@ -1539,9 +1542,26 @@ class FormulaFieldComponent {
     ...(ngDevMode ? [{ debugName: "clampHint" }] : /* istanbul ignore next */ []));
     label = input('Formula', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /**
+     * Show the live preview (default). Chart formula series (AB#7952) turn it off: their operands
+     * have one value per bucket, so a single preview value means nothing.
+     */
+    showPreview = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showPreview" }] : /* istanbul ignore next */ []));
+    /** Heading of the insertable names (chart formula series: "Available series"). */
+    variablesLabel = input('Available Variables', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variablesLabel" }] : /* istanbul ignore next */ []));
+    /** What the operands are called in the hint ("variables" / "series"). */
+    namesNoun = input('variables', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "namesNoun" }] : /* istanbul ignore next */ []));
+    /** Reference syntax shown in the hint. */
+    syntaxHint = input('${variableName}', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "syntaxHint" }] : /* istanbul ignore next */ []));
+    /** Text shown when there is nothing to insert. */
+    emptyVariablesText = input('No variables defined. Add variables in the MeshBoard settings or publish a widget value as output variable.', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emptyVariablesText" }] : /* istanbul ignore next */ []));
     placeholder = input('e.g., (${a} - ${b}) / 1000', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-    variableSyntaxHint = '${variableName}';
     clampExample = 'max(0, min(100, …))';
     id = nextFormulaFieldId++;
     inputId = `mm-formula-field-${this.id}`;
@@ -1574,7 +1594,7 @@ class FormulaFieldComponent {
         this.formula.set(`${formula}${separator}\${${name}}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: FormulaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: FormulaFieldComponent, isStandalone: true, selector: "mm-meshboard-formula-field", inputs: { formula: { classPropertyName: "formula", publicName: "formula", isSignal: true, isRequired: false, transformFunction: null }, variables: { classPropertyName: "variables", publicName: "variables", isSignal: true, isRequired: false, transformFunction: null }, declaredNames: { classPropertyName: "declaredNames", publicName: "declaredNames", isSignal: true, isRequired: false, transformFunction: null }, numericOnly: { classPropertyName: "numericOnly", publicName: "numericOnly", isSignal: true, isRequired: false, transformFunction: null }, clampHint: { classPropertyName: "clampHint", publicName: "clampHint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formula: "formulaChange" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: FormulaFieldComponent, isStandalone: true, selector: "mm-meshboard-formula-field", inputs: { formula: { classPropertyName: "formula", publicName: "formula", isSignal: true, isRequired: false, transformFunction: null }, variables: { classPropertyName: "variables", publicName: "variables", isSignal: true, isRequired: false, transformFunction: null }, declaredNames: { classPropertyName: "declaredNames", publicName: "declaredNames", isSignal: true, isRequired: false, transformFunction: null }, numericOnly: { classPropertyName: "numericOnly", publicName: "numericOnly", isSignal: true, isRequired: false, transformFunction: null }, clampHint: { classPropertyName: "clampHint", publicName: "clampHint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, showPreview: { classPropertyName: "showPreview", publicName: "showPreview", isSignal: true, isRequired: false, transformFunction: null }, variablesLabel: { classPropertyName: "variablesLabel", publicName: "variablesLabel", isSignal: true, isRequired: false, transformFunction: null }, namesNoun: { classPropertyName: "namesNoun", publicName: "namesNoun", isSignal: true, isRequired: false, transformFunction: null }, syntaxHint: { classPropertyName: "syntaxHint", publicName: "syntaxHint", isSignal: true, isRequired: false, transformFunction: null }, emptyVariablesText: { classPropertyName: "emptyVariablesText", publicName: "emptyVariablesText", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formula: "formulaChange" }, ngImport: i0, template: `
     <div class="form-field">
       <label [attr.for]="inputId">{{ label() }} <span class="required" aria-hidden="true">*</span></label>
       <kendo-textbox
@@ -1586,7 +1606,7 @@ class FormulaFieldComponent {
         [inputAttributes]="inputAttributes()">
       </kendo-textbox>
       <p class="field-hint" [id]="hintId">
-        Reference variables with <code>{{ variableSyntaxHint }}</code>. Supported: <code>+ - * / % ^</code>, parentheses,
+        Reference {{ namesNoun() }} with <code>{{ syntaxHint() }}</code>. Supported: <code>+ - * / % ^</code>, parentheses,
         <code>min</code>, <code>max</code>, <code>abs</code>, <code>round</code>, <code>clamp</code>, <code>? :</code>.
         Numbers use a dot as decimal separator.
         @if (clampHint()) {
@@ -1595,24 +1615,24 @@ class FormulaFieldComponent {
       </p>
       @if (formula().trim() && validation().error) {
         <p class="field-error" [id]="messageId" role="alert">{{ validation().error }}</p>
-      } @else if (formula().trim()) {
+      } @else if (formula().trim() && showPreview()) {
         <p class="field-hint" [id]="messageId" aria-live="polite">Preview: <strong>{{ preview() }}</strong></p>
       }
     </div>
     <div class="form-field">
-      <span class="field-label" [id]="variablesLabelId">Available Variables</span>
+      <span class="field-label" [id]="variablesLabelId">{{ variablesLabel() }}</span>
       @if (variables().length > 0) {
         <div class="variable-list" role="group" [attr.aria-labelledby]="variablesLabelId">
           @for (variable of variables(); track variable.name) {
             <button kendoButton fillMode="flat" size="small" type="button"
-                    [title]="'Insert ' + variable.name + ' (current value: ' + (variable.value || '-') + ')'"
+                    [title]="showPreview() ? 'Insert ' + variable.name + ' (current value: ' + (variable.value || '-') + ')' : 'Insert ' + variable.name"
                     (click)="insertVariable(variable.name)">
               {{ variable.name }}@if (variable.source === 'widget') { <span class="variable-source">(widget)</span> }
             </button>
           }
         </div>
       } @else {
-        <p class="field-hint">No variables defined. Add variables in the MeshBoard settings or publish a widget value as output variable.</p>
+        <p class="field-hint">{{ emptyVariablesText() }}</p>
       }
     </div>
   `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label,.field-label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface)}.required,.field-error{color:var(--kendo-color-error)}.field-hint,.field-error{margin:0;font-size:.8rem}.field-hint,.variable-source{color:var(--kendo-color-subtle)}.variable-list{display:flex;flex-wrap:wrap;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: FormulaValidityDirective, selector: "[mmFormulaValidity]", inputs: ["mmFormulaValidity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1631,7 +1651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         [inputAttributes]="inputAttributes()">
       </kendo-textbox>
       <p class="field-hint" [id]="hintId">
-        Reference variables with <code>{{ variableSyntaxHint }}</code>. Supported: <code>+ - * / % ^</code>, parentheses,
+        Reference {{ namesNoun() }} with <code>{{ syntaxHint() }}</code>. Supported: <code>+ - * / % ^</code>, parentheses,
         <code>min</code>, <code>max</code>, <code>abs</code>, <code>round</code>, <code>clamp</code>, <code>? :</code>.
         Numbers use a dot as decimal separator.
         @if (clampHint()) {
@@ -1640,28 +1660,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
       </p>
       @if (formula().trim() && validation().error) {
         <p class="field-error" [id]="messageId" role="alert">{{ validation().error }}</p>
-      } @else if (formula().trim()) {
+      } @else if (formula().trim() && showPreview()) {
         <p class="field-hint" [id]="messageId" aria-live="polite">Preview: <strong>{{ preview() }}</strong></p>
       }
     </div>
     <div class="form-field">
-      <span class="field-label" [id]="variablesLabelId">Available Variables</span>
+      <span class="field-label" [id]="variablesLabelId">{{ variablesLabel() }}</span>
       @if (variables().length > 0) {
         <div class="variable-list" role="group" [attr.aria-labelledby]="variablesLabelId">
           @for (variable of variables(); track variable.name) {
             <button kendoButton fillMode="flat" size="small" type="button"
-                    [title]="'Insert ' + variable.name + ' (current value: ' + (variable.value || '-') + ')'"
+                    [title]="showPreview() ? 'Insert ' + variable.name + ' (current value: ' + (variable.value || '-') + ')' : 'Insert ' + variable.name"
                     (click)="insertVariable(variable.name)">
               {{ variable.name }}@if (variable.source === 'widget') { <span class="variable-source">(widget)</span> }
             </button>
           }
         </div>
       } @else {
-        <p class="field-hint">No variables defined. Add variables in the MeshBoard settings or publish a widget value as output variable.</p>
+        <p class="field-hint">{{ emptyVariablesText() }}</p>
       }
     </div>
   `, styles: [":host{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label,.field-label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface)}.required,.field-error{color:var(--kendo-color-error)}.field-hint,.field-error{margin:0;font-size:.8rem}.field-hint,.variable-source{color:var(--kendo-color-subtle)}.variable-list{display:flex;flex-wrap:wrap;gap:4px}\n"] }]
-        }], propDecorators: { formula: [{ type: i0.Input, args: [{ isSignal: true, alias: "formula", required: false }] }, { type: i0.Output, args: ["formulaChange"] }], variables: [{ type: i0.Input, args: [{ isSignal: true, alias: "variables", required: false }] }], declaredNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "declaredNames", required: false }] }], numericOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "numericOnly", required: false }] }], clampHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "clampHint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+        }], propDecorators: { formula: [{ type: i0.Input, args: [{ isSignal: true, alias: "formula", required: false }] }, { type: i0.Output, args: ["formulaChange"] }], variables: [{ type: i0.Input, args: [{ isSignal: true, alias: "variables", required: false }] }], declaredNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "declaredNames", required: false }] }], numericOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "numericOnly", required: false }] }], clampHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "clampHint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPreview", required: false }] }], variablesLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "variablesLabel", required: false }] }], namesNoun: [{ type: i0.Input, args: [{ isSignal: true, alias: "namesNoun", required: false }] }], syntaxHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "syntaxHint", required: false }] }], emptyVariablesText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyVariablesText", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 const GetDashboardsDocumentDto = gql `
     query getDashboards($first: Int) {
@@ -4332,7 +4352,8 @@ class QueryExecutorService {
                 fieldFilter: options.fieldFilter ?? undefined,
                 arg
             },
-            fetchPolicy: options.forceRefresh ? 'network-only' : 'cache-first'
+            fetchPolicy: options.forceRefresh ? 'network-only' : 'cache-first',
+            ...(options.silentErrors ? { context: { [OCTO_SILENT_ERRORS]: true } } : {})
         }).pipe(map$1(result => {
             const queryItem = result.data?.streamData?.streamDataQuery?.items?.[0];
             if (!queryItem) {
@@ -4350,6 +4371,49 @@ class QueryExecutorService {
             };
         }));
     }
+    /**
+     * Column metadata of a persisted stream-data query for the widget config pickers.
+     * Runs the query with `first: 1` and its own window first; a query that cannot run
+     * without a window — an `Integral` column over a raw archive requires from/to
+     * (AB#7921) — fails or returns no columns, so it is run once more with `window`
+     * (the board's time window or a recent default, see `columnProbeWindow`). The error of
+     * the retry propagates. `options.forceRefresh` bypasses the Apollo cache for both calls.
+     *
+     * The first, window-less attempt is a probe: its error is expected for such queries
+     * and is not shown as an error toast (AB#7985). Only the retry's error reaches the
+     * global error handler.
+     */
+    async fetchStreamDataColumns(queryRtId, window, options = {}) {
+        const result = await this.executeWithProbeWindow('streamData', queryRtId, { first: 1, forceRefresh: options.forceRefresh ?? false }, window);
+        return result.columns;
+    }
+    /**
+     * Runs a persisted query for a config picker (column list, category values, AB#7975).
+     * Runtime queries run once as {@link execute}. A stream-data query runs with its own
+     * window first — silently, its refusal is expected for an Integral query without from/to
+     * (AB#7985) — and, when that fails or returns no columns, once more with `window`
+     * (`columnProbeWindow`). The error of the retry propagates and is shown.
+     */
+    async executeWithProbeWindow(family, queryRtId, options, window) {
+        const resolved = family ?? await this.resolveFamily(queryRtId);
+        if (resolved !== 'streamData') {
+            return firstValueFrom(this.executeRuntime(queryRtId, options));
+        }
+        try {
+            const result = await firstValueFrom(this.executeStreamData(queryRtId, { ...options, silentErrors: true }));
+            if (result.columns.length > 0) {
+                return result;
+            }
+        }
+        catch {
+            // Fall through to the windowed retry below.
+        }
+        return firstValueFrom(this.executeStreamData(queryRtId, {
+            ...options,
+            silentErrors: false,
+            streamDataArgs: { ...options.streamDataArgs, from: window.from, to: window.to }
+        }));
+    }
     /**
      * Resolution-aware series routing (AB#4290): asks the backend which archive/rollup to
      * query for a base archive family, time window and target point count — so a widget can
@@ -6422,14 +6486,20 @@ const SUPPORTED_ROW_TYPES$1 = [
 function sanitizeFieldName(fieldName) {
     return fieldName.replace(/\./g, '_');
 }
+/**
+ * Trailing aggregation function suffix the engine appends to a wire-form column:
+ * `_count`, `_sum`, `_avg`, `_min`, `_max`, and `_integral` for the stream-data
+ * Integral (energy over the query window, AB#7921).
+ */
+const AGGREGATION_FUNCTION_SUFFIX = /_(?:count|sum|avg|min|max|integral)$/i;
 /**
  * Strips a trailing aggregation function suffix from a path so the base path can
  * be compared independently of which aggregation produced it. The engine emits
- * cell paths like `meterreading_count` / `amountvalue_sum` for RT aggregation,
- * grouped aggregation, and stream-data variants.
+ * cell paths like `meterreading_count` / `amountvalue_sum` / `importpower_integral`
+ * for RT aggregation, grouped aggregation, and stream-data variants.
  */
 function stripAggregationFunctionSuffix(path) {
-    return path.replace(/_(?:count|sum|avg|min|max)$/i, '');
+    return path.replace(AGGREGATION_FUNCTION_SUFFIX, '');
 }
 /**
  * Canonical key form: drop dot and underscore separators and lowercase the rest.
@@ -6443,11 +6513,11 @@ function toCanonicalAttributeKey(s) {
 }
 /**
  * Detects whether a path ends with the engine's aggregation function suffix
- * (`_count`, `_sum`, `_avg`, `_min`, `_max`). Used to decide whether the loose
- * back-compat fallback in {@link matchesAttributePath} should fire.
+ * (`_count`, `_sum`, `_avg`, `_min`, `_max`, `_integral`). Used to decide whether the
+ * loose back-compat fallback in {@link matchesAttributePath} should fire.
  */
 function hasAggregationFunctionSuffix(path) {
-    return /_(?:count|sum|avg|min|max)$/i.test(path);
+    return AGGREGATION_FUNCTION_SUFFIX.test(path);
 }
 /**
  * Returns true when a cell's `attributePath` refers to the same source attribute
@@ -6701,10 +6771,10 @@ function processPieChartData(rows, categoryField, valueField) {
 /**
  * Applies an optional scale factor to a query value (KPI `valueMultiplier`).
  * Only numeric values are scaled — strings (e.g. enum labels or error
- * placeholders) pass through unchanged, as does everything when no multiplier
- * is configured. Use case: cumulated energy from uniformly sampled power
- * (Σ(kW samples) × sampleIntervalHours → kWh); the factor is window-independent
- * because SUM is linear in the sample count.
+ * placeholders) and `null` (no data) pass through unchanged, as does everything
+ * when no multiplier is configured. Use case: the unit factor of an energy KPI
+ * over a stream-data Integral column (value × hours): 1 for kW → kWh, 0.001 for
+ * W → kWh (AB#7921).
  */
 function applyValueMultiplier(value, multiplier) {
     if (typeof multiplier !== 'number' || typeof value !== 'number') {
@@ -7184,8 +7254,8 @@ class KpiWidgetComponent {
                     value = this.extractGroupedAggregationValue(result);
                     break;
             }
-            // Optional scale factor (e.g. Σ(kW samples) × sampleInterval → kWh).
-            // Applied to numeric values only; strings pass through unchanged.
+            // Optional unit factor (e.g. 1 for an Integral over kW → kWh, 0.001 for W → kWh).
+            // Applied to numeric values only; strings and null (no data) pass through unchanged.
             value = applyValueMultiplier(value, this.config.valueMultiplier);
             // Create a synthetic entity with the value
             const kpiEntity = {
@@ -7254,10 +7324,12 @@ class KpiWidgetComponent {
     /**
      * Extracts a cell value, preserving strings and converting numbers.
      * Returns the value as-is if it's a string, or parses it as a number.
+     * A null cell is "no data" (e.g. an Integral over an empty window, AB#7921) and
+     * stays null, so the KPI shows its empty state instead of a misleading 0.
      */
     extractCellValue(value) {
         if (value === null || value === undefined)
-            return 0;
+            return null;
         if (typeof value === 'number')
             return value;
         if (typeof value === 'string') {
@@ -7515,6 +7587,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Output
             }] } });
 
+/**
+ * Time window the widget config dialogs use to list the columns of a persisted
+ * stream-data query (AB#7921, AB#7975).
+ *
+ * A query with an `Integral` (or TimeWeightedAverage / StateDuration) column over a
+ * raw archive only runs with from/to, so {@link QueryExecutorService.fetchStreamDataColumns}
+ * retries with this window: the board's time window when the board has a time filter,
+ * otherwise the last 24 hours. The window only serves to surface the column metadata;
+ * the widget itself always runs with the board window.
+ */
+const COLUMN_PROBE_FALLBACK_MS = 24 * 60 * 60 * 1000;
+function columnProbeWindow(boardWindow, now = new Date()) {
+    if (boardWindow) {
+        return boardWindow;
+    }
+    return { from: new Date(now.getTime() - COLUMN_PROBE_FALLBACK_MS), to: now };
+}
+
 /**
  * Configuration dialog for KPI widgets.
  * Allows selecting data source, value attribute, and display options.
@@ -8082,9 +8172,11 @@ class KpiConfigDialogComponent {
                 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 => ({
+        // Stream-data: execute with a tiny page just to surface columns. An Integral
+        // column needs from/to (AB#7921), so the executor retries with the board's
+        // window — or the last 24 hours when the board has no time filter.
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.meshBoardStateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -8103,7 +8195,8 @@ class KpiConfigDialogComponent {
         try {
             // 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 }));
+            // A grouped Integral query needs from/to like its column list (AB#7975).
+            const result = await this.queryExecutor.executeWithProbeWindow(family, queryRtId, { first: 100 }, columnProbeWindow(this.meshBoardStateService.resolveStreamDataTimeArgs()));
             const values = new Set();
             for (const row of result.rows) {
                 if (!KpiConfigDialogComponent.INTROSPECTION_ROW_TYPES.has(row.__typename ?? ''))
@@ -8561,7 +8654,7 @@ class KpiConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.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)}.field-error{margin:0;font-size:.8rem;color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "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: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }, { kind: "component", type: FormulaFieldComponent, selector: "mm-meshboard-formula-field", inputs: ["formula", "variables", "declaredNames", "numericOnly", "clampHint", "label", "placeholder"], outputs: ["formulaChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.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)}.field-error{margin:0;font-size:.8rem;color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "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: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }, { kind: "component", type: FormulaFieldComponent, selector: "mm-meshboard-formula-field", inputs: ["formula", "variables", "declaredNames", "numericOnly", "clampHint", "label", "showPreview", "variablesLabel", "namesNoun", "syntaxHint", "emptyVariablesText", "placeholder"], outputs: ["formulaChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: KpiConfigDialogComponent, decorators: [{
             type: Component,
@@ -11831,7 +11924,8 @@ class TableConfigDialogComponent {
     /**
      * The fields a persistent query returns now (`null` when unknown or the lookup failed). Runtime
      * queries use the metadata-only column resolver; stream-data queries execute with `first: 1`
-     * (no column-introspection endpoint), like the chart dialogs.
+     * (no column-introspection endpoint) through `fetchStreamDataColumns`, which retries with a
+     * time window for queries that need one (Integral, AB#7975), like the chart dialogs.
      */
     loadQueryFields(rtId) {
         if (this.queryFieldsLoad?.rtId === rtId) {
@@ -11852,8 +11946,10 @@ class TableConfigDialogComponent {
                         .map(c => c?.attributePath ?? '')
                         .filter(path => path !== '');
                 }
-                const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1, forceRefresh: true }));
-                return sdResult.columns.map(c => c.attributePath).filter(path => !!path);
+                // An Integral column needs from/to (AB#7921): the executor retries with the board's
+                // window, or the last 24 hours when the board has no time filter (AB#7975).
+                const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.stateService.resolveStreamDataTimeArgs()), { forceRefresh: true });
+                return columns.map(c => c.attributePath).filter(path => !!path);
             }
             catch (error) {
                 console.error('Error loading query columns:', error);
@@ -12688,9 +12784,16 @@ class GaugeWidgetComponent {
                     value = this.extractGroupedAggregationValue(result);
                     break;
             }
-            // Create a synthetic entity with the value
             if (generation !== this.loadGeneration)
                 return;
+            // A null cell is "no data" (e.g. an Integral over an empty window, AB#7975): the gauge
+            // shows its empty state ("-", pointer at the scale start), not a misleading 0.
+            if (value === null) {
+                this._data.set(null);
+                this._isLoading.set(false);
+                return;
+            }
+            // Create a synthetic entity with the value
             const gaugeEntity = {
                 rtId: 'query-entity',
                 ckTypeId: 'system.query',
@@ -12755,7 +12858,10 @@ class GaugeWidgetComponent {
         }
         return 0;
     }
+    /** Parses a cell value; a null cell stays null ("no data", AB#7975), unparsable text is 0. */
     parseNumericValue(value) {
+        if (value === null || value === undefined)
+            return null;
         if (typeof value === 'number')
             return value;
         const parsed = parseFloat(String(value));
@@ -13619,8 +13725,10 @@ class GaugeConfigDialogComponent {
                 aggregationType: c.aggregationType ?? null
             }));
         }
-        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
-        return sdResult.columns.map(c => ({
+        // An Integral column needs from/to (AB#7921): the executor retries with the board's
+        // window, or the last 24 hours when the board has no time filter (AB#7975).
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.meshBoardStateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -13639,7 +13747,8 @@ class GaugeConfigDialogComponent {
         // 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.queryExecutor.execute(family, queryRtId, { first: 100 }));
+            // A grouped Integral query needs from/to like its column list (AB#7975).
+            const result = await this.queryExecutor.executeWithProbeWindow(family, queryRtId, { first: 100 }, columnProbeWindow(this.meshBoardStateService.resolveStreamDataTimeArgs()));
             const values = new Set();
             for (const row of result.rows) {
                 if (!GaugeConfigDialogComponent.INTROSPECTION_ROW_TYPES.has(row.__typename ?? ''))
@@ -14103,7 +14212,7 @@ class GaugeConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;padding:16px;position:relative;flex:1;overflow-y:auto}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.checkbox-label{margin-left:8px;font-weight:400}.gauge-type-item{display:flex;flex-direction:column;gap:2px}.gauge-type-label{font-weight:500}.gauge-type-desc{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d)}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.range-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.range-input{width:80px}.range-separator{color:var(--kendo-color-subtle, #6c757d)}.color-picker{width:40px;height:32px;padding:2px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;cursor:pointer}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.required{color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }, { kind: "component", type: FormulaFieldComponent, selector: "mm-meshboard-formula-field", inputs: ["formula", "variables", "declaredNames", "numericOnly", "clampHint", "label", "placeholder"], outputs: ["formulaChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;padding:16px;position:relative;flex:1;overflow-y:auto}.config-form.loading{pointer-events:none}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.disabled{opacity:.6}.form-field.flex-1{flex:1}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.form-section h4{margin:0 0 16px;font-size:.95rem;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-row{display:flex;gap:16px}.checkbox-label{margin-left:8px;font-weight:400}.gauge-type-item{display:flex;flex-direction:column;gap:2px}.gauge-type-label{font-weight:500}.gauge-type-desc{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d)}.attribute-item{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.attribute-path{flex:1}.attribute-type{font-size:.75rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-surface-alt, #f8f9fa);padding:2px 6px;border-radius:3px}.range-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.range-input{width:80px}.range-separator{color:var(--kendo-color-subtle, #6c757d)}.color-picker{width:40px;height:32px;padding:2px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;cursor:pointer}.mode-toggle{display:flex;gap:8px}.mode-toggle button{flex:1}.required{color:var(--kendo-color-error, #dc3545)}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: CkTypeSelectorInputComponent, selector: "mm-ck-type-selector-input", inputs: ["placeholder", "minSearchLength", "maxResults", "debounceMs", "ckModelIds", "allowAbstract", "dialogTitle", "advancedSearchLabel", "derivedFromRtCkTypeId", "messages", "dialogMessages", "disabled", "required"], outputs: ["ckTypeSelected", "ckTypeCleared"] }, { kind: "component", type: EntitySelectInputComponent, selector: "mm-entity-select-input", inputs: ["dataSource", "placeholder", "minSearchLength", "maxResults", "debounceMs", "prefix", "initialDisplayValue", "dialogDataSource", "dialogTitle", "multiSelect", "advancedSearchLabel", "dialogMessages", "messages", "disabled", "required"], outputs: ["entitySelected", "entityCleared", "entitiesSelected"] }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }, { kind: "component", type: FormulaFieldComponent, selector: "mm-meshboard-formula-field", inputs: ["formula", "variables", "declaredNames", "numericOnly", "clampHint", "label", "showPreview", "variablesLabel", "namesNoun", "syntaxHint", "emptyVariablesText", "placeholder"], outputs: ["formulaChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: GaugeConfigDialogComponent, decorators: [{
             type: Component,
@@ -14927,14 +15036,18 @@ class PieChartWidgetComponent {
             const categoryCell = findCellForField(row.cells, this.config.categoryField);
             const valueCell = findCellForField(row.cells, this.config.valueField);
             const category = categoryCell ? String(categoryCell.value ?? '') : '';
+            // A null cell is "no data" (e.g. an Integral over an empty window, AB#7975):
+            // the slice is left out instead of being shown as 0.
+            const noData = valueCell !== undefined && (valueCell.value === null || valueCell.value === undefined);
             let value = 0;
-            if (valueCell) {
+            if (valueCell && !noData) {
                 const numValue = typeof valueCell.value === 'number' ? valueCell.value : parseFloat(String(valueCell.value));
                 value = isNaN(numValue) ? 0 : numValue;
             }
-            return { category, value };
+            return { category, value, noData };
         })
-            .filter(item => item.category !== ''); // Filter out empty categories
+            .filter(item => item.category !== '' && !item.noData) // Filter out empty categories and no-data slices
+            .map(({ category, value }) => ({ category, value }));
         this._rawData.set(chartData);
         this._isLoading.set(false);
     }
@@ -15329,8 +15442,10 @@ class PieChartConfigDialogComponent {
                 aggregationType: c.aggregationType ?? null
             }));
         }
-        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
-        return sdResult.columns.map(c => ({
+        // An Integral column needs from/to (AB#7921): the executor retries with the board's
+        // window, or the last 24 hours when the board has no time filter (AB#7975).
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.stateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -15970,6 +16085,541 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Input
             }] } });
 
+/** Referenced series keys of a formula, distinct, in order of first appearance. */
+function seriesFormulaOperands(formula) {
+    return rewriteFormula(formula ?? '').referencedNames;
+}
+/**
+ * Orders formula series so every series comes after the formula series it references (Kahn's
+ * algorithm, stable in input order). References to non-formula keys (query series) are leaves.
+ * Series in or behind a cycle are left out of `order`; `cyclic` names the ones in the cycle.
+ */
+function orderSeriesFormulas(formulas) {
+    const keys = new Set(formulas.map(f => f.key));
+    const deps = new Map();
+    for (const f of formulas) {
+        deps.set(f.key, seriesFormulaOperands(f.formula).filter(k => keys.has(k)));
+    }
+    const order = [];
+    const done = new Set();
+    let progress = true;
+    while (progress) {
+        progress = false;
+        for (const f of formulas) {
+            if (done.has(f.key))
+                continue;
+            if ((deps.get(f.key) ?? []).every(d => done.has(d))) {
+                done.add(f.key);
+                order.push(f.key);
+                progress = true;
+            }
+        }
+    }
+    const cyclic = formulas
+        .filter(f => !done.has(f.key) && reaches(f.key, f.key, deps))
+        .map(f => f.key);
+    return { order, cyclic };
+}
+/** True when `target` is reachable from the dependencies of `start`. */
+function reaches(start, target, deps) {
+    const visited = new Set();
+    const stack = [...(deps.get(start) ?? [])];
+    while (stack.length > 0) {
+        const current = stack.pop();
+        if (current === target)
+            return true;
+        if (visited.has(current))
+            continue;
+        visited.add(current);
+        stack.push(...(deps.get(current) ?? []));
+    }
+    return false;
+}
+/** Message of a circular reference, naming the series involved. */
+function circularReferenceMessage(cyclic) {
+    return `Circular reference between series: ${cyclic.join(', ')}`;
+}
+/**
+ * Validates every formula series of a chart: syntax and unknown keys exactly like the KPI formula
+ * field (`validateFormula`, series keys as available names), then circular references.
+ * Returns one result per formula, in input order.
+ */
+function validateSeriesFormulas(formulas, availableKeys, evaluator) {
+    const results = formulas.map(f => validateFormula(f.formula, availableKeys, evaluator));
+    const { cyclic } = orderSeriesFormulas(formulas);
+    if (cyclic.length > 0) {
+        const message = circularReferenceMessage(cyclic);
+        formulas.forEach((f, i) => {
+            if (results[i].valid && cyclic.includes(f.key)) {
+                results[i] = { valid: false, error: message, unknownVariables: [] };
+            }
+        });
+    }
+    return results;
+}
+/**
+ * Evaluates the formula series bucket by bucket over `operands` (key → values, all of `length`).
+ * Formula series are evaluated in dependency order and their results become operands of later
+ * ones. A formula in a cycle, or with an operand key that has no values, is all gaps.
+ * Returns key → values for every formula series.
+ */
+function evaluateSeriesFormulas(formulas, operands, length, evaluator) {
+    const values = new Map(operands);
+    const result = new Map();
+    const byKey = new Map(formulas.map(f => [f.key, f]));
+    const { order } = orderSeriesFormulas(formulas);
+    for (const key of order) {
+        const formula = byKey.get(key);
+        const data = evaluateOneSeries(formula.formula, values, length, evaluator);
+        result.set(key, data);
+        values.set(key, data);
+    }
+    for (const f of formulas) {
+        if (!result.has(f.key))
+            result.set(f.key, new Array(length).fill(null));
+    }
+    return result;
+}
+function evaluateOneSeries(formula, values, length, evaluator) {
+    const out = new Array(length).fill(null);
+    if (!formula?.trim())
+        return out;
+    const { expression, referencedNames } = rewriteFormula(formula);
+    const columns = referencedNames.map(name => values.get(name));
+    if (columns.some(c => c === undefined))
+        return out;
+    // Identifiers of the operands, as rewriteFormula produced them (`${a}` alone rewrites to the identifier of `a`).
+    const identifiers = referencedNames.map(name => rewriteFormula(`\${${name}}`).expression);
+    for (let i = 0; i < length; i++) {
+        const context = {};
+        let gap = false;
+        for (let j = 0; j < columns.length; j++) {
+            const v = columns[j][i];
+            if (v === null || v === undefined || !Number.isFinite(v)) {
+                gap = true;
+                break;
+            }
+            context[identifiers[j]] = v;
+        }
+        if (gap)
+            continue;
+        const r = evaluator.evaluate(expression, context);
+        if (r.success && typeof r.value === 'number' && Number.isFinite(r.value)) {
+            out[i] = r.value;
+        }
+    }
+    return out;
+}
+
+/** Suffix of the legend name of a formula series without any valid bucket. */
+const NO_DATA_LEGEND_SUFFIX = ' (no data)';
+/** Source key of the primary data source; series keys cannot clash with it (they start with a letter or `_`, never `__primary`). */
+const PRIMARY_SOURCE_KEY = '__primary';
+/** Valid series key: letters, digits and `_`, starting with a letter or `_`. */
+const SERIES_KEY_PATTERN = /^[A-Za-z_][A-Za-z0-9_]*$/;
+/** A query series the widget can load: key, query and value field set. */
+function isCompleteQuerySeries(def) {
+    return def.kind === 'query'
+        && SERIES_KEY_PATTERN.test(def.key ?? '')
+        && def.key !== PRIMARY_SOURCE_KEY
+        && !!def.dataSource?.queryRtId
+        && !!def.valueField;
+}
+/** A formula series the widget can evaluate: valid key and a non-empty formula (validity is checked by the dialog). */
+function isCompleteFormulaSeries(def) {
+    return def.kind === 'formula'
+        && SERIES_KEY_PATTERN.test(def.key ?? '')
+        && def.key !== PRIMARY_SOURCE_KEY
+        && !!def.formula?.trim();
+}
+/** Display name of a series: its label, else its key. */
+function querySeriesLabel(def) {
+    return def.label?.trim() || def.key;
+}
+function toNumberOrNull(value) {
+    if (value === null || value === undefined)
+        return null;
+    const n = typeof value === 'number' ? value : parseFloat(String(value));
+    return isNaN(n) ? null : n;
+}
+/** Bucket start instant of a row: the downsampling bin / stream-data row timestamp, else the given category cell. */
+function rowInstant(row, categoryField, useTimestamp) {
+    let raw = useTimestamp ? row.timestamp : undefined;
+    if ((raw === undefined || raw === null) && categoryField) {
+        raw = findCellForField(row.cells, categoryField)?.value;
+    }
+    const instant = toInstant$1(raw);
+    return instant ? instant.getTime() : null;
+}
+/**
+ * Value of a row for `valueField`. Downsampled rows carry `<field>_avg` / `_min` / `_max`: the
+ * average (or an unsuffixed cell) is the value. Raw rows: the exact cell first (AB#4293 rule).
+ * A null cell is "no data" (null), never 0.
+ */
+function rowValue(row, valueField, downsampled) {
+    if (downsampled) {
+        const cell = row.cells.find(c => {
+            const lower = c.attributePath.toLowerCase();
+            return lower !== 'timestamp' && !lower.endsWith('_min') && !lower.endsWith('_max')
+                && matchesAttributePath(c.attributePath, valueField);
+        });
+        return toNumberOrNull(cell?.value);
+    }
+    return toNumberOrNull(findCellForField(row.cells, valueField)?.value);
+}
+/**
+ * Rows of the primary source → one series per `seriesGroupField` value, exactly the grouping of
+ * the single-query chart (a later row of the same series and bucket wins).
+ */
+function primaryRowsToSeries(rows, fields, downsampled) {
+    const series = new Map();
+    for (const row of rows) {
+        const instant = rowInstant(row, downsampled ? undefined : fields.categoryField, downsampled);
+        if (instant === null)
+            continue;
+        const group = findCellForField(row.cells, fields.seriesGroupField)?.value;
+        if (group === null || group === undefined || String(group) === '')
+            continue;
+        const name = String(group);
+        let entry = series.get(name);
+        if (!entry) {
+            entry = { points: new Map() };
+            series.set(name, entry);
+        }
+        entry.points.set(instant, rowValue(row, fields.valueField, downsampled));
+        if (fields.unitField) {
+            const unit = findCellForField(row.cells, fields.unitField)?.value;
+            if (unit !== null && unit !== undefined && String(unit) !== '')
+                entry.unit = String(unit);
+        }
+    }
+    return Array.from(series.entries()).map(([name, e]) => ({ name, points: e.points, unit: e.unit }));
+}
+/**
+ * Rows of a query series → its one series. Several rows in one bucket (e.g. one per source entity
+ * when the scope holds several) are summed; a bucket whose rows are all null stays null.
+ */
+function queryRowsToSeries(rows, name, valueField, downsampled) {
+    const points = new Map();
+    for (const row of rows) {
+        const instant = rowInstant(row, 'timestamp', true);
+        if (instant === null)
+            continue;
+        const value = rowValue(row, valueField, downsampled);
+        const prev = points.get(instant);
+        if (prev === undefined || prev === null)
+            points.set(instant, value);
+        else if (value !== null)
+            points.set(instant, prev + value);
+    }
+    return { name, points };
+}
+/**
+ * Category labels for aligned instants. A label that repeats (the doubled wall-clock hour of a
+ * DST fall-back day) gets ` (2)`, ` (3)` …, so every bucket keeps its own category.
+ */
+function uniqueCategoryLabels(instants, format) {
+    const seen = new Map();
+    return instants.map(t => {
+        const label = format(new Date(t));
+        const n = (seen.get(label) ?? 0) + 1;
+        seen.set(label, n);
+        return n === 1 ? label : `${label} (${n})`;
+    });
+}
+/**
+ * Validation message of each series row of the config dialog (query and formula rows, AB#7951 /
+ * AB#7952), `null` when the row is valid. Keys must match {@link SERIES_KEY_PATTERN} and be unique
+ * across all rows; query rows need a query and a value field; formula rows are validated like the
+ * KPI formula field (syntax, unknown keys — every series key is an available name) and must not be
+ * part of a circular reference. With `requireCategoryField` (bar chart, AB#7953) query rows also
+ * need a category field.
+ */
+function querySeriesErrors(series, evaluator, options) {
+    const counts = new Map();
+    for (const s of series) {
+        const key = s.key?.trim() ?? '';
+        if (key)
+            counts.set(key, (counts.get(key) ?? 0) + 1);
+    }
+    const keys = [...counts.keys()];
+    const formulaRows = series
+        .map((s, index) => ({ s, index }))
+        .filter((r) => r.s.kind === 'formula');
+    const formulaResults = evaluator
+        ? validateSeriesFormulas(formulaRows.map(r => ({ key: r.s.key?.trim() ?? '', formula: r.s.formula ?? '' })), keys, evaluator)
+        : [];
+    const formulaErrorByIndex = new Map();
+    formulaRows.forEach((r, i) => {
+        const result = formulaResults[i];
+        formulaErrorByIndex.set(r.index, result && !result.valid ? (result.error ?? 'Invalid formula') : null);
+    });
+    return series.map((s, index) => {
+        const key = s.key?.trim() ?? '';
+        if (!key)
+            return 'Enter a key.';
+        if (!SERIES_KEY_PATTERN.test(key) || key === PRIMARY_SOURCE_KEY) {
+            return 'The key may contain letters, digits and _ and must not start with a digit.';
+        }
+        if ((counts.get(key) ?? 0) > 1)
+            return `The key "${key}" is used by another series.`;
+        if (s.kind === 'formula') {
+            if (!s.formula?.trim())
+                return 'Enter a formula.';
+            return formulaErrorByIndex.get(index) ?? null;
+        }
+        if (!s.dataSource?.queryRtId)
+            return 'Select a stream-data query.';
+        if (options?.requireCategoryField && !s.categoryField)
+            return 'Select a category field.';
+        if (!s.valueField)
+            return 'Select a value field.';
+        if (s.dataSource.resolutionAware && !s.dataSource.requiredAggregation)
+            return 'Select the aggregation.';
+        return null;
+    });
+}
+/**
+ * Composes the series the chart draws from the aligned grid (AB#7952):
+ *
+ * 1. Operands = the aligned query series by key (hidden ones included — they went through the
+ *    alignment like every other series).
+ * 2. Formula series are evaluated per bucket (`evaluateSeriesFormulas`: dependency order, null
+ *    operand or non-finite result = gap).
+ * 3. Order: primary series, then `additionalSeries` in their order; hidden series (`visible:
+ *    false`, primary via `primary.visible`) are left out. In a stacked area chart a series with
+ *    `stacked: false` is drawn as a line and moved behind the stacked ones, so it lies over the stack.
+ * 4. Hints: a visible formula series that (directly or through other formulas) uses a failed or
+ *    misaligned query source gets "depends on <source>, which failed"; a visible formula series without any
+ *    valid bucket keeps its legend entry with the suffix " (no data)".
+ */
+function composeChartSeries(args) {
+    const { gridSeries, length, definitions, primary, stackedChart, sourceProblems, evaluator } = args;
+    const formulas = definitions.filter(isCompleteFormulaSeries);
+    const operands = new Map();
+    for (const s of gridSeries) {
+        if (s.sourceKey !== PRIMARY_SOURCE_KEY)
+            operands.set(s.sourceKey, s.data);
+    }
+    const evaluated = formulas.length > 0
+        ? evaluateSeriesFormulas(formulas, operands, length, evaluator)
+        : new Map();
+    const placement = (options) => {
+        const stacked = stackedChart && options?.stacked !== false;
+        return { stacked, asLine: stackedChart && !stacked };
+    };
+    const series = [];
+    if (primary?.visible !== false) {
+        for (const s of gridSeries) {
+            if (s.sourceKey === PRIMARY_SOURCE_KEY)
+                series.push({ name: s.name, data: s.data, unit: s.unit, ...placement(primary) });
+        }
+    }
+    const hints = [];
+    const formulaByKey = new Map(formulas.map(f => [f.key, f]));
+    for (const def of definitions) {
+        if (def.kind === 'query') {
+            if (def.visible === false || !isCompleteQuerySeries(def))
+                continue;
+            const aligned = gridSeries.find(s => s.sourceKey === def.key);
+            if (aligned)
+                series.push({ name: aligned.name, data: aligned.data, unit: aligned.unit, ...placement(def) });
+            continue;
+        }
+        if (!isCompleteFormulaSeries(def) || def.visible === false)
+            continue;
+        const label = querySeriesLabel(def);
+        const failed = failedSourcesOf(def.key, formulaByKey, sourceProblems);
+        for (const source of failed) {
+            hints.push({
+                kind: 'dependency',
+                sourceLabel: label,
+                text: `${label}: depends on ${source.label}, which ${source.problem === 'misaligned' ? 'is not on the chart\'s time grid' : 'failed'}`
+            });
+        }
+        const data = evaluated.get(def.key) ?? new Array(length).fill(null);
+        const hasData = data.some(v => v !== null);
+        series.push({ name: hasData ? label : `${label}${NO_DATA_LEGEND_SUFFIX}`, data, ...placement(def) });
+    }
+    // Lines over the stack come last, so Kendo draws them on top.
+    return { series: [...series.filter(s => !s.asLine), ...series.filter(s => s.asLine)], hints };
+}
+/** Failed or misaligned query sources a formula series depends on, directly or through other formulas. */
+function failedSourcesOf(key, formulaByKey, sourceProblems) {
+    const out = [];
+    const visited = new Set();
+    const stack = [key];
+    while (stack.length > 0) {
+        const current = stack.pop();
+        if (visited.has(current))
+            continue;
+        visited.add(current);
+        const formula = formulaByKey.get(current);
+        if (formula) {
+            stack.push(...seriesFormulaOperands(formula.formula).reverse());
+            continue;
+        }
+        const problem = sourceProblems.get(current);
+        if (problem && problem.problem !== 'noData')
+            out.push(problem);
+    }
+    return out;
+}
+
+/** Category of a raw cell value; `null` for an empty value (the row is skipped, as today). */
+function categoryOf(raw) {
+    if (raw === null || raw === undefined || String(raw) === '')
+        return null;
+    if (raw instanceof Date || isIsoDateTime(raw)) {
+        const instant = toInstant$1(raw);
+        if (instant)
+            return { key: `t:${instant.getTime()}`, instant: instant.getTime(), raw };
+    }
+    return { key: `s:${String(raw)}`, instant: null, raw };
+}
+/**
+ * Raw category value of a row: the cell of `categoryField` (exact match first, AB#4293). A
+ * stream-data row carries its time stamp as row property, not as cell, so `timestamp` falls back
+ * to `row.timestamp`.
+ */
+function rowCategory(row, categoryField) {
+    let raw = findCellForField(row.cells, categoryField)?.value;
+    if ((raw === undefined || raw === null) && categoryField.toLowerCase() === 'timestamp')
+        raw = row.timestamp;
+    return categoryOf(raw);
+}
+/**
+ * Bar value of a cell, as the single-query chart reads it: a number, `null` for a null cell ("no
+ * data", AB#7975) and 0 for text that is not a number.
+ */
+function toBarValue(value) {
+    if (value === null || value === undefined)
+        return null;
+    const n = typeof value === 'number' ? value : parseFloat(String(value));
+    return isNaN(n) ? 0 : n;
+}
+function scaled(value, valueScale) {
+    return value === null ? null : value * valueScale;
+}
+function addCategory(list, seen, category) {
+    if (seen.has(category.key))
+        return;
+    seen.add(category.key);
+    list.push(category);
+}
+/**
+ * Rows of the primary source → its series, exactly the grouping of the single-query chart:
+ * static mode one series per configured value field (a missing cell is 0), dynamic mode one series
+ * per `seriesGroupField` value (a combination missing in a category of this source is 0). A later
+ * row of the same category wins. `valueScale` is applied to every value.
+ */
+function primaryRowsToCategorySeries(rows, config, valueScale) {
+    const categories = [];
+    const seen = new Set();
+    if (config.seriesGroupField && config.valueField) {
+        const groups = new Map();
+        for (const row of rows) {
+            const category = rowCategory(row, config.categoryField);
+            const groupCell = findCellForField(row.cells, config.seriesGroupField);
+            const group = groupCell ? String(groupCell.value ?? '') : '';
+            if (!category || !group)
+                continue;
+            addCategory(categories, seen, category);
+            const valueCell = findCellForField(row.cells, config.valueField);
+            const value = valueCell ? toBarValue(valueCell.value) : 0;
+            let values = groups.get(group);
+            if (!values) {
+                values = new Map();
+                groups.set(group, values);
+            }
+            values.set(category.key, scaled(value, valueScale));
+        }
+        const series = Array.from(groups.entries()).map(([name, values]) => {
+            for (const c of categories)
+                if (!values.has(c.key))
+                    values.set(c.key, 0);
+            return { name, values };
+        });
+        return { categories, series };
+    }
+    const fields = config.series ?? [];
+    const series = fields.map(f => ({ name: f.name ?? f.field, values: new Map() }));
+    for (const row of rows) {
+        const category = rowCategory(row, config.categoryField);
+        if (!category)
+            continue;
+        addCategory(categories, seen, category);
+        fields.forEach((f, i) => {
+            const cell = findCellForField(row.cells, f.field);
+            series[i].values.set(category.key, cell ? scaled(toBarValue(cell.value), valueScale) : 0);
+        });
+    }
+    return { categories, series };
+}
+/**
+ * Rows of a query series → its one series. Several rows in one category (e.g. one per source
+ * entity when the scope holds several) are summed; a category whose rows are all null stays null.
+ * `valueScale` is applied to the result.
+ */
+function queryRowsToCategorySeries(rows, name, categoryField, valueField, valueScale) {
+    const categories = [];
+    const seen = new Set();
+    const values = new Map();
+    for (const row of rows) {
+        const category = rowCategory(row, categoryField);
+        if (!category)
+            continue;
+        addCategory(categories, seen, category);
+        const cell = findCellForField(row.cells, valueField);
+        const value = cell ? toBarValue(cell.value) : null;
+        const prev = values.get(category.key);
+        if (prev === undefined || prev === null)
+            values.set(category.key, value);
+        else if (value !== null)
+            values.set(category.key, prev + value);
+    }
+    for (const [key, v] of values)
+        values.set(key, scaled(v, valueScale));
+    return { categories, series: { name, values } };
+}
+/**
+ * Matches the series of all sources per category value. Categories are the union over all sources:
+ * in order of first appearance (primary source first, then the others in their order), and sorted
+ * chronologically when every category is a date-time. A category a source lacks is `null` for
+ * its series — no bar, never 0.
+ */
+function alignOnCategories(sources) {
+    const categories = [];
+    const seen = new Set();
+    for (const source of sources) {
+        for (const c of source.categories)
+            addCategory(categories, seen, c);
+    }
+    if (categories.length > 0 && categories.every(c => c.instant !== null)) {
+        categories.sort((a, b) => a.instant - b.instant);
+    }
+    const series = [];
+    for (const source of sources) {
+        for (const s of source.series) {
+            series.push({
+                sourceKey: source.sourceKey,
+                name: s.name,
+                data: categories.map(c => (s.values.has(c.key) ? s.values.get(c.key) : null))
+            });
+        }
+    }
+    return { categories, series };
+}
+/** Makes labels unique: a repeated label gets ` (2)`, ` (3)` …, so every category keeps its own slot. */
+function uniqueLabels(labels) {
+    const seen = new Map();
+    return labels.map(label => {
+        const n = (seen.get(label) ?? 0) + 1;
+        seen.set(label, n);
+        return n === 1 ? label : `${label} (${n})`;
+    });
+}
+
 const CHART_TYPE_MAPPING = {
     column: { type: 'column', stack: false },
     bar: { type: 'bar', stack: false },
@@ -15990,6 +16640,7 @@ class BarChartWidgetComponent {
     ]);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
+    expressionEvaluator = inject(ExpressionEvaluatorService);
     config;
     // Widget state signals
     _isLoading = signal(false, /* @ts-ignore */
@@ -16004,6 +16655,13 @@ class BarChartWidgetComponent {
     categories = this._categories.asReadonly();
     seriesData = this._seriesData.asReadonly();
     error = this._error.asReadonly();
+    // Multi-source path (AB#7953): per-source hints and whether the last load went through it.
+    _sourceHints = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_sourceHints" }] : /* istanbul ignore next */ []));
+    sourceHints = this._sourceHints.asReadonly();
+    _multiSource = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_multiSource" }] : /* istanbul ignore next */ []));
+    isMultiSource = this._multiSource.asReadonly();
     data = computed(() => this._seriesData(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     /**
@@ -16089,6 +16747,27 @@ class BarChartWidgetComponent {
     isDynamicSeriesMode() {
         return !!(this.config.seriesGroupField && this.config.valueField);
     }
+    /** Whether the chart reads series from more than its primary query or has formula series (AB#7953). */
+    hasAdditionalSeries() {
+        return (this.config?.additionalSeries ?? []).some(s => this.isLoadableQuerySeries(s) || isCompleteFormulaSeries(s));
+    }
+    isLoadableQuerySeries(s) {
+        return isCompleteQuerySeries(s) && !!s.categoryField;
+    }
+    /**
+     * Shared tooltip rows of the multi-source path (AB#7953): one row per drawn series for the
+     * hovered category; no bar (null) shows "–".
+     */
+    tooltipRows(category) {
+        const index = this._categories().indexOf(category);
+        if (index < 0)
+            return [];
+        return this._seriesData().map(s => {
+            const raw = s.data[index];
+            const value = raw !== null && typeof raw === 'object' ? raw.value : raw;
+            return { name: s.name, text: value === null || value === undefined ? '–' : this.formatValue(value) };
+        });
+    }
     formatValue(value) {
         return value.toLocaleString('de-AT', {
             minimumFractionDigits: 0,
@@ -16100,6 +16779,12 @@ class BarChartWidgetComponent {
         if (this.isNotConfigured()) {
             return;
         }
+        if (this.hasAdditionalSeries()) {
+            await this.loadMultiSource();
+            return;
+        }
+        this._multiSource.set(false);
+        this._sourceHints.set([]);
         // Note: isNotConfigured() check ensures dataSource and queryRtId are set
         const queryDataSource = this.config.dataSource;
         this._isLoading.set(true);
@@ -16143,6 +16828,141 @@ class BarChartWidgetComponent {
             this._isLoading.set(false);
         }
     }
+    /**
+     * Multi-source load (AB#7953): the primary query plus every complete query series, each with its
+     * own scope and time-filter opt-out, matched per category value.
+     *
+     * 1. Scope per source: any `pending` → stay loading, no query; `empty` → no series for that
+     *    source and a "No data for <source>" hint.
+     * 2. All sources load in parallel; a failing source gives an error hint, the others render.
+     * 3. `valueScale` is applied to every source value, then {@link alignOnCategories} builds the
+     *    union of categories (chronological when all are date-times); a category a source lacks is
+     *    no bar for its series.
+     * 4. `composeChartSeries` (shared with the line chart) evaluates formula series per category,
+     *    drops hidden series and adds "depends on <source>, which failed" hints.
+     */
+    async loadMultiSource() {
+        const primaryDs = this.config.dataSource;
+        const sources = [
+            { key: PRIMARY_SOURCE_KEY, label: primaryDs.queryName?.trim() || 'Primary query', dataSource: primaryDs, primary: true },
+            ...(this.config.additionalSeries ?? [])
+                .filter((s) => this.isLoadableQuerySeries(s))
+                .map(def => ({
+                key: def.key,
+                label: querySeriesLabel(def),
+                dataSource: def.dataSource,
+                primary: false,
+                categoryField: def.categoryField,
+                valueField: def.valueField
+            }))
+        ];
+        this._isLoading.set(true);
+        this._error.set(null);
+        this._multiSource.set(true);
+        const scopes = sources.map(s => this.stateService.resolveStreamDataScope(s.dataSource.entitySelectorId, s.dataSource.queryFamily, s.dataSource.ignoreTimeFilter));
+        if (scopes.some(s => s.kind === 'pending')) {
+            return;
+        }
+        try {
+            const hints = [];
+            const problems = new Map();
+            const noData = (source) => {
+                hints.push({ kind: 'noData', sourceLabel: source.label, text: `No data for ${source.label}` });
+                problems.set(source.key, { label: source.label, problem: 'noData' });
+            };
+            const active = [];
+            sources.forEach((source, i) => {
+                const scope = scopes[i];
+                if (scope.kind === 'empty')
+                    noData(source);
+                else
+                    active.push({ source, rtIds: scope.kind === 'scoped' ? scope.rtIds : undefined });
+            });
+            const fetched = await Promise.allSettled(active.map(a => this.fetchSourceRows(a.source, a.rtIds)));
+            const valueScale = this.config.valueScale ?? 1;
+            const categorySources = [];
+            fetched.forEach((f, i) => {
+                const source = active[i].source;
+                if (f.status === 'rejected') {
+                    console.error(`Error loading Bar Chart source "${source.label}":`, f.reason);
+                    hints.push({ kind: 'error', sourceLabel: source.label, text: `${source.label}: ${this.errorMessage(f.reason)}` });
+                    problems.set(source.key, { label: source.label, problem: 'error' });
+                    return;
+                }
+                const converted = source.primary
+                    ? primaryRowsToCategorySeries(f.value, this.config, valueScale)
+                    : (r => ({ categories: r.categories, series: [r.series] }))(queryRowsToCategorySeries(f.value, source.label, source.categoryField, source.valueField, valueScale));
+                if (converted.categories.length === 0 || converted.series.length === 0) {
+                    noData(source);
+                    return;
+                }
+                categorySources.push({ sourceKey: source.key, sourceLabel: source.label, ...converted });
+            });
+            const aligned = alignOnCategories(categorySources);
+            const composed = composeChartSeries({
+                gridSeries: aligned.series,
+                length: aligned.categories.length,
+                definitions: this.config.additionalSeries ?? [],
+                primary: this.config.primarySeries,
+                stackedChart: false,
+                sourceProblems: problems,
+                evaluator: this.expressionEvaluator
+            });
+            hints.push(...composed.hints);
+            const colors = new Map((this.config.series ?? []).map(s => [s.name ?? s.field, s.color]));
+            this._categories.set(this.categoryLabels(aligned.categories));
+            this._seriesData.set(composed.series.map(s => ({
+                name: s.name,
+                data: this.hasColorThresholds() ? this.applyColorThresholds(s.data) : s.data,
+                color: colors.get(s.name)
+            })));
+            this._sourceHints.set(hints);
+            this._isLoading.set(false);
+        }
+        catch (err) {
+            console.error('Error loading Bar Chart data:', err);
+            this._error.set('Failed to load data');
+            this._sourceHints.set([]);
+            this._isLoading.set(false);
+        }
+    }
+    /** Rows of one source of the multi-source path; widget filters apply to the primary query only. */
+    async fetchSourceRows(source, scopeRtIds) {
+        const ds = source.dataSource;
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        const streamDataArgs = timeArgs || rtIds ? { ...timeArgs, rtIds } : undefined;
+        const result = await firstValueFrom(this.queryExecutor.execute(ds.queryFamily, ds.queryRtId, {
+            fieldFilter: source.primary ? this.convertFiltersToDto(this.config.filters) ?? undefined : undefined,
+            streamDataArgs,
+            scopeRtIds
+        }));
+        return result.rows.filter(row => BarChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
+    }
+    /**
+     * Category labels of the multi-source path: date-times as dates when every category is a
+     * different day (daily bars), else date and time as the single-query chart shows them; other
+     * values as text. Repeated labels get " (2)" so every category keeps its slot.
+     */
+    categoryLabels(categories) {
+        const mode = this.stateService.timeZoneMode();
+        const allInstants = categories.length > 0 && categories.every(c => c.instant !== null);
+        const dayOf = (c) => formatInstant(new Date(c.instant), mode, { day: '2-digit', month: '2-digit', year: 'numeric' }) ?? '';
+        const byDay = allInstants && new Set(categories.map(dayOf)).size === categories.length;
+        return uniqueLabels(categories.map(c => {
+            if (byDay)
+                return dayOf(c);
+            if (c.instant !== null) {
+                return formatInstant(new Date(c.instant), mode, { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' }) ?? String(c.raw);
+            }
+            return String(c.raw ?? '');
+        }));
+    }
+    /** Short message of a failed source for its hint. */
+    errorMessage(reason) {
+        const message = reason instanceof Error ? reason.message : typeof reason === 'string' ? reason : '';
+        return message ? `Failed to load data (${message})` : 'Failed to load data';
+    }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
         const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
@@ -16173,15 +16993,16 @@ class BarChartWidgetComponent {
             for (const seriesConfig of (this.config.series ?? [])) {
                 const seriesCell = findCellForField(row.cells, seriesConfig.field);
                 if (seriesCell) {
-                    const numValue = typeof seriesCell.value === 'number' ? seriesCell.value : parseFloat(String(seriesCell.value));
-                    rowValues.set(seriesConfig.field, isNaN(numValue) ? 0 : numValue);
+                    rowValues.set(seriesConfig.field, BarChartWidgetComponent.toBarValue(seriesCell.value));
                 }
             }
             if (categoryValue !== '') {
                 categories.push(categoryValue);
                 // Add values for each series
                 for (const seriesConfig of (this.config.series ?? [])) {
-                    const value = rowValues.get(seriesConfig.field) ?? 0;
+                    // A null cell (no data, e.g. an Integral over an empty day) stays null: no bar
+                    // instead of a 0 bar (AB#7975). A missing cell is still 0.
+                    const value = rowValues.has(seriesConfig.field) ? rowValues.get(seriesConfig.field) : 0;
                     seriesMap.get(seriesConfig.field)?.push(value);
                 }
             }
@@ -16228,13 +17049,7 @@ class BarChartWidgetComponent {
             const valueCell = findCellForField(row.cells, valueField);
             const categoryValue = categoryCell ? this.formatCategoryValue(categoryCell.value) : '';
             const seriesGroupValue = seriesGroupCell ? String(seriesGroupCell.value ?? '') : '';
-            let numericValue = 0;
-            if (valueCell) {
-                const val = valueCell.value;
-                numericValue = typeof val === 'number' ? val : parseFloat(String(val));
-                if (isNaN(numericValue))
-                    numericValue = 0;
-            }
+            const numericValue = valueCell ? BarChartWidgetComponent.toBarValue(valueCell.value) : 0;
             if (categoryValue && seriesGroupValue) {
                 allCategories.add(categoryValue);
                 allSeriesGroups.add(seriesGroupValue);
@@ -16251,7 +17066,12 @@ class BarChartWidgetComponent {
         const valueScale = this.config?.valueScale ?? 1;
         const seriesData = seriesGroups.map(seriesGroup => {
             const rawData = categories.map(category => {
-                return (dataMap.get(category)?.get(seriesGroup) ?? 0) * valueScale;
+                const cell = dataMap.get(category);
+                // Missing combination → 0; a null cell (no data, AB#7975) → no bar.
+                if (!cell?.has(seriesGroup))
+                    return 0;
+                const value = cell.get(seriesGroup);
+                return value === null ? null : value * valueScale;
             });
             return {
                 name: seriesGroup,
@@ -16276,11 +17096,21 @@ class BarChartWidgetComponent {
     applyColorThresholds(data) {
         const thresholds = this.config.colorThresholds ?? [];
         const defaultColor = this.config.defaultBarColor ?? '#6b7280';
-        return data.map(val => ({
+        return data.map(val => val === null ? { value: null } : ({
             value: val,
             _color: this.getColorForValue(val, thresholds, defaultColor)
         }));
     }
+    /**
+     * Bar value of a cell: a number, `null` for a null cell ("no data" — Kendo draws no
+     * bar, AB#7975), and 0 for text that is not a number.
+     */
+    static toBarValue(value) {
+        if (value === null || value === undefined)
+            return null;
+        const numValue = typeof value === 'number' ? value : parseFloat(String(value));
+        return isNaN(numValue) ? 0 : numValue;
+    }
     getColorForValue(val, thresholds, defaultColor) {
         for (const t of thresholds) {
             if (val <= t.value)
@@ -16324,6 +17154,15 @@ class BarChartWidgetComponent {
           <span>{{ error() }}</span>
         </div>
       } @else {
+        @if (sourceHints().length > 0) {
+          <ul class="source-hints" aria-live="polite">
+            @for (hint of sourceHints(); track hint.text) {
+              <li class="source-hint" [class.error]="hint.kind === 'error'" [class.warn]="hint.kind === 'dependency'">
+                @if (hint.kind !== 'noData') {<span aria-hidden="true">⚠ </span>}{{ hint.text }}
+              </li>
+            }
+          </ul>
+        }
         <kendo-chart class="chart-container" [plotArea]="{ background: 'transparent', margin: plotAreaMargin() }">
           <kendo-chart-area [background]="'transparent'"></kendo-chart-area>
           <kendo-chart-category-axis>
@@ -16376,18 +17215,32 @@ class BarChartWidgetComponent {
             [labels]="{ color: chartTheme().text }">
           </kendo-chart-legend>
 
-          <kendo-chart-tooltip>
-            <ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" let-series="series">
-              <div class="chart-tooltip">
-                <strong>{{ category }}</strong><br/>
-                {{ series.name }}: {{ formatValue(value) }}
-              </div>
-            </ng-template>
-          </kendo-chart-tooltip>
+          @if (isMultiSource()) {
+            <!-- Multi-source (AB#7953): one tooltip per category with every drawn series; no bar shows "–". -->
+            <kendo-chart-tooltip [shared]="true">
+              <ng-template kendoChartSharedTooltipTemplate let-category="category">
+                <div class="chart-tooltip">
+                  <strong>{{ category }}</strong>
+                  @for (row of tooltipRows(category); track row.name) {
+                    <br/>{{ row.name }}: {{ row.text }}
+                  }
+                </div>
+              </ng-template>
+            </kendo-chart-tooltip>
+          } @else {
+            <kendo-chart-tooltip>
+              <ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" let-series="series">
+                <div class="chart-tooltip">
+                  <strong>{{ category }}</strong><br/>
+                  {{ series.name }}: {{ formatValue(value) }}
+                </div>
+              </ng-template>
+            </kendo-chart-tooltip>
+          }
         </kendo-chart>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.bar-chart-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.bar-chart-widget.loading,.bar-chart-widget.error{opacity:.7}.loading-indicator,.error-message,.no-config-overlay{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.no-config-overlay span{color:var(--kendo-color-subtle, #6c757d);font-style:italic}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.SeriesLabelsComponent, selector: "kendo-chart-series-item-labels", inputs: ["align", "background", "border", "color", "content", "ariaContent", "distance", "font", "format", "margin", "padding", "position", "rotation", "visible", "visual", "from", "to"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.bar-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.bar-chart-widget.loading,.bar-chart-widget.error{opacity:.7}.loading-indicator,.error-message,.no-config-overlay{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.no-config-overlay span{color:var(--kendo-color-subtle, #6c757d);font-style:italic}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}.source-hints{position:absolute;top:4px;left:6px;z-index:2;max-width:calc(100% - 12px);margin:0;padding:0;list-style:none;font-size:.7rem;line-height:1.4;color:var(--kendo-color-subtle, #6c757d)}.source-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-hint.error{color:var(--kendo-color-error, #dc3545)}.source-hint.warn{color:var(--kendo-color-warning, #b8860b)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "directive", type: i1$7.SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.SeriesLabelsComponent, selector: "kendo-chart-series-item-labels", inputs: ["align", "background", "border", "color", "content", "ariaContent", "distance", "font", "format", "margin", "padding", "position", "rotation", "visible", "visual", "from", "to"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BarChartWidgetComponent, decorators: [{
             type: Component,
@@ -16408,6 +17261,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
           <span>{{ error() }}</span>
         </div>
       } @else {
+        @if (sourceHints().length > 0) {
+          <ul class="source-hints" aria-live="polite">
+            @for (hint of sourceHints(); track hint.text) {
+              <li class="source-hint" [class.error]="hint.kind === 'error'" [class.warn]="hint.kind === 'dependency'">
+                @if (hint.kind !== 'noData') {<span aria-hidden="true">⚠ </span>}{{ hint.text }}
+              </li>
+            }
+          </ul>
+        }
         <kendo-chart class="chart-container" [plotArea]="{ background: 'transparent', margin: plotAreaMargin() }">
           <kendo-chart-area [background]="'transparent'"></kendo-chart-area>
           <kendo-chart-category-axis>
@@ -16460,22 +17322,634 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             [labels]="{ color: chartTheme().text }">
           </kendo-chart-legend>
 
-          <kendo-chart-tooltip>
-            <ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" let-series="series">
-              <div class="chart-tooltip">
-                <strong>{{ category }}</strong><br/>
-                {{ series.name }}: {{ formatValue(value) }}
-              </div>
-            </ng-template>
-          </kendo-chart-tooltip>
+          @if (isMultiSource()) {
+            <!-- Multi-source (AB#7953): one tooltip per category with every drawn series; no bar shows "–". -->
+            <kendo-chart-tooltip [shared]="true">
+              <ng-template kendoChartSharedTooltipTemplate let-category="category">
+                <div class="chart-tooltip">
+                  <strong>{{ category }}</strong>
+                  @for (row of tooltipRows(category); track row.name) {
+                    <br/>{{ row.name }}: {{ row.text }}
+                  }
+                </div>
+              </ng-template>
+            </kendo-chart-tooltip>
+          } @else {
+            <kendo-chart-tooltip>
+              <ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" let-series="series">
+                <div class="chart-tooltip">
+                  <strong>{{ category }}</strong><br/>
+                  {{ series.name }}: {{ formatValue(value) }}
+                </div>
+              </ng-template>
+            </kendo-chart-tooltip>
+          }
         </kendo-chart>
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.bar-chart-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.bar-chart-widget.loading,.bar-chart-widget.error{opacity:.7}.loading-indicator,.error-message,.no-config-overlay{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.no-config-overlay span{color:var(--kendo-color-subtle, #6c757d);font-style:italic}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.bar-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.bar-chart-widget.loading,.bar-chart-widget.error{opacity:.7}.loading-indicator,.error-message,.no-config-overlay{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.no-config-overlay span{color:var(--kendo-color-subtle, #6c757d);font-style:italic}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}.source-hints{position:absolute;top:4px;left:6px;z-index:2;max-width:calc(100% - 12px);margin:0;padding:0;list-style:none;font-size:.7rem;line-height:1.4;color:var(--kendo-color-subtle, #6c757d)}.source-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-hint.error{color:var(--kendo-color-error, #dc3545)}.source-hint.warn{color:var(--kendo-color-warning, #b8860b)}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }] } });
 
+const NUMERIC_TYPES = ['INTEGER', 'FLOAT', 'DOUBLE', 'DECIMAL', 'LONG'];
+/**
+ * Series section of the line chart config dialog (AB#7951, wireframe linked in AB#7951): the
+ * series that come after the primary query's series, in legend / stacking order.
+ *
+ * - Query rows: own stream-data query, value field, entity-selector scope, time-filter opt-out and
+ *   resolution-aware routing (AB#7951).
+ * - Formula rows (AB#7952): a formula over the other rows' keys in the shared formula field
+ *   (series keys as available names, no preview).
+ * - Every row and the primary row: Visible and Stacked (Stacked only in a stacked area chart;
+ *   unchecked = drawn as a line over the stack).
+ *
+ * Rows can be added, removed and moved by keyboard; the focus stays on a moved row's button.
+ *
+ * `alignment="category"` (bar chart, AB#7953): rows are matched per category value, so every query
+ * row gets its own category field; Resolution-aware and Stacked are not shown (the chart type
+ * stacks).
+ */
+class LineChartSeriesEditorComponent {
+    queryExecutor = inject(QueryExecutorService);
+    stateService = inject(MeshBoardStateService);
+    cdr = inject(ChangeDetectorRef);
+    host = inject(ElementRef);
+    evaluator = inject(ExpressionEvaluatorService);
+    /** The series (query and formula rows), in order. */
+    series = [];
+    /** Display options of the primary query's series (AB#7952). */
+    primary;
+    /** The chart stacks (area + stacked): enables the per-series Stacked checkboxes (AB#7952). */
+    stackedChart = false;
+    /** Emits the primary display options on change; `undefined` when both are default. */
+    primaryChange = new EventEmitter();
+    /** Entity selectors of the board (scope picker). */
+    selectors = [];
+    /**
+     * How the chart matches series (AB#7953): `timeGrid` (line chart, default) or `category` (bar
+     * chart: per-row category field, no Resolution-aware, no Stacked).
+     */
+    alignment = 'timeGrid';
+    /** Category field preset for a new query row in category mode (the primary query's category field). */
+    defaultCategoryField;
+    /** Emits a new array on every change. */
+    seriesChange = new EventEmitter();
+    rowCards;
+    get arrowUpIcon() { return arrowUpIcon; }
+    get arrowDownIcon() { return arrowDownIcon; }
+    get plusIcon() { return plusIcon; }
+    get trashIcon() { return MM_ACTION_ICONS.delete; }
+    streamDataOnly = ['streamData'];
+    stackedDisabledHint = 'Only a stacked area chart stacks series.';
+    keySyntaxHint = '${key}';
+    formulaPlaceholder = 'e.g. min(${pv} - ${gridExport}, ${consumption})';
+    aggregationOptions = [
+        { value: 'SUM', label: 'Sum' },
+        { value: 'AVG', label: 'Average' },
+        { value: 'MAX', label: 'Max' },
+        { value: 'MIN', label: 'Min' },
+        { value: 'COUNT', label: 'Count' },
+        { value: 'TIME_WEIGHTED_AVG', label: 'Time-weighted average' }
+    ];
+    /** Rows are matched per category value (bar chart, AB#7953). */
+    get categoryMode() {
+        return this.alignment === 'category';
+    }
+    rows = [];
+    errors = [];
+    nextUid = 1;
+    operandCache = new Map();
+    /** The array last emitted, so an echo through `[series]` does not rebuild the rows. */
+    lastEmitted = null;
+    ngOnChanges(changes) {
+        if (changes['series'] && this.series !== this.lastEmitted) {
+            this.rows = (this.series ?? []).map(s => this.createRow(structuredClone(s)));
+            this.errors = querySeriesErrors(this.rows.map(r => r.series), this.evaluator, this.validationOptions());
+            for (const row of this.rows) {
+                if (row.series.kind === 'query' && row.series.dataSource.queryRtId)
+                    void this.loadColumns(row);
+            }
+        }
+        else if (changes['alignment']) {
+            this.errors = querySeriesErrors(this.rows.map(r => r.series), this.evaluator, this.validationOptions());
+        }
+    }
+    add() {
+        this.rows = [...this.rows, this.createRow({
+                kind: 'query',
+                key: '',
+                dataSource: { type: 'persistentQuery', queryRtId: '', queryFamily: 'streamData' },
+                valueField: ''
+            })];
+        this.emit();
+        this.focusAfterRender(this.rows.length - 1, 'key');
+    }
+    addFormula() {
+        this.rows = [...this.rows, this.createRow({ kind: 'formula', key: '', formula: '' })];
+        this.emit();
+        this.focusAfterRender(this.rows.length - 1, 'key');
+    }
+    /** The row as query series (template narrowing). */
+    asQuery(row) {
+        return row.series.kind === 'query' ? row.series : null;
+    }
+    /** The row as formula series (template narrowing). */
+    asFormula(row) {
+        return row.series.kind === 'formula' ? row.series : null;
+    }
+    /**
+     * Names a formula row can insert: the keys of every other row (a self-reference would be a
+     * circular reference). Cached per key set, so the formula field's inputs keep their reference.
+     */
+    operandsFor(row) {
+        const names = this.rows
+            .filter(r => r !== row && SERIES_KEY_PATTERN.test(r.series.key?.trim() ?? ''))
+            .map(r => r.series.key.trim());
+        const cacheKey = names.join('\u0000');
+        const cached = this.operandCache.get(row.uid);
+        if (cached && cached.key === cacheKey)
+            return cached.variables;
+        const variables = names.map(name => ({ name, type: 'number', source: 'static', value: '' }));
+        this.operandCache.set(row.uid, { key: cacheKey, variables });
+        return variables;
+    }
+    /**
+     * Message under a row. For a formula row the shared formula field already shows syntax and
+     * unknown-key messages; the row repeats only what the field cannot know (key, circular reference).
+     */
+    rowMessage(index) {
+        const message = this.errors[index] ?? null;
+        const series = this.rows[index]?.series;
+        if (!message || series?.kind !== 'formula' || !series.formula?.trim())
+            return message;
+        const keys = this.rows.map(r => r.series.key?.trim() ?? '').filter(k => !!k);
+        const fieldError = validateFormula(series.formula, keys, this.evaluator).error;
+        return message === fieldError ? null : message;
+    }
+    setOption(row, option, on) {
+        const next = { ...row.series };
+        if (on)
+            delete next[option];
+        else
+            next[option] = false;
+        row.series = next;
+        this.emit();
+    }
+    setPrimaryOption(option, on) {
+        const next = { ...(this.primary ?? {}) };
+        if (on)
+            delete next[option];
+        else
+            next[option] = false;
+        this.primary = Object.keys(next).length > 0 ? next : undefined;
+        this.primaryChange.emit(this.primary);
+        this.cdr.markForCheck();
+    }
+    remove(index) {
+        this.rows = this.rows.filter((_, i) => i !== index);
+        this.emit();
+        if (this.rows.length > 0)
+            this.focusAfterRender(Math.min(index, this.rows.length - 1), 'down');
+        else
+            this.focusAdd();
+    }
+    move(index, delta) {
+        const target = index + delta;
+        if (target < 0 || target >= this.rows.length)
+            return;
+        const rows = [...this.rows];
+        [rows[index], rows[target]] = [rows[target], rows[index]];
+        this.rows = rows;
+        this.emit();
+        // Keep the focus on the moved row: on its button in the same direction, or the other one at an end.
+        const atEnd = delta < 0 ? target === 0 : target === rows.length - 1;
+        this.focusAfterRender(target, atEnd ? (delta < 0 ? 'down' : 'up') : (delta < 0 ? 'up' : 'down'));
+    }
+    async onQuerySelected(row, query) {
+        if (row.series.kind !== 'query')
+            return;
+        row.query = query;
+        row.series.dataSource = {
+            ...row.series.dataSource,
+            queryRtId: query?.rtId ?? '',
+            queryName: query?.name || undefined,
+            queryFamily: 'streamData'
+        };
+        row.series.valueField = '';
+        if (this.categoryMode)
+            row.series.categoryField = '';
+        row.numericColumns = [];
+        row.allColumns = [];
+        this.emit();
+        if (query) {
+            await this.loadColumns(row);
+            this.presetCategoryField(row);
+        }
+    }
+    /**
+     * Category mode: a row without a category field gets the primary query's category field when
+     * its query has that column, else `timestamp` when it has one (AB#7953).
+     */
+    presetCategoryField(row) {
+        if (!this.categoryMode || row.series.kind !== 'query' || row.series.categoryField)
+            return;
+        const paths = row.allColumns.map(c => c.attributePath);
+        const preset = [this.defaultCategoryField, 'timestamp'].find(f => !!f && paths.includes(f));
+        if (preset) {
+            row.series.categoryField = preset;
+            this.emit();
+        }
+    }
+    validationOptions() {
+        return { requireCategoryField: this.categoryMode };
+    }
+    onResolutionAwareChange(row, on) {
+        if (row.series.kind !== 'query')
+            return;
+        row.series.dataSource = {
+            ...row.series.dataSource,
+            resolutionAware: on || undefined,
+            requiredAggregation: on ? (row.series.dataSource.requiredAggregation ?? 'AVG') : undefined
+        };
+        this.emit();
+    }
+    emit() {
+        const series = this.rows.map(r => ({ ...r.series, key: r.series.key?.trim() ?? '', label: r.series.label?.trim() || undefined }));
+        this.errors = querySeriesErrors(series, this.evaluator, this.validationOptions());
+        this.lastEmitted = series;
+        this.seriesChange.emit(series);
+        this.cdr.markForCheck();
+    }
+    createRow(series) {
+        const ds = series.kind === 'query' ? series.dataSource : undefined;
+        return {
+            uid: this.nextUid++,
+            series,
+            query: ds?.queryRtId ? { rtId: ds.queryRtId, name: ds.queryName || ds.queryRtId } : null,
+            numericColumns: [],
+            allColumns: [],
+            loadingColumns: false
+        };
+    }
+    /** Numeric columns of the row's query, probed with the board window (AB#7975). */
+    async loadColumns(row) {
+        if (row.series.kind !== 'query')
+            return;
+        const queryRtId = row.series.dataSource.queryRtId;
+        row.loadingColumns = true;
+        this.cdr.markForCheck();
+        try {
+            const columns = await this.queryExecutor.fetchStreamDataColumns(queryRtId, columnProbeWindow(this.stateService.resolveStreamDataTimeArgs()));
+            row.allColumns = columns
+                .map(c => ({ attributePath: c.attributePath, attributeValueType: c.attributeValueType ?? '', aggregationType: c.aggregationType ?? null }));
+            row.numericColumns = row.allColumns.filter(c => NUMERIC_TYPES.includes(c.attributeValueType));
+        }
+        catch (error) {
+            console.warn('Could not load the columns of the series query:', error);
+            row.numericColumns = [];
+            row.allColumns = [];
+        }
+        finally {
+            row.loadingColumns = false;
+            this.cdr.markForCheck();
+        }
+    }
+    focusAfterRender(index, target) {
+        setTimeout(() => {
+            const card = this.rowCards?.get(index)?.nativeElement;
+            const selector = target === 'key' ? `[data-series-key="${index}"] input` : `[data-series-action="${target}"]`;
+            const el = card?.querySelector(selector);
+            (el && !el.disabled ? el : card)?.focus();
+        });
+    }
+    focusAdd() {
+        setTimeout(() => this.host.nativeElement.querySelector('[data-series-action="add"]')?.focus());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: LineChartSeriesEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: LineChartSeriesEditorComponent, isStandalone: true, selector: "mm-line-chart-series-editor", inputs: { series: "series", primary: "primary", stackedChart: "stackedChart", selectors: "selectors", alignment: "alignment", defaultCategoryField: "defaultCategoryField" }, outputs: { primaryChange: "primaryChange", seriesChange: "seriesChange" }, viewQueries: [{ propertyName: "rowCards", predicate: ["rowCard"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="series-editor">
+      <div class="series-row primary" role="group" aria-label="Series of the primary query">
+        <span class="tag">primary</span>
+        <span>{{ categoryMode ? 'Series of the primary query, edited above' : 'Series of the primary query (one per series group value), edited above' }}</span>
+        <span class="display-options">
+          <label class="checkbox">
+            <input type="checkbox" kendoCheckBox data-series-primary="visible" [ngModel]="primary?.visible !== false"
+                   (ngModelChange)="setPrimaryOption('visible', $event)" />
+            Visible
+          </label>
+          @if (!categoryMode) {
+          <label class="checkbox" [title]="stackedChart ? '' : stackedDisabledHint">
+            <input type="checkbox" kendoCheckBox data-series-primary="stacked" [disabled]="!stackedChart"
+                   [ngModel]="primary?.stacked !== false" (ngModelChange)="setPrimaryOption('stacked', $event)" />
+            Stacked
+          </label>
+          }
+        </span>
+      </div>
+
+      @for (row of rows; track row.uid; let i = $index; let first = $first; let last = $last) {
+        <div class="series-row" #rowCard tabindex="-1" role="group" [attr.aria-label]="'Series ' + (row.series.key || (i + 1))">
+          <div class="row-actions">
+            <button kendoButton type="button" fillMode="flat" size="small" [svgIcon]="arrowUpIcon"
+                    data-series-action="up" [disabled]="first"
+                    [attr.aria-label]="'Move series ' + (row.series.key || (i + 1)) + ' up'" title="Move up"
+                    (click)="move(i, -1)"></button>
+            <button kendoButton type="button" fillMode="flat" size="small" [svgIcon]="arrowDownIcon"
+                    data-series-action="down" [disabled]="last"
+                    [attr.aria-label]="'Move series ' + (row.series.key || (i + 1)) + ' down'" title="Move down"
+                    (click)="move(i, 1)"></button>
+            <span class="tag">{{ row.series.kind }}</span>
+          </div>
+
+          <div class="field key">
+            <label [for]="'series-key-' + row.uid">Key <span class="required">*</span></label>
+            <kendo-textbox [id]="'series-key-' + row.uid" [attr.data-series-key]="i"
+                           [(ngModel)]="row.series.key" (valueChange)="emit()" placeholder="e.g. pv"></kendo-textbox>
+          </div>
+          <div class="field label">
+            <label [for]="'series-label-' + row.uid">Label</label>
+            <kendo-textbox [id]="'series-label-' + row.uid" [(ngModel)]="row.series.label"
+                           (valueChange)="emit()" placeholder="Legend label"></kendo-textbox>
+          </div>
+          @if (asQuery(row); as q) {
+          <div class="field query">
+            <label>Query (stream data) <span class="required">*</span></label>
+            <mm-query-selector [ngModel]="row.query" [acceptFamilies]="streamDataOnly"
+                               (querySelected)="onQuerySelected(row, $event)"
+                               placeholder="Select a stream-data query..."></mm-query-selector>
+          </div>
+          @if (categoryMode) {
+          <div class="field category">
+            <label [for]="'series-category-' + row.uid">Category field <span class="required">*</span></label>
+            <kendo-combobox [id]="'series-category-' + row.uid" [attr.data-series-category]="i" [data]="row.allColumns"
+                            [textField]="'attributePath'" [valueField]="'attributePath'" [valuePrimitive]="true"
+                            [loading]="row.loadingColumns" [allowCustom]="true"
+                            [(ngModel)]="q.categoryField" (valueChange)="emit()"
+                            placeholder="e.g. timestamp"></kendo-combobox>
+          </div>
+          }
+          <div class="field value">
+            <label [for]="'series-value-' + row.uid">Value field <span class="required">*</span></label>
+            <kendo-combobox [id]="'series-value-' + row.uid" [data]="row.numericColumns"
+                            [textField]="'attributePath'" [valueField]="'attributePath'" [valuePrimitive]="true"
+                            [loading]="row.loadingColumns" [allowCustom]="true"
+                            [(ngModel)]="q.valueField" (valueChange)="emit()"
+                            placeholder="Numeric column..."></kendo-combobox>
+          </div>
+          <div class="field scope">
+            <mm-entity-selector-scope-picker [family]="'streamData'" [selectors]="selectors"
+                                             [entitySelectorId]="q.dataSource.entitySelectorId"
+                                             (entitySelectorIdChange)="q.dataSource.entitySelectorId = $event; emit()">
+            </mm-entity-selector-scope-picker>
+          </div>
+          <div class="field toggles">
+            <mm-sd-time-filter-toggle [family]="'streamData'"
+                                      [ignoreTimeFilter]="!!q.dataSource.ignoreTimeFilter"
+                                      (ignoreTimeFilterChange)="q.dataSource.ignoreTimeFilter = $event || undefined; emit()">
+            </mm-sd-time-filter-toggle>
+            @if (!categoryMode) {
+            <label class="checkbox">
+              <input type="checkbox" kendoCheckBox [ngModel]="!!q.dataSource.resolutionAware"
+                     (ngModelChange)="onResolutionAwareChange(row, $event)" />
+              Resolution-aware
+            </label>
+            }
+            @if (!categoryMode && q.dataSource.resolutionAware) {
+              <kendo-dropdownlist [data]="aggregationOptions" [textField]="'label'" [valueField]="'value'"
+                                  [valuePrimitive]="true" [attr.aria-label]="'Aggregation'"
+                                  [(ngModel)]="q.dataSource.requiredAggregation" (valueChange)="emit()">
+              </kendo-dropdownlist>
+            }
+          </div>
+          } @else if (asFormula(row); as f) {
+            <div class="field formula">
+              <mm-meshboard-formula-field
+                [formula]="f.formula"
+                (formulaChange)="f.formula = $event; emit()"
+                [variables]="operandsFor(row)"
+                [showPreview]="false"
+                label="Formula"
+                variablesLabel="Available series"
+                namesNoun="series"
+                [syntaxHint]="keySyntaxHint"
+                emptyVariablesText="No other series yet. Add query series first."
+                [placeholder]="formulaPlaceholder">
+              </mm-meshboard-formula-field>
+            </div>
+          }
+          <div class="field display-options">
+            <label class="checkbox">
+              <input type="checkbox" kendoCheckBox [attr.data-series-visible]="i" [ngModel]="row.series.visible !== false"
+                     (ngModelChange)="setOption(row, 'visible', $event)" />
+              Visible
+            </label>
+            @if (!categoryMode) {
+            <label class="checkbox" [title]="stackedChart ? '' : stackedDisabledHint">
+              <input type="checkbox" kendoCheckBox [attr.data-series-stacked]="i" [disabled]="!stackedChart"
+                     [ngModel]="row.series.stacked !== false" (ngModelChange)="setOption(row, 'stacked', $event)" />
+              Stacked
+            </label>
+            }
+          </div>
+          <button kendoButton type="button" fillMode="flat" size="small" class="remove" [svgIcon]="trashIcon"
+                  data-series-action="remove"
+                  [attr.aria-label]="'Remove series ' + (row.series.key || (i + 1))" title="Remove series"
+                  (click)="remove(i)"></button>
+          @if (rowMessage(i); as message) {
+            <p class="row-error" role="alert">{{ message }}</p>
+          }
+        </div>
+      }
+
+      <div class="add-actions">
+        <button kendoButton type="button" fillMode="flat" [svgIcon]="plusIcon" data-series-action="add" (click)="add()">
+          Add query series
+        </button>
+        <button kendoButton type="button" fillMode="flat" [svgIcon]="plusIcon" data-series-action="add-formula" (click)="addFormula()">
+          Add formula series
+        </button>
+      </div>
+    </div>
+  `, isInline: true, styles: [".series-editor{display:flex;flex-direction:column;gap:8px}.series-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface, #fff)}.series-row.primary{align-items:center;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-base-subtle, transparent)}.row-actions{display:flex;align-items:center;gap:2px}.tag{font-size:.7rem;padding:0 6px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:8px;color:var(--kendo-color-subtle, #6c757d)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field label{font-size:.8rem;font-weight:600}.field.key{flex:0 1 120px}.field.label{flex:1 1 140px}.field.query{flex:2 1 220px}.field.value,.field.category{flex:1 1 160px}.field.scope{flex:1 1 200px}.field.formula{flex:1 1 100%}.field.display-options,.display-options{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}.add-actions{display:flex;flex-wrap:wrap;gap:8px}.field.toggles{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}.checkbox{display:flex;align-items:center;gap:6px;font-weight:400;font-size:.85rem}.remove{margin-left:auto}.required{color:var(--kendo-color-error, #dc3545)}.row-error{flex-basis:100%;margin:0;font-size:.8rem;color:var(--kendo-color-error, #dc3545)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "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: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: FormulaFieldComponent, selector: "mm-meshboard-formula-field", inputs: ["formula", "variables", "declaredNames", "numericOnly", "clampHint", "label", "showPreview", "variablesLabel", "namesNoun", "syntaxHint", "emptyVariablesText", "placeholder"], outputs: ["formulaChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: LineChartSeriesEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-line-chart-series-editor', standalone: true, imports: [
+                        FormsModule,
+                        ButtonModule,
+                        DropDownsModule,
+                        InputsModule,
+                        QuerySelectorComponent,
+                        SdTimeFilterToggleComponent,
+                        EntitySelectorScopePickerComponent,
+                        FormulaFieldComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="series-editor">
+      <div class="series-row primary" role="group" aria-label="Series of the primary query">
+        <span class="tag">primary</span>
+        <span>{{ categoryMode ? 'Series of the primary query, edited above' : 'Series of the primary query (one per series group value), edited above' }}</span>
+        <span class="display-options">
+          <label class="checkbox">
+            <input type="checkbox" kendoCheckBox data-series-primary="visible" [ngModel]="primary?.visible !== false"
+                   (ngModelChange)="setPrimaryOption('visible', $event)" />
+            Visible
+          </label>
+          @if (!categoryMode) {
+          <label class="checkbox" [title]="stackedChart ? '' : stackedDisabledHint">
+            <input type="checkbox" kendoCheckBox data-series-primary="stacked" [disabled]="!stackedChart"
+                   [ngModel]="primary?.stacked !== false" (ngModelChange)="setPrimaryOption('stacked', $event)" />
+            Stacked
+          </label>
+          }
+        </span>
+      </div>
+
+      @for (row of rows; track row.uid; let i = $index; let first = $first; let last = $last) {
+        <div class="series-row" #rowCard tabindex="-1" role="group" [attr.aria-label]="'Series ' + (row.series.key || (i + 1))">
+          <div class="row-actions">
+            <button kendoButton type="button" fillMode="flat" size="small" [svgIcon]="arrowUpIcon"
+                    data-series-action="up" [disabled]="first"
+                    [attr.aria-label]="'Move series ' + (row.series.key || (i + 1)) + ' up'" title="Move up"
+                    (click)="move(i, -1)"></button>
+            <button kendoButton type="button" fillMode="flat" size="small" [svgIcon]="arrowDownIcon"
+                    data-series-action="down" [disabled]="last"
+                    [attr.aria-label]="'Move series ' + (row.series.key || (i + 1)) + ' down'" title="Move down"
+                    (click)="move(i, 1)"></button>
+            <span class="tag">{{ row.series.kind }}</span>
+          </div>
+
+          <div class="field key">
+            <label [for]="'series-key-' + row.uid">Key <span class="required">*</span></label>
+            <kendo-textbox [id]="'series-key-' + row.uid" [attr.data-series-key]="i"
+                           [(ngModel)]="row.series.key" (valueChange)="emit()" placeholder="e.g. pv"></kendo-textbox>
+          </div>
+          <div class="field label">
+            <label [for]="'series-label-' + row.uid">Label</label>
+            <kendo-textbox [id]="'series-label-' + row.uid" [(ngModel)]="row.series.label"
+                           (valueChange)="emit()" placeholder="Legend label"></kendo-textbox>
+          </div>
+          @if (asQuery(row); as q) {
+          <div class="field query">
+            <label>Query (stream data) <span class="required">*</span></label>
+            <mm-query-selector [ngModel]="row.query" [acceptFamilies]="streamDataOnly"
+                               (querySelected)="onQuerySelected(row, $event)"
+                               placeholder="Select a stream-data query..."></mm-query-selector>
+          </div>
+          @if (categoryMode) {
+          <div class="field category">
+            <label [for]="'series-category-' + row.uid">Category field <span class="required">*</span></label>
+            <kendo-combobox [id]="'series-category-' + row.uid" [attr.data-series-category]="i" [data]="row.allColumns"
+                            [textField]="'attributePath'" [valueField]="'attributePath'" [valuePrimitive]="true"
+                            [loading]="row.loadingColumns" [allowCustom]="true"
+                            [(ngModel)]="q.categoryField" (valueChange)="emit()"
+                            placeholder="e.g. timestamp"></kendo-combobox>
+          </div>
+          }
+          <div class="field value">
+            <label [for]="'series-value-' + row.uid">Value field <span class="required">*</span></label>
+            <kendo-combobox [id]="'series-value-' + row.uid" [data]="row.numericColumns"
+                            [textField]="'attributePath'" [valueField]="'attributePath'" [valuePrimitive]="true"
+                            [loading]="row.loadingColumns" [allowCustom]="true"
+                            [(ngModel)]="q.valueField" (valueChange)="emit()"
+                            placeholder="Numeric column..."></kendo-combobox>
+          </div>
+          <div class="field scope">
+            <mm-entity-selector-scope-picker [family]="'streamData'" [selectors]="selectors"
+                                             [entitySelectorId]="q.dataSource.entitySelectorId"
+                                             (entitySelectorIdChange)="q.dataSource.entitySelectorId = $event; emit()">
+            </mm-entity-selector-scope-picker>
+          </div>
+          <div class="field toggles">
+            <mm-sd-time-filter-toggle [family]="'streamData'"
+                                      [ignoreTimeFilter]="!!q.dataSource.ignoreTimeFilter"
+                                      (ignoreTimeFilterChange)="q.dataSource.ignoreTimeFilter = $event || undefined; emit()">
+            </mm-sd-time-filter-toggle>
+            @if (!categoryMode) {
+            <label class="checkbox">
+              <input type="checkbox" kendoCheckBox [ngModel]="!!q.dataSource.resolutionAware"
+                     (ngModelChange)="onResolutionAwareChange(row, $event)" />
+              Resolution-aware
+            </label>
+            }
+            @if (!categoryMode && q.dataSource.resolutionAware) {
+              <kendo-dropdownlist [data]="aggregationOptions" [textField]="'label'" [valueField]="'value'"
+                                  [valuePrimitive]="true" [attr.aria-label]="'Aggregation'"
+                                  [(ngModel)]="q.dataSource.requiredAggregation" (valueChange)="emit()">
+              </kendo-dropdownlist>
+            }
+          </div>
+          } @else if (asFormula(row); as f) {
+            <div class="field formula">
+              <mm-meshboard-formula-field
+                [formula]="f.formula"
+                (formulaChange)="f.formula = $event; emit()"
+                [variables]="operandsFor(row)"
+                [showPreview]="false"
+                label="Formula"
+                variablesLabel="Available series"
+                namesNoun="series"
+                [syntaxHint]="keySyntaxHint"
+                emptyVariablesText="No other series yet. Add query series first."
+                [placeholder]="formulaPlaceholder">
+              </mm-meshboard-formula-field>
+            </div>
+          }
+          <div class="field display-options">
+            <label class="checkbox">
+              <input type="checkbox" kendoCheckBox [attr.data-series-visible]="i" [ngModel]="row.series.visible !== false"
+                     (ngModelChange)="setOption(row, 'visible', $event)" />
+              Visible
+            </label>
+            @if (!categoryMode) {
+            <label class="checkbox" [title]="stackedChart ? '' : stackedDisabledHint">
+              <input type="checkbox" kendoCheckBox [attr.data-series-stacked]="i" [disabled]="!stackedChart"
+                     [ngModel]="row.series.stacked !== false" (ngModelChange)="setOption(row, 'stacked', $event)" />
+              Stacked
+            </label>
+            }
+          </div>
+          <button kendoButton type="button" fillMode="flat" size="small" class="remove" [svgIcon]="trashIcon"
+                  data-series-action="remove"
+                  [attr.aria-label]="'Remove series ' + (row.series.key || (i + 1))" title="Remove series"
+                  (click)="remove(i)"></button>
+          @if (rowMessage(i); as message) {
+            <p class="row-error" role="alert">{{ message }}</p>
+          }
+        </div>
+      }
+
+      <div class="add-actions">
+        <button kendoButton type="button" fillMode="flat" [svgIcon]="plusIcon" data-series-action="add" (click)="add()">
+          Add query series
+        </button>
+        <button kendoButton type="button" fillMode="flat" [svgIcon]="plusIcon" data-series-action="add-formula" (click)="addFormula()">
+          Add formula series
+        </button>
+      </div>
+    </div>
+  `, styles: [".series-editor{display:flex;flex-direction:column;gap:8px}.series-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:8px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px;background:var(--kendo-color-surface, #fff)}.series-row.primary{align-items:center;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d);background:var(--kendo-color-base-subtle, transparent)}.row-actions{display:flex;align-items:center;gap:2px}.tag{font-size:.7rem;padding:0 6px;border:1px solid var(--kendo-color-border, #dee2e6);border-radius:8px;color:var(--kendo-color-subtle, #6c757d)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field label{font-size:.8rem;font-weight:600}.field.key{flex:0 1 120px}.field.label{flex:1 1 140px}.field.query{flex:2 1 220px}.field.value,.field.category{flex:1 1 160px}.field.scope{flex:1 1 200px}.field.formula{flex:1 1 100%}.field.display-options,.display-options{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}.add-actions{display:flex;flex-wrap:wrap;gap:8px}.field.toggles{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}.checkbox{display:flex;align-items:center;gap:6px;font-weight:400;font-size:.85rem}.remove{margin-left:auto}.required{color:var(--kendo-color-error, #dc3545)}.row-error{flex-basis:100%;margin:0;font-size:.8rem;color:var(--kendo-color-error, #dc3545)}\n"] }]
+        }], propDecorators: { series: [{
+                type: Input
+            }], primary: [{
+                type: Input
+            }], stackedChart: [{
+                type: Input
+            }], primaryChange: [{
+                type: Output
+            }], selectors: [{
+                type: Input
+            }], alignment: [{
+                type: Input
+            }], defaultCategoryField: [{
+                type: Input
+            }], seriesChange: [{
+                type: Output
+            }], rowCards: [{
+                type: ViewChildren,
+                args: ['rowCard']
+            }] } });
+
 /**
  * Configuration dialog for Bar Chart widgets.
  * Supports column, bar, stacked, and 100% stacked chart types.
@@ -16485,6 +17959,7 @@ class BarChartConfigDialogComponent {
     queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
+    expressionEvaluator = inject(ExpressionEvaluatorService);
     querySelector;
     // Initial values for editing
     initialQueryRtId;
@@ -16503,6 +17978,16 @@ class BarChartConfigDialogComponent {
     initialColorThresholds;
     initialDefaultBarColor;
     initialFilters;
+    initialAdditionalSeries;
+    initialPrimarySeries;
+    /** Query and formula series of the Series section (AB#7953). */
+    additionalSeries = [];
+    /** Display options of the primary query's series (AB#7953). */
+    primarySeries;
+    /** The series that are saved: none unless the primary query is a stream-data query. */
+    get effectiveAdditionalSeries() {
+        return this.selectedQueryFamily === 'streamData' ? this.additionalSeries : [];
+    }
     // State
     isLoadingInitial = false;
     isLoadingColumns = false;
@@ -16558,6 +18043,10 @@ class BarChartConfigDialogComponent {
         if (this.selectedPersistentQuery === null || this.form.categoryField === '') {
             return false;
         }
+        const seriesValid = querySeriesErrors(this.effectiveAdditionalSeries, this.expressionEvaluator, { requireCategoryField: true })
+            .every(e => e === null);
+        if (!seriesValid)
+            return false;
         if (this.seriesMode === 'dynamic') {
             return this.seriesGroupField !== '' && this.valueField !== '';
         }
@@ -16582,6 +18071,8 @@ class BarChartConfigDialogComponent {
         this.form.showDataLabels = this.initialShowDataLabels ?? false;
         this.form.colorThresholds = this.initialColorThresholds ? [...this.initialColorThresholds] : [];
         this.form.defaultBarColor = this.initialDefaultBarColor ?? '';
+        this.additionalSeries = this.initialAdditionalSeries ? [...this.initialAdditionalSeries] : [];
+        this.primarySeries = this.initialPrimarySeries ? { ...this.initialPrimarySeries } : undefined;
         // Determine series mode from initial values
         if (this.initialSeriesGroupField && this.initialValueField) {
             this.seriesMode = 'dynamic';
@@ -16689,8 +18180,10 @@ class BarChartConfigDialogComponent {
                 aggregationType: c.aggregationType ?? null
             }));
         }
-        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
-        return sdResult.columns.map(c => ({
+        // An Integral column needs from/to (AB#7921): the executor retries with the board's
+        // window, or the last 24 hours when the board has no time filter (AB#7975).
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.stateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -16742,7 +18235,9 @@ class BarChartConfigDialogComponent {
             showDataLabels: this.form.showDataLabels,
             colorThresholds: this.form.colorThresholds.length > 0 ? this.form.colorThresholds : undefined,
             defaultBarColor: this.form.defaultBarColor || undefined,
-            filters: filtersDto
+            filters: filtersDto,
+            additionalSeries: this.effectiveAdditionalSeries.length > 0 ? this.effectiveAdditionalSeries : undefined,
+            primarySeries: this.selectedQueryFamily === 'streamData' && this.primarySeries?.visible === false ? { visible: false } : undefined
         };
         // Add dynamic series fields if in dynamic mode
         if (this.seriesMode === 'dynamic') {
@@ -16761,7 +18256,7 @@ class BarChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BarChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: BarChartConfigDialogComponent, isStandalone: true, selector: "mm-bar-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeries: "initialSeries", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowDataLabels: "initialShowDataLabels", initialColorThresholds: "initialColorThresholds", initialDefaultBarColor: "initialDefaultBarColor", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: BarChartConfigDialogComponent, isStandalone: true, selector: "mm-bar-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeries: "initialSeries", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowDataLabels: "initialShowDataLabels", initialColorThresholds: "initialColorThresholds", initialDefaultBarColor: "initialDefaultBarColor", initialFilters: "initialFilters", initialAdditionalSeries: "initialAdditionalSeries", initialPrimarySeries: "initialPrimarySeries" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -16900,6 +18395,23 @@ class BarChartConfigDialogComponent {
           </div>
         }
 
+        <!-- Series Section (AB#7953): query and formula series matched per category -->
+        @if (selectedQueryFamily === 'streamData') {
+          <div class="config-section">
+            <h3 class="section-title">Series</h3>
+            <p class="section-hint">The primary query's series come first, then the series below in this order. Bars of all series are matched by category value (e.g. the same day); each query has its own category field and can follow its own entity selector.</p>
+            <mm-line-chart-series-editor
+              alignment="category"
+              [series]="additionalSeries"
+              [selectors]="availableEntitySelectors"
+              [primary]="primarySeries"
+              [defaultCategoryField]="form.categoryField"
+              (seriesChange)="additionalSeries = $event"
+              (primaryChange)="primarySeries = $event">
+            </mm-line-chart-series-editor>
+          </div>
+        }
+
         <!-- Filters Section -->
         @if (selectedPersistentQuery?.queryCkTypeId) {
           <div class="config-section">
@@ -17033,7 +18545,7 @@ class BarChartConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.threshold-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.threshold-row label{font-size:.85rem;min-width:70px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.query-item{display:flex;flex-direction:column;gap:2px}.query-name{font-weight:500}.query-description{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.threshold-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.threshold-row label{font-size:.85rem;min-width:70px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }, { kind: "component", type: LineChartSeriesEditorComponent, selector: "mm-line-chart-series-editor", inputs: ["series", "primary", "stackedChart", "selectors", "alignment", "defaultCategoryField"], outputs: ["primaryChange", "seriesChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BarChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -17048,7 +18560,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
                         EntitySelectorScopePickerComponent,
-                        LoadingOverlayComponent
+                        LoadingOverlayComponent,
+                        LineChartSeriesEditorComponent
                     ], template: `
     <div class="config-container">
 
@@ -17188,6 +18701,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
           </div>
         }
 
+        <!-- Series Section (AB#7953): query and formula series matched per category -->
+        @if (selectedQueryFamily === 'streamData') {
+          <div class="config-section">
+            <h3 class="section-title">Series</h3>
+            <p class="section-hint">The primary query's series come first, then the series below in this order. Bars of all series are matched by category value (e.g. the same day); each query has its own category field and can follow its own entity selector.</p>
+            <mm-line-chart-series-editor
+              alignment="category"
+              [series]="additionalSeries"
+              [selectors]="availableEntitySelectors"
+              [primary]="primarySeries"
+              [defaultCategoryField]="form.categoryField"
+              (seriesChange)="additionalSeries = $event"
+              (primaryChange)="primarySeries = $event">
+            </mm-line-chart-series-editor>
+          </div>
+        }
+
         <!-- Filters Section -->
         @if (selectedPersistentQuery?.queryCkTypeId) {
           <div class="config-section">
@@ -17357,8 +18887,179 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Input
             }], initialFilters: [{
                 type: Input
+            }], initialAdditionalSeries: [{
+                type: Input
+            }], initialPrimarySeries: [{
+                type: Input
             }] } });
 
+/**
+ * Aligns the series of several stream-data sources on one time grid (AB#7951).
+ *
+ * Every source delivers its points keyed by the bucket start instant (epoch ms). Each source's
+ * bucket step is its most frequent distance between consecutive instants (gaps in the data do not
+ * change it). The grid step is the COARSEST source step; the source that has it (the first one on a
+ * tie, i.e. the primary source when it is passed first) is the reference and gives the anchor.
+ *
+ * - Fixed-size grid (step up to one hour): a source is aligned when every instant is a whole number
+ *   of grid steps away from the reference anchor. A finer rung (5-min buckets on a 15-min grid) or
+ *   a shifted anchor puts instants between grid points: that source is reported as misaligned and
+ *   left out instead of being plotted shifted. Missing grid instants between the first and the last
+ *   instant are filled in, so a bucket no source has data for is still a gap.
+ * - Calendar grid (longer steps: days, months, whose real length changes with DST and month
+ *   length): a source is aligned when none of its instants lies strictly inside a reference bucket
+ *   (0 < distance to the nearest reference instant < step). Instants only, no wall-clock
+ *   arithmetic, so days across a DST change (23 h / 25 h) align when the sources share them. No
+ *   fill-in.
+ *
+ * Gaps: a grid instant a series has no point for is `null` (rendered as a gap, never 0).
+ */
+/** Largest fixed-size grid step: modular alignment check and fill-in up to here, calendar rule above. */
+const MAX_FILLED_GRID_STEP_MS = 60 * 60 * 1000;
+/** Instants a source needs for its step to count when the reference is chosen. */
+const MIN_REFERENCE_INSTANTS = 3;
+/** Upper bound of filled grid instants, guarding against a degenerate step over a long window. */
+const MAX_FILLED_GRID_POINTS = 20000;
+/** Sorted distinct instants of all series of a source. */
+function sourceInstants(source) {
+    const set = new Set();
+    for (const s of source.series) {
+        for (const t of s.points.keys()) {
+            if (Number.isFinite(t))
+                set.add(t);
+        }
+    }
+    return Array.from(set).sort((a, b) => a - b);
+}
+/**
+ * Typical bucket step of sorted instants: the most frequent positive distance between consecutive
+ * instants (the smaller one on a tie), `null` for fewer than two instants.
+ */
+function bucketStepMs(instants) {
+    const counts = new Map();
+    for (let i = 1; i < instants.length; i++) {
+        const d = instants[i] - instants[i - 1];
+        if (d > 0)
+            counts.set(d, (counts.get(d) ?? 0) + 1);
+    }
+    let step = null;
+    let best = 0;
+    for (const [d, n] of counts) {
+        if (n > best || (n === best && step !== null && d < step)) {
+            step = d;
+            best = n;
+        }
+    }
+    return step;
+}
+/** Distance from `t` to the nearest value in the sorted array `sorted` (Infinity when empty). */
+function distanceToNearest(sorted, t) {
+    let lo = 0;
+    let hi = sorted.length - 1;
+    if (hi < 0)
+        return Infinity;
+    while (lo < hi) {
+        const mid = (lo + hi) >> 1;
+        if (sorted[mid] < t)
+            lo = mid + 1;
+        else
+            hi = mid;
+    }
+    let best = Math.abs(sorted[lo] - t);
+    if (lo > 0)
+        best = Math.min(best, Math.abs(sorted[lo - 1] - t));
+    return best;
+}
+/**
+ * Aligns the sources on one grid. Source order is kept for the series; the first source wins a
+ * tie for the coarsest step (the primary source when it is passed first).
+ */
+function alignOnTimeGrid(sources) {
+    const perSource = sources.map(source => {
+        const instants = sourceInstants(source);
+        return { source, instants, step: bucketStepMs(instants) };
+    });
+    // Reference = coarsest step; the first source wins a tie.
+    // Reference = coarsest step; the first source wins a tie. A source with fewer than
+    // MIN_REFERENCE_INSTANTS instants has no reliable step (two sparse points look like a coarse
+    // rung) and is the reference only when no source has enough instants.
+    const eligible = perSource.some(e => e.instants.length >= MIN_REFERENCE_INSTANTS)
+        ? perSource.filter(e => e.instants.length >= MIN_REFERENCE_INSTANTS)
+        : perSource;
+    let reference = null;
+    for (const entry of eligible) {
+        if (entry.step !== null && (reference === null || entry.step > (reference.step ?? 0))) {
+            reference = entry;
+        }
+    }
+    const gridStepMs = reference?.step ?? null;
+    const misaligned = [];
+    const aligned = [];
+    for (const entry of perSource) {
+        if (reference && gridStepMs !== null && entry !== reference) {
+            const anchor = reference.instants[0];
+            const off = gridStepMs <= MAX_FILLED_GRID_STEP_MS
+                ? entry.instants.some(t => (t - anchor) % gridStepMs !== 0)
+                : entry.instants.some(t => {
+                    const d = distanceToNearest(reference.instants, t);
+                    return d > 0 && d < gridStepMs;
+                });
+            if (off) {
+                misaligned.push({
+                    sourceKey: entry.source.sourceKey,
+                    sourceLabel: entry.source.sourceLabel,
+                    stepMs: entry.step,
+                    gridStepMs
+                });
+                continue;
+            }
+        }
+        aligned.push(entry);
+    }
+    const instantSet = new Set();
+    for (const entry of aligned) {
+        for (const t of entry.instants)
+            instantSet.add(t);
+    }
+    let instants = Array.from(instantSet).sort((a, b) => a - b);
+    if (gridStepMs !== null && gridStepMs <= MAX_FILLED_GRID_STEP_MS && instants.length > 1) {
+        instants = fillGrid(instants, gridStepMs);
+    }
+    const series = [];
+    for (const entry of aligned) {
+        for (const s of entry.source.series) {
+            series.push({
+                name: s.name,
+                sourceKey: entry.source.sourceKey,
+                data: instants.map(t => s.points.get(t) ?? null),
+                unit: s.unit
+            });
+        }
+    }
+    return { instants, gridStepMs, series, misaligned };
+}
+/**
+ * Adds the missing multiples of `step` between consecutive instants whose distance is a whole
+ * multiple of it. Distances that are not a multiple (a source-own instant inside a reference gap)
+ * are left as they are.
+ */
+function fillGrid(instants, step) {
+    const span = instants[instants.length - 1] - instants[0];
+    if (span / step > MAX_FILLED_GRID_POINTS)
+        return instants;
+    const out = [instants[0]];
+    for (let i = 1; i < instants.length; i++) {
+        const prev = instants[i - 1];
+        const d = instants[i] - prev;
+        if (d > step && d % step === 0) {
+            for (let t = prev + step; t < instants[i]; t += step)
+                out.push(t);
+        }
+        out.push(instants[i]);
+    }
+    return out;
+}
+
 /** Series colours so a series' min/max band and its avg line share one hue. */
 const SERIES_PALETTE = ['#3b82f6', '#ef4444', '#10b981', '#f59e0b', '#8b5cf6', '#ec4899', '#14b8a6', '#f97316'];
 /**
@@ -17388,6 +19089,7 @@ class LineChartWidgetComponent {
     ]);
     stateService = inject(MeshBoardStateService);
     variableService = inject(MeshBoardVariableService);
+    expressionEvaluator = inject(ExpressionEvaluatorService);
     config;
     // Widget state signals
     _isLoading = signal(false, /* @ts-ignore */
@@ -17425,6 +19127,10 @@ class LineChartWidgetComponent {
     valueAxes = this._valueAxes.asReadonly();
     error = this._error.asReadonly();
     dataInfo = this._dataInfo.asReadonly();
+    // Per-source hints of a multi-source chart (AB#7951); always empty for a single-query chart.
+    _sourceHints = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_sourceHints" }] : /* istanbul ignore next */ []));
+    sourceHints = this._sourceHints.asReadonly();
     /**
      * Resolution-aware hint (AB#4290): a short badge describing the archive-selection outcome —
      * `null` for a clean reduction (signal OK), a warning otherwise (fewer points delivered, or no
@@ -17567,6 +19273,49 @@ class LineChartWidgetComponent {
         return this.config?.chartType ?? 'line';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "chartType" }] : /* istanbul ignore next */ []));
+    /**
+     * Stacking (AB#7951): only an area chart with `stacked` stacks; the series stack in their order
+     * (primary series first, then `additionalSeries`). `false` is Kendo's default, so an existing
+     * chart stacks exactly as before (not at all).
+     */
+    stackSeries() {
+        return !!this.config?.stacked && this.chartType() === 'area';
+    }
+    /**
+     * Kendo `missingValues` (AB#7951), always set explicitly. A stacked or multi-source chart uses
+     * `'gap'`: a bucket without data is a gap, never drawn or stacked as 0 and never bridged.
+     * Single-query unstacked charts get exactly Kendo's defaults — `'interpolate'` for a line,
+     * `'zero'` for an area series — so they render as before.
+     */
+    missingValues() {
+        if (this.stackSeries() || this.hasAdditionalSeries())
+            return 'gap';
+        return this.chartType() === 'area' ? 'zero' : 'interpolate';
+    }
+    /** Whether the chart reads series from more than its primary query (AB#7951) or has formula series (AB#7952). */
+    hasAdditionalSeries() {
+        return (this.config?.additionalSeries ?? []).some(s => isCompleteQuerySeries(s) || isCompleteFormulaSeries(s));
+    }
+    /** Whether the last load went through the multi-source path (aligned grid, AB#7951/AB#7952). */
+    _multiSource = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_multiSource" }] : /* istanbul ignore next */ []));
+    isMultiSource = this._multiSource.asReadonly();
+    /**
+     * Shared tooltip rows of the multi-source path (AB#7952): one row per drawn series for the
+     * hovered category; a gap (null) shows "–".
+     */
+    tooltipRows(category) {
+        const index = this._categories().indexOf(category);
+        if (index < 0)
+            return [];
+        return this._seriesData().map(s => {
+            const value = s.data[index];
+            return {
+                name: s.name,
+                text: value === null || value === undefined ? '–' : `${this.formatValue(value)}${this.getUnitForSeries(s.name)}`
+            };
+        });
+    }
     labelRotation = computed(() => {
         const categoryCount = this._categories().length;
         return categoryCount > 5 ? -45 : 0;
@@ -17668,6 +19417,12 @@ class LineChartWidgetComponent {
     async loadData() {
         if (this.isNotConfigured())
             return;
+        this._multiSource.set(this.hasAdditionalSeries());
+        if (this.hasAdditionalSeries()) {
+            await this.loadMultiSource();
+            return;
+        }
+        this._sourceHints.set([]);
         const queryDataSource = this.config.dataSource;
         this._isLoading.set(true);
         this._error.set(null);
@@ -17849,6 +19604,240 @@ class LineChartWidgetComponent {
             ]
         };
     }
+    /**
+     * Multi-source load (AB#7951): the primary data source plus every complete query series, each
+     * with its own scope, time-filter opt-out and resolution-aware routing, aligned on one time grid.
+     *
+     * 1. Scope: any source pending → stay loading, no query; an empty scope → the source has no
+     *    series and a "No data for <source>" hint.
+     * 2. Prepare: resolution-aware sources resolve their rollup rung.
+     * 3. Common bucket count: the smallest of the pixel-derived target and every resolved
+     *    `points` (= the coarsest effective bucket). Every source is downsampled with this count over
+     *    the same window, so all of them use the same bucket width.
+     * 4. Fetch all sources in parallel; one failing source gives an error hint, the others render.
+     * 5. {@link alignOnTimeGrid}: shared categories, gaps as null, misaligned sources left out with a hint.
+     */
+    async loadMultiSource() {
+        const primaryDs = this.config.dataSource;
+        const sources = [
+            {
+                key: PRIMARY_SOURCE_KEY,
+                label: primaryDs.queryName?.trim() || 'Primary query',
+                dataSource: primaryDs,
+                valueField: this.config.valueField,
+                primary: true
+            },
+            ...(this.config.additionalSeries ?? [])
+                .filter(isCompleteQuerySeries)
+                .map((def) => ({
+                key: def.key,
+                label: querySeriesLabel(def),
+                dataSource: def.dataSource,
+                valueField: def.valueField,
+                primary: false
+            }))
+        ];
+        this._isLoading.set(true);
+        this._error.set(null);
+        const scopes = sources.map(s => this.stateService.resolveStreamDataScope(s.dataSource.entitySelectorId, s.dataSource.queryFamily, s.dataSource.ignoreTimeFilter));
+        if (scopes.some(s => s.kind === 'pending')) {
+            return;
+        }
+        try {
+            const hints = [];
+            const problems = new Map();
+            const active = [];
+            sources.forEach((source, i) => {
+                if (scopes[i].kind === 'empty') {
+                    hints.push({ kind: 'noData', sourceLabel: source.label, text: `No data for ${source.label}` });
+                    problems.set(source.key, { label: source.label, problem: 'noData' });
+                }
+                else {
+                    active.push(source);
+                }
+            });
+            const prepared = await Promise.allSettled(active.map(s => this.prepareSource(s)));
+            let limit = this.computeDownsampleLimit();
+            const targetPoints = limit;
+            let signal = null;
+            for (const p of prepared) {
+                const resolution = p.status === 'fulfilled' ? p.value.resolutionAware?.resolution : null;
+                if (resolution) {
+                    limit = Math.min(limit, Math.max(1, resolution.points));
+                    signal ??= resolution;
+                }
+            }
+            const fetched = await Promise.allSettled(active.map((source, i) => {
+                const p = prepared[i];
+                return p.status === 'fulfilled'
+                    ? this.fetchSource(source, p.value, limit)
+                    : Promise.reject(p.reason);
+            }));
+            const gridSources = [];
+            let rowCount = 0;
+            fetched.forEach((f, i) => {
+                const source = active[i];
+                if (f.status === 'rejected') {
+                    console.error(`Error loading Line Chart source "${source.label}":`, f.reason);
+                    hints.push({ kind: 'error', sourceLabel: source.label, text: `${source.label}: ${this.errorMessage(f.reason)}` });
+                    problems.set(source.key, { label: source.label, problem: 'error' });
+                    return;
+                }
+                rowCount += f.value.rows.length;
+                const series = source.primary
+                    ? primaryRowsToSeries(f.value.rows, this.config, f.value.downsampled)
+                    : [queryRowsToSeries(f.value.rows, source.label, source.valueField, f.value.downsampled)];
+                const withData = series.filter(s => s.points.size > 0);
+                if (withData.length === 0) {
+                    hints.push({ kind: 'noData', sourceLabel: source.label, text: `No data for ${source.label}` });
+                    problems.set(source.key, { label: source.label, problem: 'noData' });
+                    return;
+                }
+                gridSources.push({ sourceKey: source.key, sourceLabel: source.label, series: withData });
+            });
+            const grid = alignOnTimeGrid(gridSources);
+            for (const m of grid.misaligned) {
+                hints.push({
+                    kind: 'misaligned',
+                    sourceLabel: m.sourceLabel,
+                    text: `${m.sourceLabel}: its buckets do not match the chart's time grid and are not shown`
+                });
+                problems.set(m.sourceKey, { label: m.sourceLabel, problem: 'misaligned' });
+            }
+            // Formula series, per-series visibility and stacking (AB#7952).
+            const composed = composeChartSeries({
+                gridSeries: grid.series,
+                length: grid.instants.length,
+                definitions: this.config.additionalSeries ?? [],
+                primary: this.config.primarySeries,
+                stackedChart: this.stackSeries(),
+                sourceProblems: problems,
+                evaluator: this.expressionEvaluator
+            });
+            hints.push(...composed.hints);
+            this.applyAlignedGrid(grid.instants, composed.series);
+            this._sourceHints.set(hints);
+            this._resolutionSignal.set(signal);
+            this._resolutionTarget.set(signal ? targetPoints : null);
+            this.lastLimit = limit;
+            this._dataInfo.set({ rows: rowCount, points: grid.instants.length, total: rowCount });
+            this._isLoading.set(false);
+        }
+        catch (err) {
+            console.error('Error loading Line Chart data:', err);
+            this._error.set('Failed to load data');
+            this._dataInfo.set(null);
+            this._resolutionSignal.set(null);
+            this._sourceHints.set([]);
+            this._isLoading.set(false);
+        }
+    }
+    /** Resolution-aware sources resolve their rung first (step 2 of {@link loadMultiSource}). */
+    async prepareSource(source) {
+        const ds = source.dataSource;
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(ds.entitySelectorId);
+        if (!(ds.resolutionAware && ds.queryFamily === 'streamData' && source.valueField && timeArgs?.from && timeArgs?.to)) {
+            return { timeArgs, rtIds };
+        }
+        const info = await this.queryExecutor.fetchQueryArchive(ds.queryRtId);
+        if (!info) {
+            throw new Error('base archive not found for the selected query');
+        }
+        const scopeRtIds = rtIds && rtIds.length > 0 ? rtIds : (info.rtIds ?? undefined);
+        const resolution = await this.queryExecutor.resolveSeriesQuery({
+            baseArchiveRtId: info.archiveRtId,
+            from: timeArgs.from,
+            to: timeArgs.to,
+            targetPoints: this.computeDownsampleLimit(),
+            requiredAggregation: (ds.requiredAggregation ?? 'SUM'),
+            sourcePath: source.valueField,
+            rtIds: scopeRtIds,
+            timeZone: this.stateService.resolveStreamDataTimeZone()
+        });
+        return {
+            timeArgs,
+            rtIds,
+            resolutionAware: { resolution, ckTypeId: info.ckTypeId, scopeRtIds, from: timeArgs.from, to: timeArgs.to }
+        };
+    }
+    /** Fetches one source with the common bucket count (step 4 of {@link loadMultiSource}). */
+    async fetchSource(source, prepared, limit) {
+        const ds = source.dataSource;
+        // Widget filters belong to the primary query's type; query series run unfiltered.
+        const fieldFilter = source.primary ? this.convertFiltersToDto(this.config.filters) ?? undefined : undefined;
+        const ra = prepared.resolutionAware;
+        if (ra) {
+            const resolution = ra.resolution;
+            if (!resolution)
+                return { rows: [], downsampled: true };
+            const downsample = (rtIds, label) => this.queryExecutor.downsampleByArchive({
+                archiveRtId: resolution.archiveRtId,
+                from: ra.from,
+                to: ra.to,
+                limit,
+                sourcePath: source.valueField,
+                aggregation: resolution.reducingFunction,
+                rtIds: rtIds && rtIds.length > 0 ? rtIds : undefined,
+                fieldFilter
+            }).then(rows => source.primary
+                ? rows.map(r => this.reshapeResolutionRow(r, label))
+                // The transient row's one value column is named after the reducer (`<field>_min` for MIN …);
+                // re-emit it under the series' value field so no reducer suffix is mistaken for a band.
+                : rows.map(r => ({ ...r, cells: [{ attributePath: source.valueField, value: r.cells.find(c => c.attributePath.toLowerCase() !== 'timestamp')?.value ?? null }] })));
+            if (!source.primary) {
+                // One source = one series: a single call over the whole scope, reduced server-side.
+                return { rows: await downsample(ra.scopeRtIds, source.label), downsampled: true };
+            }
+            const rows = ds.aggregateSeriesByGroup && ra.ckTypeId
+                ? await this.loadGroupAggregatedRows(ra.ckTypeId, ra.scopeRtIds, downsample)
+                : await this.loadPerRtIdRows(ra.ckTypeId, ra.scopeRtIds, downsample);
+            return { rows, downsampled: true };
+        }
+        const scope = this.stateService.resolveStreamDataScope(ds.entitySelectorId, ds.queryFamily, ds.ignoreTimeFilter);
+        const timeArgs = prepared.timeArgs;
+        const downsampled = ds.queryFamily === 'streamData' && !!timeArgs?.from && !!timeArgs?.to;
+        const streamDataArgs = downsampled
+            ? { ...timeArgs, rtIds: prepared.rtIds, limit, queryMode: QueryModeDto.DownsamplingDto }
+            : (timeArgs || prepared.rtIds ? { ...timeArgs, rtIds: prepared.rtIds } : undefined);
+        const result = await firstValueFrom(this.queryExecutor.execute(ds.queryFamily, ds.queryRtId, {
+            fieldFilter,
+            streamDataArgs,
+            scopeRtIds: scope.kind === 'scoped' ? scope.rtIds : undefined
+        }));
+        const rows = result.rows.filter(row => LineChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''));
+        return { rows, downsampled };
+    }
+    /** Writes aligned series into the chart signals (multi-source path, AB#7951). */
+    applyAlignedGrid(instants, series) {
+        const mode = this.stateService.timeZoneMode();
+        const days = new Set(instants.map(t => formatInstant(new Date(t), mode, { day: '2-digit', month: '2-digit', year: 'numeric' }) ?? '?'));
+        const needsTime = days.size < instants.length;
+        const categories = uniqueCategoryLabels(instants, d => needsTime ? this.formatDateTime(d) : this.formatDate(d));
+        const unitMap = new Map();
+        const seriesData = series.map((s, index) => {
+            if (s.unit)
+                unitMap.set(s.name, s.unit);
+            return {
+                name: s.name,
+                data: s.data,
+                unit: s.unit,
+                color: SERIES_PALETTE[index % SERIES_PALETTE.length],
+                stacked: s.stacked,
+                asLine: s.asLine
+            };
+        });
+        this._categories.set(categories);
+        this._seriesData.set(seriesData);
+        // One value axis: series of different queries share it (per-unit axes stay a single-query feature).
+        this._valueAxes.set([]);
+        this._seriesUnitMap.set(unitMap);
+    }
+    /** Short message of a failed source for its hint. */
+    errorMessage(reason) {
+        const message = reason instanceof Error ? reason.message : typeof reason === 'string' ? reason : '';
+        return message ? `Failed to load data (${message})` : 'Failed to load data';
+    }
     buildStreamDataArgs() {
         const ds = this.config.dataSource;
         const timeArgs = this.stateService.resolveStreamDataTimeArgs(ds.ignoreTimeFilter);
@@ -17918,10 +19907,17 @@ class LineChartWidgetComponent {
                             lineValue = this.toNumber(cell.value); // _avg (or an unsuffixed value)
                     }
                     else {
-                        const val = cell.value;
-                        lineValue = typeof val === 'number' ? val : parseFloat(String(val));
-                        if (isNaN(lineValue))
-                            lineValue = 0;
+                        // Exact cell first, so a null `<field>_integral` never overrides a usable `<field>`.
+                        const val = (findCellForField(row.cells, valueField) ?? cell).value;
+                        if (val === null || val === undefined) {
+                            // No data (e.g. an Integral over an empty bucket, AB#7975): no point, not 0.
+                            lineValue = null;
+                        }
+                        else {
+                            lineValue = typeof val === 'number' ? val : parseFloat(String(val));
+                            if (isNaN(lineValue))
+                                lineValue = 0;
+                        }
                     }
                 }
                 else if (unitField && matchesAttributePath(path, unitField)) {
@@ -18061,6 +20057,15 @@ class LineChartWidgetComponent {
             </span>
           }
         }
+        @if (sourceHints().length > 0) {
+          <ul class="source-hints" aria-live="polite">
+            @for (hint of sourceHints(); track hint.text) {
+              <li class="source-hint" [class.error]="hint.kind === 'error'" [class.warn]="hint.kind === 'misaligned' || hint.kind === 'dependency'">
+                @if (hint.kind !== 'noData') {<span aria-hidden="true">⚠ </span>}{{ hint.text }}
+              </li>
+            }
+          </ul>
+        }
         @if (showResolutionInfo() && resolutionExplanation(); as msg) {
           <div class="resolution-info">
             <div class="ri-head">
@@ -18132,13 +20137,15 @@ class LineChartWidgetComponent {
                 </kendo-chart-series-item>
               }
               <kendo-chart-series-item
-                [type]="chartType()"
+                [type]="series.asLine ? 'line' : chartType()"
                 [style]="'smooth'"
                 [data]="series.data"
                 [name]="series.name"
                 [axis]="series.axisName ?? ''"
                 [color]="series.color"
-                [opacity]="0.7"
+                [opacity]="series.asLine ? 1 : 0.7"
+                [stack]="series.stacked ?? stackSeries()"
+                [missingValues]="missingValues()"
                 [markers]="{ visible: config.showMarkers ?? false }">
               </kendo-chart-series-item>
             }
@@ -18161,9 +20168,16 @@ class LineChartWidgetComponent {
             <ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
               <div class="chart-tooltip">
                 <strong>{{ category }}</strong>
-                @for (point of points; track point.series.name) {
-                  @if (!isBandSeries(point.series.name)) {
-                    <br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
+                @if (isMultiSource()) {
+                  <!-- Multi-source (AB#7952): every drawn series, a gap as "–" (Kendo leaves gap points out of points). -->
+                  @for (row of tooltipRows(category); track row.name) {
+                    <br/>{{ row.name }}: {{ row.text }}
+                  }
+                } @else {
+                  @for (point of points; track point.series.name) {
+                    @if (!isBandSeries(point.series.name)) {
+                      <br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
+                    }
                   }
                 }
               </div>
@@ -18172,7 +20186,7 @@ class LineChartWidgetComponent {
         </kendo-chart>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.data-count.warn{color:var(--kendo-color-warning, #b8860b);background:color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 16%,transparent)}.data-count.has-info{pointer-events:auto;cursor:pointer}.data-count .rl-flag{font-weight:600}.resolution-info{position:absolute;top:26px;right:6px;z-index:5;max-width:min(340px,calc(100% - 12px));padding:8px 10px;border-radius:6px;font-size:.75rem;line-height:1.4;color:var(--kendo-color-on-app-surface, #212529);background:var(--kendo-color-app-surface, #fff);border:1px solid color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 55%,transparent);box-shadow:0 4px 14px #0000002e;text-align:left}.resolution-info .ri-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-weight:600;color:var(--kendo-color-warning, #b8860b)}.resolution-info .ri-close{border:none;background:transparent;cursor:pointer;font-size:.8rem;line-height:1;color:var(--kendo-color-subtle, #6c757d);padding:0 2px}.resolution-info .ri-body{margin:0}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.data-count.warn{color:var(--kendo-color-warning, #b8860b);background:color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 16%,transparent)}.data-count.has-info{pointer-events:auto;cursor:pointer}.data-count .rl-flag{font-weight:600}.resolution-info{position:absolute;top:26px;right:6px;z-index:5;max-width:min(340px,calc(100% - 12px));padding:8px 10px;border-radius:6px;font-size:.75rem;line-height:1.4;color:var(--kendo-color-on-app-surface, #212529);background:var(--kendo-color-app-surface, #fff);border:1px solid color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 55%,transparent);box-shadow:0 4px 14px #0000002e;text-align:left}.resolution-info .ri-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-weight:600;color:var(--kendo-color-warning, #b8860b)}.resolution-info .ri-close{border:none;background:transparent;cursor:pointer;font-size:.8rem;line-height:1;color:var(--kendo-color-subtle, #6c757d);padding:0 2px}.resolution-info .ri-body{margin:0}.source-hints{position:absolute;top:4px;left:6px;z-index:2;max-width:calc(100% - 140px);margin:0;padding:0;list-style:none;font-size:.7rem;line-height:1.4;color:var(--kendo-color-subtle, #6c757d)}.source-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-hint.error{color:var(--kendo-color-error, #dc3545)}.source-hint.warn{color:var(--kendo-color-warning, #b8860b)}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: LineChartWidgetComponent, decorators: [{
             type: Component,
@@ -18202,6 +20216,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             </span>
           }
         }
+        @if (sourceHints().length > 0) {
+          <ul class="source-hints" aria-live="polite">
+            @for (hint of sourceHints(); track hint.text) {
+              <li class="source-hint" [class.error]="hint.kind === 'error'" [class.warn]="hint.kind === 'misaligned' || hint.kind === 'dependency'">
+                @if (hint.kind !== 'noData') {<span aria-hidden="true">⚠ </span>}{{ hint.text }}
+              </li>
+            }
+          </ul>
+        }
         @if (showResolutionInfo() && resolutionExplanation(); as msg) {
           <div class="resolution-info">
             <div class="ri-head">
@@ -18273,13 +20296,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 </kendo-chart-series-item>
               }
               <kendo-chart-series-item
-                [type]="chartType()"
+                [type]="series.asLine ? 'line' : chartType()"
                 [style]="'smooth'"
                 [data]="series.data"
                 [name]="series.name"
                 [axis]="series.axisName ?? ''"
                 [color]="series.color"
-                [opacity]="0.7"
+                [opacity]="series.asLine ? 1 : 0.7"
+                [stack]="series.stacked ?? stackSeries()"
+                [missingValues]="missingValues()"
                 [markers]="{ visible: config.showMarkers ?? false }">
               </kendo-chart-series-item>
             }
@@ -18302,9 +20327,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             <ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
               <div class="chart-tooltip">
                 <strong>{{ category }}</strong>
-                @for (point of points; track point.series.name) {
-                  @if (!isBandSeries(point.series.name)) {
-                    <br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
+                @if (isMultiSource()) {
+                  <!-- Multi-source (AB#7952): every drawn series, a gap as "–" (Kendo leaves gap points out of points). -->
+                  @for (row of tooltipRows(category); track row.name) {
+                    <br/>{{ row.name }}: {{ row.text }}
+                  }
+                } @else {
+                  @for (point of points; track point.series.name) {
+                    @if (!isBandSeries(point.series.name)) {
+                      <br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
+                    }
                   }
                 }
               </div>
@@ -18313,7 +20345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
         </kendo-chart>
       }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.data-count.warn{color:var(--kendo-color-warning, #b8860b);background:color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 16%,transparent)}.data-count.has-info{pointer-events:auto;cursor:pointer}.data-count .rl-flag{font-weight:600}.resolution-info{position:absolute;top:26px;right:6px;z-index:5;max-width:min(340px,calc(100% - 12px));padding:8px 10px;border-radius:6px;font-size:.75rem;line-height:1.4;color:var(--kendo-color-on-app-surface, #212529);background:var(--kendo-color-app-surface, #fff);border:1px solid color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 55%,transparent);box-shadow:0 4px 14px #0000002e;text-align:left}.resolution-info .ri-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-weight:600;color:var(--kendo-color-warning, #b8860b)}.resolution-info .ri-close{border:none;background:transparent;cursor:pointer;font-size:.8rem;line-height:1;color:var(--kendo-color-subtle, #6c757d);padding:0 2px}.resolution-info .ri-body{margin:0}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.data-count.warn{color:var(--kendo-color-warning, #b8860b);background:color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 16%,transparent)}.data-count.has-info{pointer-events:auto;cursor:pointer}.data-count .rl-flag{font-weight:600}.resolution-info{position:absolute;top:26px;right:6px;z-index:5;max-width:min(340px,calc(100% - 12px));padding:8px 10px;border-radius:6px;font-size:.75rem;line-height:1.4;color:var(--kendo-color-on-app-surface, #212529);background:var(--kendo-color-app-surface, #fff);border:1px solid color-mix(in srgb,var(--kendo-color-warning, #f0ad4e) 55%,transparent);box-shadow:0 4px 14px #0000002e;text-align:left}.resolution-info .ri-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-weight:600;color:var(--kendo-color-warning, #b8860b)}.resolution-info .ri-close{border:none;background:transparent;cursor:pointer;font-size:.8rem;line-height:1;color:var(--kendo-color-subtle, #6c757d);padding:0 2px}.resolution-info .ri-body{margin:0}.source-hints{position:absolute;top:4px;left:6px;z-index:2;max-width:calc(100% - 140px);margin:0;padding:0;list-style:none;font-size:.7rem;line-height:1.4;color:var(--kendo-color-subtle, #6c757d)}.source-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-hint.error{color:var(--kendo-color-error, #dc3545)}.source-hint.warn{color:var(--kendo-color-warning, #b8860b)}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }] } });
@@ -18327,6 +20359,7 @@ class LineChartConfigDialogComponent {
     queryExecutor = inject(QueryExecutorService);
     stateService = inject(MeshBoardStateService);
     windowRef = inject(WindowRef);
+    expressionEvaluator = inject(ExpressionEvaluatorService);
     querySelector;
     // Initial values for editing
     initialQueryRtId;
@@ -18347,6 +20380,13 @@ class LineChartConfigDialogComponent {
     initialShowDataBadge;
     initialReferenceLines;
     initialFilters;
+    initialAdditionalSeries;
+    initialStacked;
+    initialPrimarySeries;
+    /** Query and formula series of the Series section (AB#7951, AB#7952). */
+    additionalSeries = [];
+    /** Display options of the primary query's series (AB#7952). */
+    primarySeries;
     // State
     isLoadingInitial = false;
     isLoadingColumns = false;
@@ -18401,13 +20441,19 @@ class LineChartConfigDialogComponent {
         legendPosition: 'right',
         showMarkers: false,
         showDataBadge: true,
+        stacked: false,
         referenceLines: []
     };
     get isValid() {
         return this.selectedPersistentQuery !== null
             && this.form.categoryField !== ''
             && this.form.seriesGroupField !== ''
-            && this.form.valueField !== '';
+            && this.form.valueField !== ''
+            && querySeriesErrors(this.effectiveAdditionalSeries, this.expressionEvaluator).every(e => e === null);
+    }
+    /** The query series that are saved: none unless the primary query is a stream-data query. */
+    get effectiveAdditionalSeries() {
+        return this.selectedQueryFamily === 'streamData' ? this.additionalSeries : [];
     }
     async ngOnInit() {
         // Initialize filter variables from MeshBoard state
@@ -18431,6 +20477,9 @@ class LineChartConfigDialogComponent {
         this.form.showMarkers = this.initialShowMarkers ?? false;
         this.form.showDataBadge = this.initialShowDataBadge ?? true;
         this.form.referenceLines = this.initialReferenceLines ? [...this.initialReferenceLines] : [];
+        this.form.stacked = this.initialStacked ?? false;
+        this.additionalSeries = this.initialAdditionalSeries ? [...this.initialAdditionalSeries] : [];
+        this.primarySeries = this.initialPrimarySeries ? { ...this.initialPrimarySeries } : undefined;
         // Initialize filters
         if (this.initialFilters && this.initialFilters.length > 0) {
             this.filters = this.initialFilters.map((f, index) => ({
@@ -18512,8 +20561,10 @@ class LineChartConfigDialogComponent {
                 aggregationType: c.aggregationType ?? null
             }));
         }
-        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
-        return sdResult.columns.map(c => ({
+        // An Integral column needs from/to (AB#7921): the executor retries with the board's
+        // window, or the last 24 hours when the board has no time filter (AB#7975).
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.stateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -18553,7 +20604,10 @@ class LineChartConfigDialogComponent {
             showMarkers: this.form.showMarkers,
             showDataBadge: this.form.showDataBadge,
             referenceLines: this.form.referenceLines.length > 0 ? this.form.referenceLines : undefined,
-            filters: filtersDto
+            filters: filtersDto,
+            additionalSeries: this.effectiveAdditionalSeries.length > 0 ? this.effectiveAdditionalSeries : undefined,
+            stacked: this.form.chartType === 'area' && this.form.stacked ? true : undefined,
+            primarySeries: this.selectedQueryFamily === 'streamData' ? this.primarySeries : undefined
         };
         this.windowRef.close(result);
     }
@@ -18567,7 +20621,7 @@ class LineChartConfigDialogComponent {
         this.windowRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: LineChartConfigDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: LineChartConfigDialogComponent, isStandalone: true, selector: "mm-line-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialResolutionAware: "initialResolutionAware", initialRequiredAggregation: "initialRequiredAggregation", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialUnitField: "initialUnitField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowMarkers: "initialShowMarkers", initialShowDataBadge: "initialShowDataBadge", initialReferenceLines: "initialReferenceLines", initialFilters: "initialFilters" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: LineChartConfigDialogComponent, isStandalone: true, selector: "mm-line-chart-config-dialog", inputs: { initialQueryRtId: "initialQueryRtId", initialQueryName: "initialQueryName", initialQueryFamily: "initialQueryFamily", initialIgnoreTimeFilter: "initialIgnoreTimeFilter", initialEntitySelectorId: "initialEntitySelectorId", initialResolutionAware: "initialResolutionAware", initialRequiredAggregation: "initialRequiredAggregation", initialChartType: "initialChartType", initialCategoryField: "initialCategoryField", initialSeriesGroupField: "initialSeriesGroupField", initialValueField: "initialValueField", initialUnitField: "initialUnitField", initialShowLegend: "initialShowLegend", initialLegendPosition: "initialLegendPosition", initialShowMarkers: "initialShowMarkers", initialShowDataBadge: "initialShowDataBadge", initialReferenceLines: "initialReferenceLines", initialFilters: "initialFilters", initialAdditionalSeries: "initialAdditionalSeries", initialStacked: "initialStacked", initialPrimarySeries: "initialPrimarySeries" }, viewQueries: [{ propertyName: "querySelector", first: true, predicate: ["querySelector"], descendants: true }], ngImport: i0, template: `
     <div class="config-container">
 
       <div class="config-form" [class.loading]="isLoadingInitial">
@@ -18708,6 +20762,22 @@ class LineChartConfigDialogComponent {
           </div>
         }
 
+        <!-- Series Section (AB#7951): query series from other stream-data queries on one time grid -->
+        @if (selectedQueryFamily === 'streamData') {
+          <div class="config-section">
+            <h3 class="section-title">Series</h3>
+            <p class="section-hint">The primary query's series come first, then the series below in this order (in a stacked area chart: bottom to top). All series share one time axis; each query can follow its own entity selector.</p>
+            <mm-line-chart-series-editor
+              [series]="additionalSeries"
+              [selectors]="availableEntitySelectors"
+              [primary]="primarySeries"
+              [stackedChart]="form.chartType === 'area' && form.stacked"
+              (seriesChange)="additionalSeries = $event"
+              (primaryChange)="primarySeries = $event">
+            </mm-line-chart-series-editor>
+          </div>
+        }
+
         <!-- Filters Section -->
         @if (selectedPersistentQuery?.queryCkTypeId) {
           <div class="config-section">
@@ -18749,6 +20819,16 @@ class LineChartConfigDialogComponent {
             </div>
           </div>
 
+          @if (form.chartType === 'area') {
+            <div class="form-field checkbox-field">
+              <label>
+                <input type="checkbox" [(ngModel)]="form.stacked" kendoCheckBox />
+                Stacked
+              </label>
+            </div>
+            <p class="field-hint">Series stack in their order; a bucket without data stays a gap.</p>
+          }
+
           <div class="form-row">
             <div class="form-field checkbox-field">
               <label>
@@ -18812,7 +20892,7 @@ class LineChartConfigDialogComponent {
         </button>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px;align-items:center}.checkbox-field{flex-direction:row;align-items:center;margin-bottom:0}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.reference-line-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;height:100%}.config-container{display:flex;flex-direction:column;height:100%}.config-form{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;padding:16px;position:relative}.config-form.loading{pointer-events:none}.config-section{padding:16px;background:var(--kendo-color-surface-alt, #f8f9fa);border:1px solid var(--kendo-color-border, #dee2e6);border-radius:4px}.section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--kendo-color-primary, #0d6efd)}.section-hint{margin:0 0 12px;font-size:.85rem;color:var(--kendo-color-subtle, #6c757d)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field:last-child{margin-bottom:0}.form-field label{font-weight:600;font-size:.9rem;color:var(--kendo-color-on-app-surface, #212529)}.required{color:var(--kendo-color-error, #dc3545)}.field-hint{margin:0;font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.chart-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-row{display:flex;gap:24px;align-items:center}.checkbox-field{flex-direction:row;align-items:center;margin-bottom:0}.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.column-item{display:flex;justify-content:space-between;gap:16px}.column-path{font-weight:500}.column-type{font-size:.8rem;color:var(--kendo-color-subtle, #6c757d)}.form-section{margin-top:8px}.form-section h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.reference-line-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio]:not([ngNoCva])[formControlName],input[type=radio]:not([ngNoCva])[formControl],input[type=radio]:not([ngNoCva])[ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "ngmodule", type: InputsModule }, { kind: "component", type: i3.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: i3.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i4.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "component", type: i4.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "ngmodule", type: SVGIconModule }, { kind: "component", type: FieldFilterEditorComponent, selector: "mm-field-filter-editor", inputs: ["availableAttributes", "ckTypeId", "hideNavigationProperties", "attributePaths", "enableVariables", "availableVariables", "filters"], outputs: ["filtersChange"] }, { kind: "component", type: QuerySelectorComponent, selector: "mm-query-selector", inputs: ["placeholder", "hint", "disabled", "acceptFamilies"], outputs: ["querySelected", "queriesLoaded"] }, { kind: "component", type: SdTimeFilterToggleComponent, selector: "mm-sd-time-filter-toggle", inputs: ["family", "ignoreTimeFilter"], outputs: ["ignoreTimeFilterChange"] }, { kind: "component", type: EntitySelectorScopePickerComponent, selector: "mm-entity-selector-scope-picker", inputs: ["family", "entitySelectorId", "selectors"], outputs: ["entitySelectorIdChange"] }, { kind: "component", type: LoadingOverlayComponent, selector: "mm-loading-overlay", inputs: ["loading"] }, { kind: "component", type: LineChartSeriesEditorComponent, selector: "mm-line-chart-series-editor", inputs: ["series", "primary", "stackedChart", "selectors", "alignment", "defaultCategoryField"], outputs: ["primaryChange", "seriesChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: LineChartConfigDialogComponent, decorators: [{
             type: Component,
@@ -18827,7 +20907,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                         QuerySelectorComponent,
                         SdTimeFilterToggleComponent,
                         EntitySelectorScopePickerComponent,
-                        LoadingOverlayComponent
+                        LoadingOverlayComponent,
+                        LineChartSeriesEditorComponent
                     ], template: `
     <div class="config-container">
 
@@ -18969,6 +21050,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
           </div>
         }
 
+        <!-- Series Section (AB#7951): query series from other stream-data queries on one time grid -->
+        @if (selectedQueryFamily === 'streamData') {
+          <div class="config-section">
+            <h3 class="section-title">Series</h3>
+            <p class="section-hint">The primary query's series come first, then the series below in this order (in a stacked area chart: bottom to top). All series share one time axis; each query can follow its own entity selector.</p>
+            <mm-line-chart-series-editor
+              [series]="additionalSeries"
+              [selectors]="availableEntitySelectors"
+              [primary]="primarySeries"
+              [stackedChart]="form.chartType === 'area' && form.stacked"
+              (seriesChange)="additionalSeries = $event"
+              (primaryChange)="primarySeries = $event">
+            </mm-line-chart-series-editor>
+          </div>
+        }
+
         <!-- Filters Section -->
         @if (selectedPersistentQuery?.queryCkTypeId) {
           <div class="config-section">
@@ -19010,6 +21107,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
             </div>
           </div>
 
+          @if (form.chartType === 'area') {
+            <div class="form-field checkbox-field">
+              <label>
+                <input type="checkbox" [(ngModel)]="form.stacked" kendoCheckBox />
+                Stacked
+              </label>
+            </div>
+            <p class="field-hint">Series stack in their order; a bucket without data stays a gap.</p>
+          }
+
           <div class="form-row">
             <div class="form-field checkbox-field">
               <label>
@@ -19113,6 +21220,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                 type: Input
             }], initialFilters: [{
                 type: Input
+            }], initialAdditionalSeries: [{
+                type: Input
+            }], initialStacked: [{
+                type: Input
+            }], initialPrimarySeries: [{
+                type: Input
             }] } });
 
 /**
@@ -19479,6 +21592,22 @@ class HeatmapWidgetComponent {
                         numericValue = 0;
                 }
             }
+            // A null value cell is "no data" (e.g. an Integral over an empty window, AB#7975): the
+            // row is skipped instead of counting as 0 in its bucket (sum/avg). The value cell is
+            // resolved exactly (`findCellForField`), so a null `<field>_integral` never hides or
+            // overwrites a usable `<field>`.
+            // A count ignores the value; a weighted mean validates value and weight below.
+            if (valueField && aggregation !== 'count' && !weighted) {
+                const valueCell = findCellForField(row.cells, valueField);
+                if (valueCell) {
+                    const val = valueCell.value;
+                    if (val === null || val === undefined)
+                        continue;
+                    numericValue = typeof val === 'number' ? val : parseFloat(String(val));
+                    if (isNaN(numericValue))
+                        numericValue = 0;
+                }
+            }
             // Stream-data rows carry their time at top level (`row.timestamp`, see
             // QueryExecutorService.mapStreamDataRows); the cells only hold the value
             // columns. Same source the line chart uses for the bin time (AB#7938).
@@ -20111,8 +22240,10 @@ class HeatmapConfigDialogComponent {
                 aggregationType: c.aggregationType ?? null
             }));
         }
-        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
-        return sdResult.columns.map(c => ({
+        // An Integral column needs from/to (AB#7921): the executor retries with the board's
+        // window, or the last 24 hours when the board has no time filter (AB#7975).
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.stateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -23139,8 +25270,10 @@ class WidgetGroupConfigDialogComponent {
                 aggregationType: c.aggregationType ?? null
             }));
         }
-        const sdResult = await firstValueFrom(this.queryExecutor.executeStreamData(rtId, { first: 1 }));
-        return sdResult.columns.map(c => ({
+        // An Integral column needs from/to (AB#7921): the executor retries with the board's
+        // window, or the last 24 hours when the board has no time filter (AB#7975).
+        const columns = await this.queryExecutor.fetchStreamDataColumns(rtId, columnProbeWindow(this.meshBoardStateService.resolveStreamDataTimeArgs()));
+        return columns.map(c => ({
             attributePath: c.attributePath,
             attributeValueType: c.attributeValueType ?? '',
             aggregationType: c.aggregationType ?? null
@@ -25982,6 +28115,332 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
   `, changeDetection: ChangeDetectionStrategy.Eager, styles: [".config-form{display:flex;flex-direction:column;gap:12px;padding:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.hint{font-size:.75rem;opacity:.6}\n"] }]
         }] });
 
+/**
+ * Process Widget Type identifier
+ */
+const PROCESS_WIDGET_TYPE = 'process';
+/**
+ * Name of the implicit binding a config without `bindings` is read as: the
+ * legacy single-binding fields (`dataBindingMode`, `bindingCkTypeId`, …).
+ * Mappings without `bindingName` refer to it.
+ */
+const DEFAULT_PROCESS_BINDING_NAME = 'default';
+/**
+ * Default configuration for a new Process Widget
+ */
+const DEFAULT_PROCESS_WIDGET_CONFIG = {
+    type: 'process',
+    fitToBounds: true,
+    allowZoom: false,
+    allowPan: false,
+    showToolbar: false,
+    initialZoom: 1
+};
+
+/**
+ * Aggregation of a mapped Process Widget value over all rows of a query
+ * binding's selector scope (AB#8024): `first` (default, the first row as
+ * before), `sum`, `avg`, `min`, `max`.
+ *
+ * Aggregation works on **query bindings only**: a runtime-entity binding loads
+ * a single entity, so there is nothing to aggregate. To aggregate over all
+ * entities of a scope, bind a runtime persistent query with the entity
+ * selector instead.
+ */
+/** All aggregates a mapping may name. */
+const PROCESS_VALUE_AGGREGATES = ['first', 'sum', 'avg', 'min', 'max'];
+/** `true` when the aggregate reduces several rows (anything but `first`/absent). */
+function isReducingAggregate(aggregate) {
+    return aggregate !== undefined && aggregate !== 'first';
+}
+/**
+ * Reads one cell of a query row: the column name, or its sanitized form
+ * (dots → underscores) as the query service delivers nested paths.
+ */
+function cellValue(cells, columnName) {
+    return cells.get(columnName) ?? cells.get(columnName.replace(/\./g, '_'));
+}
+/** A finite number from a cell, or `undefined` for null/undefined/non-numeric cells. */
+function numericCell(value) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value) ? value : undefined;
+    }
+    if (typeof value === 'string' && value.trim() !== '') {
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : undefined;
+    }
+    return undefined;
+}
+/**
+ * The value of a column over the query rows.
+ *
+ * - `first` / absent: the cell of the first row, unchanged (today's behaviour).
+ * - `sum`, `avg`, `min`, `max`: over the numeric cells; null, undefined and
+ *   non-numeric cells are skipped. Zero rows or no numeric cell ⇒ `undefined`
+ *   (the property keeps no value, not 0).
+ */
+function aggregateQueryColumn(queryResult, columnName, aggregate) {
+    const rows = queryResult.rows ?? [];
+    if (rows.length === 0) {
+        return undefined;
+    }
+    if (!isReducingAggregate(aggregate)) {
+        return cellValue(rows[0].cells, columnName);
+    }
+    const numbers = [];
+    for (const row of rows) {
+        const n = numericCell(cellValue(row.cells, columnName));
+        if (n !== undefined) {
+            numbers.push(n);
+        }
+    }
+    if (numbers.length === 0) {
+        return undefined;
+    }
+    switch (aggregate) {
+        case 'sum':
+            return numbers.reduce((a, b) => a + b, 0);
+        case 'avg':
+            return numbers.reduce((a, b) => a + b, 0) / numbers.length;
+        case 'min':
+            return Math.min(...numbers);
+        case 'max':
+            return Math.max(...numbers);
+        default:
+            return undefined;
+    }
+}
+/**
+ * `true` when a reducing aggregate ran over fewer rows than the scope holds
+ * (`totalCount` > loaded rows) — the result is partial and worth a warning.
+ */
+function isPartialAggregate(queryResult) {
+    const loaded = queryResult.rows?.length ?? 0;
+    return typeof queryResult.totalCount === 'number' && queryResult.totalCount > loaded;
+}
+/**
+ * Why a mapping's aggregate cannot apply, or `undefined` when it can (or is
+ * `first`/absent). A reducing aggregate needs a `number` property and a
+ * persistent-query binding. The widget falls back to `first` in those cases.
+ *
+ * @param propertyType Type of the diagram's transform property, when known.
+ * @param bindingMode  Mode of the mapping's binding, when known.
+ */
+function processAggregateIssue(aggregate, propertyType, bindingMode) {
+    if (aggregate === undefined) {
+        return undefined;
+    }
+    if (!PROCESS_VALUE_AGGREGATES.includes(aggregate)) {
+        return `Unknown aggregate '${String(aggregate)}'`;
+    }
+    if (!isReducingAggregate(aggregate)) {
+        return undefined;
+    }
+    if (bindingMode === 'runtimeEntity') {
+        return `Aggregate '${aggregate}' needs a persistent query binding; a runtime entity binding loads one entity`;
+    }
+    if (propertyType !== undefined && propertyType !== 'number') {
+        return `Aggregate '${aggregate}' needs a number property, not '${propertyType}'`;
+    }
+    return undefined;
+}
+
+/**
+ * The legacy single-binding fields read as one binding named
+ * {@link DEFAULT_PROCESS_BINDING_NAME}, or `undefined` when the legacy mode is
+ * absent or `'none'`.
+ */
+function legacyProcessBinding(config) {
+    const mode = config.dataBindingMode;
+    if (!mode || mode === 'none') {
+        return undefined;
+    }
+    return {
+        name: DEFAULT_PROCESS_BINDING_NAME,
+        mode,
+        ckTypeId: config.bindingCkTypeId,
+        rtId: config.bindingRtId,
+        queryRtId: config.bindingQueryRtId,
+        queryName: config.bindingQueryName,
+        queryFamily: config.bindingQueryFamily,
+        ignoreTimeFilter: config.bindingIgnoreTimeFilter,
+        entitySelectorId: config.bindingEntitySelectorId,
+        filters: config.bindingFilters
+    };
+}
+/** `true` when the config uses the named `bindings` list instead of the legacy fields. */
+function hasNamedProcessBindings(config) {
+    return Array.isArray(config.bindings) && config.bindings.length > 0;
+}
+/**
+ * The bindings the widget loads: the named `bindings` when present, otherwise
+ * the implicit legacy binding (or none).
+ */
+function resolveProcessBindings(config) {
+    if (hasNamedProcessBindings(config)) {
+        return config.bindings;
+    }
+    const legacy = legacyProcessBinding(config);
+    return legacy ? [legacy] : [];
+}
+/** The binding name a mapping reads from (`default` when absent). */
+function mappingBindingName(mapping) {
+    return mapping.bindingName || DEFAULT_PROCESS_BINDING_NAME;
+}
+/**
+ * The config problem of a single binding, or `undefined` when it can load.
+ * A runtime-entity binding needs a CK type (or a selector to take it from) and
+ * an rtId or an entity selector; a query binding needs a query rtId.
+ */
+function processBindingConfigError(binding) {
+    if (binding.mode === 'runtimeEntity') {
+        if (!binding.rtId && !binding.entitySelectorId) {
+            return 'Runtime entity binding needs an rtId or an entity selector';
+        }
+        if (!binding.ckTypeId && !binding.entitySelectorId) {
+            return 'Runtime entity binding needs a CK type';
+        }
+        return undefined;
+    }
+    if (binding.mode === 'persistentQuery') {
+        return binding.queryRtId ? undefined : 'Persistent query binding needs a query rtId';
+    }
+    return `Unknown binding mode '${String(binding.mode)}'`;
+}
+/**
+ * Validates the bindings and mappings of a Process Widget config (AB#8023):
+ * empty or duplicate binding names, bindings that cannot load (see
+ * {@link processBindingConfigError}), selectors that do not exist on the board
+ * (only checked when `knownSelectorIds` is given), and mappings that refer to an
+ * unknown binding. A legacy config is validated like its implicit binding; a
+ * config without any binding has no issues.
+ *
+ * Aggregates (AB#8024): an unknown aggregate, or one other than `first` on a
+ * runtime-entity binding, an `attribute` mapping or — when `propertyTypes` is
+ * given — a non-`number` property, is reported; the widget then reads the
+ * first row.
+ *
+ * @param propertyTypes Type per diagram property id (`transformProperties`), when the diagram is known.
+ */
+function validateProcessWidgetBindings(config, knownSelectorIds, propertyTypes) {
+    const issues = [];
+    const bindings = resolveProcessBindings(config);
+    const names = new Set();
+    for (const binding of bindings) {
+        if (!binding.name || !binding.name.trim()) {
+            issues.push({ message: 'A binding has no name' });
+            continue;
+        }
+        if (names.has(binding.name)) {
+            issues.push({ bindingName: binding.name, message: `Duplicate binding name '${binding.name}'` });
+        }
+        names.add(binding.name);
+        const error = processBindingConfigError(binding);
+        if (error) {
+            issues.push({ bindingName: binding.name, message: error });
+        }
+        if (binding.entitySelectorId && knownSelectorIds && !knownSelectorIds.includes(binding.entitySelectorId)) {
+            issues.push({
+                bindingName: binding.name,
+                message: `Entity selector '${binding.entitySelectorId}' does not exist on the board`
+            });
+        }
+    }
+    // Only report unknown names when the widget has bindings at all — a widget
+    // without data binding keeps stale mappings silently, as before.
+    if (bindings.length > 0) {
+        for (const mapping of config.propertyMappings ?? []) {
+            const name = mappingBindingName(mapping);
+            if (!names.has(name)) {
+                issues.push({
+                    bindingName: name,
+                    propertyId: mapping.propertyId,
+                    message: `Mapping of '${mapping.propertyId}' refers to unknown binding '${name}'`
+                });
+            }
+            const aggregateIssue = mappingAggregateIssue(mapping, bindings.find(b => b.name === name), propertyTypes);
+            if (aggregateIssue) {
+                issues.push({
+                    bindingName: name,
+                    propertyId: mapping.propertyId,
+                    message: `Mapping of '${mapping.propertyId}': ${aggregateIssue}; the first row is used`
+                });
+            }
+        }
+    }
+    return issues;
+}
+/**
+ * Why a mapping's `aggregate` cannot apply (AB#8024), or `undefined`. Besides
+ * {@link processAggregateIssue} an `attribute` mapping cannot aggregate: it
+ * reads one entity.
+ */
+function mappingAggregateIssue(mapping, binding, propertyTypes) {
+    const issue = processAggregateIssue(mapping.aggregate, propertyTypes?.get(mapping.propertyId), binding?.mode);
+    if (issue) {
+        return issue;
+    }
+    if (mapping.aggregate && mapping.aggregate !== 'first' && mapping.sourceType === 'attribute') {
+        return `Aggregate '${mapping.aggregate}' needs a column mapping; an attribute mapping reads one entity`;
+    }
+    return undefined;
+}
+/**
+ * Reads persisted `bindings` (JSON/YAML seed) into typed bindings. Entries that
+ * are not objects or have an unknown mode are dropped; returns `undefined` when
+ * nothing usable is left, so a config without bindings stays without the key.
+ */
+function parsePersistedProcessBindings(raw) {
+    if (!Array.isArray(raw)) {
+        return undefined;
+    }
+    const bindings = [];
+    for (const entry of raw) {
+        if (!entry || typeof entry !== 'object') {
+            continue;
+        }
+        const e = entry;
+        if (e['mode'] !== 'runtimeEntity' && e['mode'] !== 'persistentQuery') {
+            console.warn('[ProcessWidget] Ignoring binding with unknown mode:', e['name'], e['mode']);
+            continue;
+        }
+        bindings.push(compactBinding({
+            name: typeof e['name'] === 'string' ? e['name'] : '',
+            mode: e['mode'],
+            ckTypeId: e['ckTypeId'],
+            rtId: e['rtId'],
+            queryRtId: e['queryRtId'],
+            queryName: e['queryName'],
+            queryFamily: e['queryFamily'],
+            ignoreTimeFilter: e['ignoreTimeFilter'],
+            entitySelectorId: e['entitySelectorId'],
+            filters: e['filters']
+        }));
+    }
+    return bindings.length > 0 ? bindings : undefined;
+}
+/**
+ * Serializes bindings for persistence: only set keys are written
+ * (`ignoreTimeFilter` only when `true`, `filters` only when non-empty).
+ */
+function toPersistedProcessBindings(bindings) {
+    return bindings.map(compactBinding);
+}
+function compactBinding(binding) {
+    return {
+        name: binding.name,
+        mode: binding.mode,
+        ...(binding.ckTypeId && { ckTypeId: binding.ckTypeId }),
+        ...(binding.rtId && { rtId: binding.rtId }),
+        ...(binding.queryRtId && { queryRtId: binding.queryRtId }),
+        ...(binding.queryName && { queryName: binding.queryName }),
+        ...(binding.queryFamily && { queryFamily: binding.queryFamily }),
+        ...(binding.ignoreTimeFilter === true && { ignoreTimeFilter: true }),
+        ...(binding.entitySelectorId && { entitySelectorId: binding.entitySelectorId }),
+        ...(binding.filters && binding.filters.length > 0 && { filters: binding.filters })
+    };
+}
+
 class ProcessDataService {
     dataService = inject(MeshBoardDataService);
     variableService = inject(MeshBoardVariableService);
@@ -26447,51 +28906,90 @@ class ProcessDataService {
     // Widget Data Binding Methods
     // ============================================================================
     /**
-     * Loads bound data based on widget configuration.
-     * Supports both runtimeEntity and persistentQuery data binding modes.
+     * Loads data based on the widget's legacy single-binding configuration —
+     * the implicit binding named `default` (see {@link legacyProcessBinding}).
      *
      * @param config - The process widget configuration with data binding settings
      * @returns BoundDataResult containing the loaded data, or null if no binding configured
      */
     async loadBoundData(config) {
-        if (!config.dataBindingMode || config.dataBindingMode === 'none') {
-            return null;
-        }
-        try {
-            if (config.dataBindingMode === 'runtimeEntity') {
-                return await this.loadBoundRuntimeEntityData(config);
+        const binding = legacyProcessBinding(config);
+        return binding ? this.loadBinding(binding) : null;
+    }
+    /**
+     * Loads every binding of the widget in parallel (AB#8023): the named
+     * `bindings`, or the implicit legacy binding `default`. One result per
+     * binding name (first binding wins on a duplicate name). A failing binding
+     * yields a result with `error`, a binding whose selector scope is still
+     * resolving a result with `pending` — neither blocks the others.
+     */
+    async loadBindings(config) {
+        const bindings = resolveProcessBindings(config);
+        const results = await Promise.all(bindings.map(binding => this.loadBinding(binding)));
+        const byName = new Map();
+        bindings.forEach((binding, index) => {
+            if (!byName.has(binding.name)) {
+                byName.set(binding.name, results[index]);
             }
-            if (config.dataBindingMode === 'persistentQuery') {
-                return await this.loadBoundQueryData(config);
+        });
+        return byName;
+    }
+    /**
+     * Loads one binding. Never throws: errors are returned as `error` result.
+     */
+    async loadBinding(binding) {
+        const type = binding.mode === 'runtimeEntity' ? 'entity' : 'query';
+        try {
+            const configError = processBindingConfigError(binding);
+            if (configError) {
+                throw new Error(configError);
             }
-            return null;
+            const result = binding.mode === 'runtimeEntity'
+                ? await this.loadBoundRuntimeEntityData(binding)
+                : await this.loadBoundQueryData(binding);
+            return { ...result, bindingName: binding.name };
         }
         catch (error) {
-            console.error('[ProcessDataService] Error loading bound data:', error);
+            console.error(`[ProcessDataService] Error loading binding '${binding.name}':`, error);
             return {
-                type: config.dataBindingMode === 'runtimeEntity' ? 'entity' : 'query',
+                type,
+                bindingName: binding.name,
                 error: error instanceof Error ? error.message : 'Unknown error',
                 loadedAt: new Date()
             };
         }
     }
     /**
-     * Loads data from a runtime entity binding
+     * Loads data from a runtime entity binding. A fixed `rtId` (variables
+     * resolved) wins; without one the current entity of the bound selector is
+     * loaded (AB#8023): the first rtId of its resolved scope. A pending scope
+     * gives a `pending` result, an empty scope or a selector without pick no
+     * entity (no value, never the previous one).
      */
-    async loadBoundRuntimeEntityData(config) {
-        const { bindingCkTypeId, bindingRtId } = config;
-        if (!bindingCkTypeId) {
-            throw new Error('Runtime entity binding requires a CK Type ID');
+    async loadBoundRuntimeEntityData(binding) {
+        let rtId;
+        if (binding.rtId) {
+            // Resolve variables in rtId (e.g., ${selectedEntity})
+            rtId = this.resolveVariables(binding.rtId);
         }
-        if (!bindingRtId) {
-            throw new Error('Runtime entity binding requires a Runtime ID');
+        else {
+            const scope = this.stateService.resolveEntitySelectorScope(binding.entitySelectorId);
+            if (scope.kind === 'pending') {
+                return { type: 'entity', pending: true, loadedAt: new Date() };
+            }
+            if (scope.kind !== 'scoped') {
+                return { type: 'entity', loadedAt: new Date() };
+            }
+            rtId = scope.rtIds[0];
+        }
+        const ckTypeId = binding.ckTypeId ?? this.selectorCkTypeId(binding.entitySelectorId);
+        if (!ckTypeId) {
+            throw new Error('Runtime entity binding requires a CK Type ID');
         }
-        // Resolve variables in rtId (e.g., ${selectedEntity})
-        const resolvedRtId = this.resolveVariables(bindingRtId);
         // Fetch the entity
-        const entity = await firstValueFrom(this.dataService.fetchEntityWithAssociations(resolvedRtId, bindingCkTypeId));
+        const entity = await firstValueFrom(this.dataService.fetchEntityWithAssociations(rtId, ckTypeId));
         if (!entity) {
-            throw new Error(`Entity not found: ${resolvedRtId}`);
+            throw new Error(`Entity not found: ${rtId}`);
         }
         return {
             type: 'entity',
@@ -26499,39 +28997,50 @@ class ProcessDataService {
             loadedAt: new Date()
         };
     }
+    /**
+     * CK type of the entity a selector's scope consists of — known only for a
+     * selector without `childScope` (its scope is the picked entity itself).
+     */
+    selectorCkTypeId(selectorId) {
+        if (!selectorId) {
+            return undefined;
+        }
+        const selector = this.stateService.getConfig().entitySelectors?.find(s => s.id === selectorId);
+        return selector && !selector.childScope ? selector.ckTypeId : undefined;
+    }
     /**
      * Loads data from a persistent query binding
      */
-    async loadBoundQueryData(config) {
-        const { bindingQueryRtId, bindingFilters, bindingQueryFamily } = config;
-        if (!bindingQueryRtId) {
+    async loadBoundQueryData(binding) {
+        const { queryRtId, filters, queryFamily } = binding;
+        if (!queryRtId) {
             throw new Error('Persistent query binding requires a Query rtId');
         }
         // Entity-selector scope (AB#7721): NO query is sent while the scope is pending
         // or empty — never the persisted (unscoped) scope. Pending → a `pending` result
         // (the widget stays loading; a refresh follows once the scope resolves);
         // empty → no rows.
-        const scope = this.stateService.resolveStreamDataScope(config.bindingEntitySelectorId, bindingQueryFamily, config.bindingIgnoreTimeFilter);
+        const scope = this.stateService.resolveStreamDataScope(binding.entitySelectorId, queryFamily, binding.ignoreTimeFilter);
         if (scope.kind === 'pending') {
             return { type: 'query', pending: true, loadedAt: new Date() };
         }
         if (scope.kind === 'empty') {
             return {
                 type: 'query',
-                queryResult: this.mapExecutionResult(emptyQueryExecutionResult(bindingQueryFamily)),
+                queryResult: this.mapExecutionResult(emptyQueryExecutionResult(queryFamily)),
                 loadedAt: new Date()
             };
         }
         // Convert widget filters to GraphQL format with variable resolution
-        const fieldFilters = this.convertFiltersToDto(bindingFilters);
+        const fieldFilters = this.convertFiltersToDto(filters);
         // Execute via the unified executor — it routes runtime vs stream-data from
         // the persisted family (or a one-time lookup when absent). Stream-data
         // queries additionally consume the time-filter / asset-scope overrides built
         // below; runtime queries ignore `streamDataArgs`.
-        const result = await firstValueFrom(this.queryExecutor.execute(bindingQueryFamily, bindingQueryRtId, {
+        const result = await firstValueFrom(this.queryExecutor.execute(queryFamily, queryRtId, {
             first: 1000, // Reasonable limit for process diagram data
             fieldFilter: fieldFilters,
-            streamDataArgs: this.buildBindingStreamDataArgs(config),
+            streamDataArgs: this.buildBindingStreamDataArgs(binding),
             // Runtime queries: `rtId IN` field filter (AB#7725); stream data: arg.rtIds.
             scopeRtIds: scope.kind === 'scoped' ? scope.rtIds : undefined
         }));
@@ -26547,9 +29056,9 @@ class ProcessDataService {
      * Returns `undefined` when neither override applies (e.g. runtime query, no
      * time filter, opted out). Runtime queries ignore the result.
      */
-    buildBindingStreamDataArgs(config) {
-        const timeArgs = this.stateService.resolveStreamDataTimeArgs(config.bindingIgnoreTimeFilter);
-        const rtIds = this.stateService.resolveStreamDataRtIds(config.bindingEntitySelectorId);
+    buildBindingStreamDataArgs(binding) {
+        const timeArgs = this.stateService.resolveStreamDataTimeArgs(binding.ignoreTimeFilter);
+        const rtIds = this.stateService.resolveStreamDataRtIds(binding.entitySelectorId);
         if (!timeArgs && !rtIds) {
             return undefined;
         }
@@ -26627,9 +29136,12 @@ class ProcessWidgetComponent {
     config;
     containerRef;
     dataService = inject(ProcessDataService);
+    stateService = inject(MeshBoardStateService);
     symbolLibraryService = inject(SymbolLibraryService);
     sanitizer = inject(DomSanitizer);
     expressionEvaluator = inject(ExpressionEvaluatorService);
+    /** Host language for `text.value` bindings (AB#8022); no language = de-AT. */
+    hostLanguage = injectMeshBoardLanguage();
     // Math reference for template
     Math = Math;
     // State signals
@@ -26645,6 +29157,16 @@ class ProcessWidgetComponent {
     ...(ngDevMode ? [{ debugName: "_symbolDefinitions" }] : /* istanbul ignore next */ []));
     _boundData = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_boundData" }] : /* istanbul ignore next */ []));
+    /** Loaded results per binding name (AB#8023); pending bindings are absent. */
+    _boundDataByBinding = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_boundDataByBinding" }] : /* istanbul ignore next */ []));
+    /** Console messages already written by this widget instance (each is reported once). */
+    reportedWarnings = new Set();
+    /**
+     * Generation of the latest `loadDiagram()` call: a slower, older load (e.g. of
+     * the previous leader pick) never overwrites the bound data of a newer one.
+     */
+    loadGeneration = 0;
     isLoading = this._isLoading.asReadonly();
     error = this._error.asReadonly();
     diagramConfig = this._diagramConfig.asReadonly();
@@ -26655,6 +29177,30 @@ class ProcessWidgetComponent {
      * Contains entity or query data that can be used for dynamic values in the diagram.
      */
     boundData = this._boundData.asReadonly();
+    /** Loaded results per binding name (AB#8023). Pending bindings have no entry. */
+    boundDataByBinding = this._boundDataByBinding.asReadonly();
+    /**
+     * Bindings whose load failed, for the error badge (AB#8023). Only for widgets
+     * with named `bindings`: a legacy single-binding widget keeps its previous
+     * behaviour (diagram without values, no badge).
+     */
+    bindingErrors = computed(() => {
+        const errors = [];
+        const results = this._boundDataByBinding();
+        if (!hasNamedProcessBindings(this.config)) {
+            return errors;
+        }
+        for (const [name, result] of results) {
+            if (result.error) {
+                errors.push({ name, message: result.error });
+            }
+        }
+        return errors;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bindingErrors" }] : /* istanbul ignore next */ []));
+    /** Text of the error badge: "Binding pv: <message>; Binding netz: …". */
+    bindingErrorText = computed(() => this.bindingErrors().map(e => `Binding ${e.name}: ${e.message}`).join('; '), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bindingErrorText" }] : /* istanbul ignore next */ []));
     // Computed SVG properties
     viewBox = computed(() => {
         const diagram = this._diagramConfig();
@@ -26682,7 +29228,7 @@ class ProcessWidgetComponent {
     animationEnabledStates = computed(() => {
         const states = {};
         const diagram = this._diagramConfig();
-        const boundData = this._boundData();
+        const boundData = this._boundDataByBinding();
         if (!diagram?.propertyBindings || diagram.propertyBindings.length === 0) {
             return states;
         }
@@ -26692,7 +29238,7 @@ class ProcessWidgetComponent {
             return states;
         }
         // Build property values from bound data
-        const propertyValues = boundData
+        const propertyValues = boundData.size > 0
             ? this.buildPropertyValuesFromBoundData(diagram.transformProperties ?? [], this.config.propertyMappings ?? [], boundData)
             : {};
         // Evaluate each animation binding
@@ -26720,18 +29266,24 @@ class ProcessWidgetComponent {
      */
     boundPrimitives = computed(() => {
         const diagram = this._diagramConfig();
-        const boundData = this._boundData();
+        const boundData = this._boundDataByBinding();
         if (!diagram?.primitives) {
             return [];
         }
-        // If no bindings or no bound data, return original primitives
-        if (!diagram.propertyBindings || diagram.propertyBindings.length === 0 || !boundData) {
+        // If no bindings, return original primitives. Without bound data only a
+        // text.value binding changes anything: it shows "–" instead of the static
+        // design-time text (AB#8022); every other effect waits for data as before.
+        if (!diagram.propertyBindings || diagram.propertyBindings.length === 0) {
+            return diagram.primitives;
+        }
+        if (boundData.size === 0 && !diagram.propertyBindings.some(b => b.effectType === 'text.value')) {
             return diagram.primitives;
         }
         // Build property values from bound data using mappings
-        const propertyValues = this.buildPropertyValuesFromBoundData(diagram.transformProperties ?? [], this.config.propertyMappings ?? [], boundData);
+        const noValue = new Set();
+        const propertyValues = this.buildPropertyValuesFromBoundData(diagram.transformProperties ?? [], this.config.propertyMappings ?? [], boundData, noValue);
         // Apply bindings to primitives
-        return this.applyBindingsToPrimitives(diagram.primitives, diagram.propertyBindings, propertyValues);
+        return this.applyBindingsToPrimitives(diagram.primitives, diagram.propertyBindings, propertyValues, diagram.transformProperties, noValue);
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "boundPrimitives" }] : /* istanbul ignore next */ []));
     ngOnInit() {
@@ -26749,9 +29301,11 @@ class ProcessWidgetComponent {
      * Loads the process diagram configuration and data
      */
     async loadDiagram() {
+        const generation = ++this.loadGeneration;
         this._isLoading.set(true);
         this._error.set(null);
         this._boundData.set(null);
+        this._boundDataByBinding.set(new Map());
         // A bound entity-selector scope that is still resolving keeps the widget loading
         // until the refresh that follows the resolution (AB#7721).
         let scopePending = false;
@@ -26761,7 +29315,7 @@ class ProcessWidgetComponent {
                 this._diagramConfig.set(this.config.inlineConfig);
                 await this.loadSymbolDefinitions(this.config.inlineConfig);
                 await this.loadRuntimeData();
-                scopePending = await this.loadBoundData();
+                scopePending = await this.loadBoundData(generation);
                 return;
             }
             // Load from backend by rtId
@@ -26770,7 +29324,7 @@ class ProcessWidgetComponent {
                 this._diagramConfig.set(diagram);
                 await this.loadSymbolDefinitions(diagram);
                 await this.loadRuntimeData();
-                scopePending = await this.loadBoundData();
+                scopePending = await this.loadBoundData(generation);
                 return;
             }
             // No configuration
@@ -26781,7 +29335,7 @@ class ProcessWidgetComponent {
             this._error.set('Failed to load process diagram');
         }
         finally {
-            if (!scopePending) {
+            if (!scopePending && generation === this.loadGeneration) {
                 this._isLoading.set(false);
             }
         }
@@ -26790,17 +29344,34 @@ class ProcessWidgetComponent {
      * Loads bound data based on widget data binding configuration.
      * Returns `true` when the bound entity-selector scope is still resolving (AB#7721).
      */
-    async loadBoundData() {
-        // Only load if data binding is configured
-        if (!this.config.dataBindingMode || this.config.dataBindingMode === 'none') {
-            return false;
-        }
+    async loadBoundData(generation) {
+        this.reportBindingIssues();
         try {
-            const boundData = await this.dataService.loadBoundData(this.config);
-            if (boundData?.pending) {
+            // Every binding loads in parallel (AB#8023): the named `bindings`, or the
+            // implicit legacy binding `default`. No binding configured → nothing to load.
+            const results = await this.dataService.loadBindings(this.config);
+            if (generation !== this.loadGeneration) {
+                // A newer load started meanwhile (e.g. leader pick changed): drop this result.
+                return false;
+            }
+            if (results.size === 0) {
+                return false;
+            }
+            // A pending binding (selector scope still resolving) gets no value and does
+            // not blank the others. Only when every binding is pending does the widget
+            // stay loading until the refresh that follows the resolution (AB#7721) —
+            // for a legacy widget that is exactly its single binding.
+            const loaded = new Map();
+            for (const [name, result] of results) {
+                if (!result.pending) {
+                    loaded.set(name, result);
+                }
+            }
+            if (loaded.size === 0) {
                 return true;
             }
-            this._boundData.set(boundData);
+            this._boundDataByBinding.set(loaded);
+            this._boundData.set(loaded.get(DEFAULT_PROCESS_BINDING_NAME) ?? null);
         }
         catch (err) {
             console.error('Error loading bound data:', err);
@@ -26808,6 +29379,22 @@ class ProcessWidgetComponent {
         }
         return false;
     }
+    /** Writes the config issues of the bindings to the console, each once per widget instance. */
+    reportBindingIssues() {
+        const selectorIds = (this.stateService.getConfig().entitySelectors ?? []).map(s => s.id);
+        const properties = this._diagramConfig()?.transformProperties;
+        const propertyTypes = properties ? new Map(properties.map(p => [p.id, p.type])) : undefined;
+        for (const issue of validateProcessWidgetBindings(this.config, selectorIds, propertyTypes)) {
+            this.warnOnce(`[ProcessWidget] ${this.config.title || this.config.id}: ${issue.message}`);
+        }
+    }
+    warnOnce(message) {
+        if (this.reportedWarnings.has(message)) {
+            return;
+        }
+        this.reportedWarnings.add(message);
+        console.warn(message);
+    }
     /**
      * Loads symbol definitions for all symbol instances in the diagram
      */
@@ -27343,11 +29930,12 @@ class ProcessWidgetComponent {
             return [];
         }
         // Get property values for this symbol instance
-        const propertyValues = this.getSymbolInstancePropertyValues(symbolInstance, definition);
+        const noValue = new Set();
+        const propertyValues = this.getSymbolInstancePropertyValues(symbolInstance, definition, noValue);
         // If there are bindings, apply them
         let primitives;
         if (definition.propertyBindings && definition.propertyBindings.length > 0) {
-            primitives = this.applyBindingsToPrimitives(definition.primitives, definition.propertyBindings, propertyValues);
+            primitives = this.applyBindingsToPrimitives(definition.primitives, definition.propertyBindings, propertyValues, definition.transformProperties, noValue);
         }
         else {
             primitives = [...definition.primitives];
@@ -27355,7 +29943,7 @@ class ProcessWidgetComponent {
         // Add primitives from nested symbol instances (recursively)
         const nestedInstances = definition.symbolInstances ?? [];
         for (const nestedInst of nestedInstances) {
-            const nestedPrimitives = this.getNestedSymbolPrimitives(nestedInst, definition, propertyValues);
+            const nestedPrimitives = this.getNestedSymbolPrimitives(nestedInst, definition, propertyValues, noValue);
             primitives.push(...nestedPrimitives);
         }
         return primitives;
@@ -27363,18 +29951,19 @@ class ProcessWidgetComponent {
     /**
      * Gets primitives for a nested symbol instance, with position offset applied.
      */
-    getNestedSymbolPrimitives(nestedInst, parentDef, parentPropertyValues) {
+    getNestedSymbolPrimitives(nestedInst, parentDef, parentPropertyValues, parentNoValue = new Set()) {
         const definitions = this._symbolDefinitions();
         const nestedDef = definitions.get(nestedInst.symbolRtId);
         if (!nestedDef?.primitives) {
             return [];
         }
         // Calculate property values for the nested instance using "Pass to child property" bindings
-        const nestedPropertyValues = this.calculateNestedPropertyValues(parentDef, nestedInst, parentPropertyValues);
+        const nestedNoValue = new Set();
+        const nestedPropertyValues = this.calculateNestedPropertyValues(parentDef, nestedInst, parentPropertyValues, parentNoValue, nestedNoValue);
         // Apply bindings to nested primitives
         let nestedPrimitives;
         if (nestedDef.propertyBindings && nestedDef.propertyBindings.length > 0) {
-            nestedPrimitives = this.applyBindingsToPrimitives(nestedDef.primitives, nestedDef.propertyBindings, nestedPropertyValues);
+            nestedPrimitives = this.applyBindingsToPrimitives(nestedDef.primitives, nestedDef.propertyBindings, nestedPropertyValues, nestedDef.transformProperties, nestedNoValue);
         }
         else {
             nestedPrimitives = [...nestedDef.primitives];
@@ -27392,7 +29981,7 @@ class ProcessWidgetComponent {
         // Recursively handle nested instances within the nested symbol
         const deepNestedInstances = nestedDef.symbolInstances ?? [];
         for (const deepNestedInst of deepNestedInstances) {
-            const deepPrimitives = this.getNestedSymbolPrimitives(deepNestedInst, nestedDef, nestedPropertyValues);
+            const deepPrimitives = this.getNestedSymbolPrimitives(deepNestedInst, nestedDef, nestedPropertyValues, nestedNoValue);
             // Apply the parent offset to deep nested primitives
             const deepOffsetPrimitives = deepPrimitives.map(prim => ({
                 ...prim,
@@ -27408,7 +29997,7 @@ class ProcessWidgetComponent {
     /**
      * Calculate property values for a nested symbol instance based on "Pass to child property" bindings.
      */
-    calculateNestedPropertyValues(parentDef, nestedInst, parentPropertyValues) {
+    calculateNestedPropertyValues(parentDef, nestedInst, parentPropertyValues, parentNoValue = new Set(), nestedNoValue) {
         const nestedPropertyValues = {};
         // Get default values from nested symbol definition
         const definitions = this._symbolDefinitions();
@@ -27427,6 +30016,10 @@ class ProcessWidgetComponent {
             b.targetType === 'symbolInstance' &&
             b.targetId === nestedInst.id) ?? [];
         for (const binding of passThroughBindings) {
+            // A parent property without a value leaves the child property without one (AB#8022)
+            if (binding.targetPropertyId && parentNoValue.has(binding.propertyId)) {
+                nestedNoValue?.add(binding.targetPropertyId);
+            }
             const sourceValue = parentPropertyValues[binding.propertyId];
             if (sourceValue !== undefined && binding.targetPropertyId) {
                 // Evaluate expression if present
@@ -27511,7 +30104,7 @@ class ProcessWidgetComponent {
      * Gets property values for a symbol instance.
      * Combines default values with any values passed from parent bindings.
      */
-    getSymbolInstancePropertyValues(symbolInstance, definition) {
+    getSymbolInstancePropertyValues(symbolInstance, definition, noValue) {
         const values = {};
         // Initialize with default values from transform properties
         for (const prop of definition.transformProperties ?? []) {
@@ -27519,16 +30112,26 @@ class ProcessWidgetComponent {
         }
         // Override with values from parent diagram bindings (via 'property' effect type)
         const diagram = this._diagramConfig();
-        const boundData = this._boundData();
-        if (diagram?.propertyBindings && boundData) {
+        const boundData = this._boundDataByBinding();
+        if (diagram?.propertyBindings) {
             // Get parent property values
-            const parentPropertyValues = this.buildPropertyValuesFromBoundData(diagram.transformProperties ?? [], this.config.propertyMappings ?? [], boundData);
+            const parentNoValue = new Set();
+            const parentPropertyValues = this.buildPropertyValuesFromBoundData(diagram.transformProperties ?? [], this.config.propertyMappings ?? [], boundData, parentNoValue);
             // Find bindings that pass values to this symbol instance
             const propertyBindings = diagram.propertyBindings.filter(b => b.targetType === 'symbolInstance' &&
                 b.targetId === symbolInstance.id &&
                 b.effectType === 'property' &&
                 b.targetPropertyId);
             for (const binding of propertyBindings) {
+                // A parent property without a value leaves the symbol property without one,
+                // so a text.value binding inside the symbol shows "–" (AB#8022)
+                if (parentNoValue.has(binding.propertyId)) {
+                    noValue?.add(binding.targetPropertyId);
+                }
+                // Without bound data the symbol keeps its defaults, as before
+                if (boundData.size === 0) {
+                    continue;
+                }
                 const parentValue = parentPropertyValues[binding.propertyId];
                 if (parentValue === undefined) {
                     continue;
@@ -27949,7 +30552,7 @@ class ProcessWidgetComponent {
      * Maps diagram exposed properties to values from entity attributes or query columns.
      * Applies optional expressions for value transformation/normalization.
      */
-    buildPropertyValuesFromBoundData(transformProperties, mappings, boundData) {
+    buildPropertyValuesFromBoundData(transformProperties, mappings, boundDataByBinding, noValue) {
         const values = {};
         // Initialize with default values from transform properties
         for (const prop of transformProperties) {
@@ -27960,14 +30563,42 @@ class ProcessWidgetComponent {
             const prop = transformProperties.find(p => p.id === mapping.propertyId);
             if (!prop)
                 continue;
+            // Each mapping reads from its own binding (AB#8023). A pending binding has
+            // no entry and leaves the default; an unknown name is reported once.
+            const boundData = boundDataByBinding.get(mappingBindingName(mapping));
+            if (!boundData) {
+                // No data yet: a text.value binding shows "–", other effects keep the default
+                noValue?.add(mapping.propertyId);
+                continue;
+            }
             let rawValue = undefined;
             if (mapping.sourceType === 'attribute' && boundData.type === 'entity' && boundData.entity) {
                 // Extract value from entity attribute
                 rawValue = this.extractAttributeValue(boundData.entity, mapping.sourcePath);
             }
             else if (mapping.sourceType === 'column' && boundData.type === 'query' && boundData.queryResult) {
-                // Extract value from query result (first row)
-                rawValue = this.extractQueryColumnValue(boundData.queryResult, mapping.sourcePath);
+                // First row, or the aggregate over all rows of the scope (AB#8024).
+                // An aggregate on a non-number property falls back to the first row;
+                // the validator has reported it once.
+                const aggregate = prop.type === 'number' ? mapping.aggregate : undefined;
+                rawValue = aggregateQueryColumn(boundData.queryResult, mapping.sourcePath, aggregate);
+                if (isReducingAggregate(aggregate) && isPartialAggregate(boundData.queryResult)) {
+                    this.warnOnce(`[ProcessWidget] ${this.config.title || this.config.id}: aggregate '${aggregate}' of binding ` +
+                        `'${mappingBindingName(mapping)}' covers ${boundData.queryResult.rows.length} of ` +
+                        `${boundData.queryResult.totalCount} rows`);
+                }
+                if (isReducingAggregate(aggregate) && rawValue === undefined) {
+                    // No row / no numeric cell: the property has no value (not 0, not
+                    // its default), so its effects are skipped and a text shows "–".
+                    values[mapping.propertyId] = undefined;
+                    noValue?.add(mapping.propertyId);
+                    continue;
+                }
+            }
+            if (rawValue === undefined || rawValue === null) {
+                // Missing attribute or empty cell (AB#8022). The values map keeps its
+                // legacy content (default, or null coerced) for every other effect.
+                noValue?.add(mapping.propertyId);
             }
             if (rawValue !== undefined) {
                 let finalValue = rawValue;
@@ -27991,6 +30622,11 @@ class ProcessWidgetComponent {
                         console.warn(`[ProcessWidget] Expression error for ${mapping.propertyId}:`, err);
                     }
                 }
+                // A number property whose value is not numeric has no value for a text
+                // (coerceToType turns it into 0, which a text must never show)
+                if (prop.type === 'number' && !isNumericValue(finalValue)) {
+                    noValue?.add(mapping.propertyId);
+                }
                 // Convert to expected type
                 values[mapping.propertyId] = this.coerceToType(finalValue, prop.type);
             }
@@ -28041,17 +30677,6 @@ class ProcessWidgetComponent {
         }
         return value;
     }
-    /**
-     * Extracts a column value from query results (first row).
-     */
-    extractQueryColumnValue(queryResult, columnName) {
-        if (!queryResult.rows || queryResult.rows.length === 0)
-            return undefined;
-        const firstRow = queryResult.rows[0];
-        // Try both the column name and sanitized version (dots -> underscores)
-        const value = firstRow.cells.get(columnName) ?? firstRow.cells.get(columnName.replace(/\./g, '_'));
-        return value;
-    }
     /**
      * Coerces a value to the expected type.
      */
@@ -28083,7 +30708,7 @@ class ProcessWidgetComponent {
      * Applies property bindings to primitives.
      * Creates clones of primitives with binding effects applied.
      */
-    applyBindingsToPrimitives(primitives, bindings, propertyValues) {
+    applyBindingsToPrimitives(primitives, bindings, propertyValues, properties, noValue) {
         return primitives.map(primitive => {
             // Find bindings for this primitive
             const primitiveBindings = bindings.filter(b => b.targetType === 'primitive' && b.targetId === primitive.id);
@@ -28094,6 +30719,17 @@ class ProcessWidgetComponent {
             let modified = this.clonePrimitive(primitive);
             for (const binding of primitiveBindings) {
                 const propertyValue = propertyValues[binding.propertyId];
+                if (binding.effectType === 'text.value') {
+                    // Formatted live value; "–" without a value, never 0 or the static text (AB#8022)
+                    const input = noValue?.has(binding.propertyId) ? undefined : propertyValue;
+                    const text = evaluateTextValue(input, binding, {
+                        evaluator: this.expressionEvaluator,
+                        locale: this.hostLanguage() ?? WIDGET_NUMBER_LOCALE,
+                        property: properties?.find(p => p.id === binding.propertyId)
+                    });
+                    modified = applyTextValueToPrimitive(modified, text);
+                    continue;
+                }
                 if (propertyValue === undefined)
                     continue;
                 // Build expression context
@@ -29200,8 +31836,14 @@ class ProcessWidgetComponent {
           <span>No process diagram configured</span>
         </div>
       }
+      @if (!isLoading() && !error() && bindingErrors().length > 0) {
+        <div class="binding-error-badge" role="status" [attr.title]="bindingErrorText()">
+          <span class="binding-error-icon" aria-hidden="true">⚠</span>
+          <span class="binding-error-text">{{ bindingErrorText() }}</span>
+        </div>
+      }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.process-widget{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:var(--process-bg, #fafafa)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--kendo-color-subtle, #666)}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:var(--kendo-color-primary, #1976d2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--kendo-color-error, #d32f2f)}.error-icon{font-size:2rem}.error-message{font-size:.875rem;text-align:center}.no-config{display:flex;align-items:center;justify-content:center;color:var(--kendo-color-subtle, #999);font-style:italic}.diagram-container{position:relative;overflow:hidden}.diagram-container.fit-to-bounds{width:100%!important;height:100%!important}.process-svg{display:block}.diagram-container.fit-to-bounds .process-svg{width:100%;height:100%}.canvas-background{fill:var(--process-canvas-bg, #fafafa)}.element{cursor:default}.element.interactive{cursor:pointer}.element.interactive:hover{filter:brightness(1.1)}.tank-fill{transition:height .5s ease-out,y .5s ease-out}.tank-label{pointer-events:none;-webkit-user-select:none;user-select:none}.pump-element .rotating{animation:rotate 1s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blinking{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.connection-flow{animation:flow 2s linear infinite}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.digital-display-value{font-family:Courier New,monospace;letter-spacing:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.process-widget{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:var(--process-bg, #fafafa)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--kendo-color-subtle, #666)}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:var(--kendo-color-primary, #1976d2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--kendo-color-error, #d32f2f)}.error-icon{font-size:2rem}.error-message{font-size:.875rem;text-align:center}.no-config{display:flex;align-items:center;justify-content:center;color:var(--kendo-color-subtle, #999);font-style:italic}.diagram-container{position:relative;overflow:hidden}.binding-error-badge{position:absolute;top:4px;right:4px;max-width:calc(100% - 8px);display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.75rem;color:var(--kendo-color-error, #d32f2f);background-color:var(--kendo-color-surface-alt, #ffffff);border:1px solid var(--kendo-color-error, #d32f2f);z-index:1}.binding-error-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagram-container.fit-to-bounds{width:100%!important;height:100%!important}.process-svg{display:block}.diagram-container.fit-to-bounds .process-svg{width:100%;height:100%}.canvas-background{fill:var(--process-canvas-bg, #fafafa)}.element{cursor:default}.element.interactive{cursor:pointer}.element.interactive:hover{filter:brightness(1.1)}.tank-fill{transition:height .5s ease-out,y .5s ease-out}.tank-label{pointer-events:none;-webkit-user-select:none;user-select:none}.pump-element .rotating{animation:rotate 1s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blinking{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.connection-flow{animation:flow 2s linear infinite}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.digital-display-value{font-family:Courier New,monospace;letter-spacing:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: ProcessWidgetComponent, decorators: [{
             type: Component,
@@ -30201,14 +32843,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
           <span>No process diagram configured</span>
         </div>
       }
+      @if (!isLoading() && !error() && bindingErrors().length > 0) {
+        <div class="binding-error-badge" role="status" [attr.title]="bindingErrorText()">
+          <span class="binding-error-icon" aria-hidden="true">⚠</span>
+          <span class="binding-error-text">{{ bindingErrorText() }}</span>
+        </div>
+      }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.process-widget{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:var(--process-bg, #fafafa)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--kendo-color-subtle, #666)}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:var(--kendo-color-primary, #1976d2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--kendo-color-error, #d32f2f)}.error-icon{font-size:2rem}.error-message{font-size:.875rem;text-align:center}.no-config{display:flex;align-items:center;justify-content:center;color:var(--kendo-color-subtle, #999);font-style:italic}.diagram-container{position:relative;overflow:hidden}.diagram-container.fit-to-bounds{width:100%!important;height:100%!important}.process-svg{display:block}.diagram-container.fit-to-bounds .process-svg{width:100%;height:100%}.canvas-background{fill:var(--process-canvas-bg, #fafafa)}.element{cursor:default}.element.interactive{cursor:pointer}.element.interactive:hover{filter:brightness(1.1)}.tank-fill{transition:height .5s ease-out,y .5s ease-out}.tank-label{pointer-events:none;-webkit-user-select:none;user-select:none}.pump-element .rotating{animation:rotate 1s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blinking{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.connection-flow{animation:flow 2s linear infinite}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.digital-display-value{font-family:Courier New,monospace;letter-spacing:2px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:block;width:100%;height:100%}.process-widget{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:var(--process-bg, #fafafa)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--kendo-color-subtle, #666)}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:var(--kendo-color-primary, #1976d2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--kendo-color-error, #d32f2f)}.error-icon{font-size:2rem}.error-message{font-size:.875rem;text-align:center}.no-config{display:flex;align-items:center;justify-content:center;color:var(--kendo-color-subtle, #999);font-style:italic}.diagram-container{position:relative;overflow:hidden}.binding-error-badge{position:absolute;top:4px;right:4px;max-width:calc(100% - 8px);display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.75rem;color:var(--kendo-color-error, #d32f2f);background-color:var(--kendo-color-surface-alt, #ffffff);border:1px solid var(--kendo-color-error, #d32f2f);z-index:1}.binding-error-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagram-container.fit-to-bounds{width:100%!important;height:100%!important}.process-svg{display:block}.diagram-container.fit-to-bounds .process-svg{width:100%;height:100%}.canvas-background{fill:var(--process-canvas-bg, #fafafa)}.element{cursor:default}.element.interactive{cursor:pointer}.element.interactive:hover{filter:brightness(1.1)}.tank-fill{transition:height .5s ease-out,y .5s ease-out}.tank-label{pointer-events:none;-webkit-user-select:none;user-select:none}.pump-element .rotating{animation:rotate 1s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blinking{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.connection-flow{animation:flow 2s linear infinite}@keyframes flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.digital-display-value{font-family:Courier New,monospace;letter-spacing:2px}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], containerRef: [{
                 type: ViewChild,
                 args: ['containerRef']
             }] } });
+/** Whether a mapped value is a finite number or a numeric string (AB#8022). */
+function isNumericValue(value) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value);
+    }
+    if (typeof value === 'string' && value.trim() !== '') {
+        return Number.isFinite(Number(value.trim()));
+    }
+    return false;
+}
 
 /**
  * Configuration dialog for Process Widget.
@@ -31412,6 +34070,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
  * - Import and call registerProcessWidget() only in routes/components that need it
  * - Or use provideProcessWidget() in app config for eager loading
  */
+/**
+ * The legacy single-binding fields of one binding named `default` (AB#8023):
+ * a widget with exactly that one binding is saved in the legacy shape, so no
+ * existing board is migrated silently.
+ */
+function legacyFieldsOf(binding) {
+    return {
+        dataBindingMode: binding.mode,
+        bindingCkTypeId: binding.ckTypeId,
+        bindingRtId: binding.rtId,
+        bindingQueryRtId: binding.queryRtId,
+        bindingQueryName: binding.queryName,
+        bindingQueryFamily: binding.queryFamily,
+        bindingIgnoreTimeFilter: binding.ignoreTimeFilter,
+        bindingEntitySelectorId: binding.entitySelectorId,
+        bindingFilters: binding.filters
+    };
+}
+/**
+ * Normalizes the binding fields before persisting: a single binding named
+ * `default` collapses into the legacy fields; anything else keeps `bindings`.
+ */
+function normalizeBindings(widget) {
+    if (!hasNamedProcessBindings(widget)) {
+        return widget;
+    }
+    const bindings = widget.bindings;
+    if (bindings.length === 1 && bindings[0].name === DEFAULT_PROCESS_BINDING_NAME) {
+        const { bindings: _dropped, ...rest } = widget;
+        return { ...rest, ...legacyFieldsOf(bindings[0]) };
+    }
+    return widget;
+}
 /**
  * Registers the Process Widget with the widget registry.
  *
@@ -31467,7 +34158,19 @@ function registerProcessWidget(registry) {
             initialBindingFilters: widget.bindingFilters,
             initialPropertyMappings: widget.propertyMappings
         }),
-        applyConfigResult: (widget, result) => ({
+        // A widget with named bindings (AB#8023) keeps its bindings and mappings: the
+        // legacy dialog edits only the single-binding fields and would drop the
+        // mappings when its own mode is 'none' (the editor for bindings is AB#8025).
+        applyConfigResult: (widget, result) => hasNamedProcessBindings(widget) ? {
+            ...widget,
+            processDiagramRtId: result.processDiagramRtId,
+            inlineConfig: result.inlineConfig,
+            fitToBounds: result.fitToBounds,
+            allowZoom: result.allowZoom,
+            allowPan: result.allowPan,
+            showToolbar: result.showToolbar,
+            initialZoom: result.initialZoom
+        } : ({
             ...widget,
             // Diagram selection
             processDiagramRtId: result.processDiagramRtId,
@@ -31507,35 +34210,42 @@ function registerProcessWidget(registry) {
             initialZoom: 1
         }),
         // SOLID: Serialization for persistence
-        toPersistedConfig: (widget) => ({
-            dataSourceType: 'static',
-            config: {
-                // Diagram selection
-                processDiagramRtId: widget.processDiagramRtId,
-                inlineConfig: widget.inlineConfig,
-                // Display options
-                fitToBounds: widget.fitToBounds,
-                allowZoom: widget.allowZoom,
-                allowPan: widget.allowPan,
-                showToolbar: widget.showToolbar,
-                initialZoom: widget.initialZoom,
-                // Data binding
-                dataBindingMode: widget.dataBindingMode,
-                bindingCkTypeId: widget.bindingCkTypeId,
-                bindingRtId: widget.bindingRtId,
-                bindingQueryRtId: widget.bindingQueryRtId,
-                bindingQueryName: widget.bindingQueryName,
-                // Stream-data binding — written only when set.
-                ...(widget.bindingQueryFamily && { bindingQueryFamily: widget.bindingQueryFamily }),
-                ...(widget.bindingIgnoreTimeFilter && { bindingIgnoreTimeFilter: true }),
-                ...(widget.bindingEntitySelectorId && { bindingEntitySelectorId: widget.bindingEntitySelectorId }),
-                bindingFilters: widget.bindingFilters,
-                propertyMappings: widget.propertyMappings
-            }
-        }),
+        toPersistedConfig: (input) => {
+            const widget = normalizeBindings(input);
+            return {
+                dataSourceType: 'static',
+                config: {
+                    // Diagram selection
+                    processDiagramRtId: widget.processDiagramRtId,
+                    inlineConfig: widget.inlineConfig,
+                    // Display options
+                    fitToBounds: widget.fitToBounds,
+                    allowZoom: widget.allowZoom,
+                    allowPan: widget.allowPan,
+                    showToolbar: widget.showToolbar,
+                    initialZoom: widget.initialZoom,
+                    // Data binding
+                    dataBindingMode: widget.dataBindingMode,
+                    bindingCkTypeId: widget.bindingCkTypeId,
+                    bindingRtId: widget.bindingRtId,
+                    bindingQueryRtId: widget.bindingQueryRtId,
+                    bindingQueryName: widget.bindingQueryName,
+                    // Stream-data binding — written only when set.
+                    ...(widget.bindingQueryFamily && { bindingQueryFamily: widget.bindingQueryFamily }),
+                    ...(widget.bindingIgnoreTimeFilter && { bindingIgnoreTimeFilter: true }),
+                    ...(widget.bindingEntitySelectorId && { bindingEntitySelectorId: widget.bindingEntitySelectorId }),
+                    bindingFilters: widget.bindingFilters,
+                    propertyMappings: widget.propertyMappings,
+                    // Named bindings (AB#8023) — written only when present, so legacy
+                    // widgets encode byte-identically.
+                    ...(hasNamedProcessBindings(widget) && { bindings: toPersistedProcessBindings(widget.bindings) })
+                }
+            };
+        },
         // SOLID: Deserialization from persistence
         fromPersistedConfig: (data, base) => {
             const config = parseConfig(data);
+            const bindings = parsePersistedProcessBindings(config['bindings']);
             return {
                 ...base,
                 rtId: data.rtId,
@@ -31563,7 +34273,9 @@ function registerProcessWidget(registry) {
                 bindingIgnoreTimeFilter: config['bindingIgnoreTimeFilter'],
                 bindingEntitySelectorId: config['bindingEntitySelectorId'],
                 bindingFilters: config['bindingFilters'],
-                propertyMappings: config['propertyMappings']
+                propertyMappings: config['propertyMappings'],
+                // Named bindings (AB#8023); absent key stays absent.
+                ...(bindings && { bindings })
             };
         }
     });
@@ -32704,7 +35416,9 @@ function registerDefaultWidgets(registry) {
                 initialShowDataLabels: barWidget.showDataLabels,
                 initialColorThresholds: barWidget.colorThresholds,
                 initialDefaultBarColor: barWidget.defaultBarColor,
-                initialFilters: barWidget.filters
+                initialFilters: barWidget.filters,
+                initialAdditionalSeries: barWidget.additionalSeries,
+                initialPrimarySeries: barWidget.primarySeries
             };
         },
         applyConfigResult: (widget, result) => {
@@ -32735,7 +35449,9 @@ function registerDefaultWidgets(registry) {
                 showDataLabels: result.showDataLabels,
                 colorThresholds: result.colorThresholds,
                 defaultBarColor: result.defaultBarColor,
-                filters
+                filters,
+                additionalSeries: result.additionalSeries?.length ? result.additionalSeries : undefined,
+                primarySeries: barPrimaryOrUndefined(result.primarySeries)
             };
         },
         // SOLID: Factory function
@@ -32769,6 +35485,9 @@ function registerDefaultWidgets(registry) {
                 valueScale: widget.valueScale,
                 colorThresholds: widget.colorThresholds,
                 defaultBarColor: widget.defaultBarColor,
+                // AB#7953: written only when set, so a single-query bar chart encodes exactly as before.
+                ...(widget.additionalSeries?.length && { additionalSeries: widget.additionalSeries }),
+                ...(barPrimaryOrUndefined(widget.primarySeries) && { primarySeries: barPrimaryOrUndefined(widget.primarySeries) }),
                 queryName: widget.dataSource.queryName,
                 queryRtId: widget.dataSource.queryRtId,
                 ...(widget.dataSource.queryFamily && {
@@ -32804,7 +35523,8 @@ function registerDefaultWidgets(registry) {
                 valueScale: config['valueScale'],
                 colorThresholds: config['colorThresholds'],
                 defaultBarColor: config['defaultBarColor'],
-                filters: config['filters']
+                filters: config['filters'],
+                ...barChartSeriesFromPersisted(config)
             };
         }
     });
@@ -32840,7 +35560,10 @@ function registerDefaultWidgets(registry) {
                 initialShowMarkers: lineWidget.showMarkers,
                 initialShowDataBadge: lineWidget.showDataBadge,
                 initialReferenceLines: lineWidget.referenceLines,
-                initialFilters: lineWidget.filters
+                initialFilters: lineWidget.filters,
+                initialAdditionalSeries: lineWidget.additionalSeries,
+                initialStacked: lineWidget.stacked,
+                initialPrimarySeries: lineWidget.primarySeries
             };
         },
         applyConfigResult: (widget, result) => {
@@ -32876,7 +35599,10 @@ function registerDefaultWidgets(registry) {
                 showMarkers: result.showMarkers,
                 showDataBadge: result.showDataBadge,
                 referenceLines: result.referenceLines,
-                filters
+                filters,
+                additionalSeries: result.additionalSeries?.length ? result.additionalSeries : undefined,
+                stacked: result.stacked || undefined,
+                primarySeries: displayOptionsOrUndefined(result.primarySeries)
             };
         },
         createDefaultConfig: (base) => ({
@@ -32927,7 +35653,12 @@ function registerDefaultWidgets(registry) {
                 ...(widget.dataSource.aggregateSeriesByGroup && {
                     aggregateSeriesByGroup: true
                 }),
-                filters: widget.filters
+                filters: widget.filters,
+                // AB#7951: written only when set, so a single-query chart encodes exactly as before.
+                ...(widget.additionalSeries?.length && { additionalSeries: widget.additionalSeries }),
+                ...(widget.stacked && { stacked: true }),
+                // AB#7952: written only when a primary display option is not default.
+                ...(displayOptionsOrUndefined(widget.primarySeries) && { primarySeries: displayOptionsOrUndefined(widget.primarySeries) })
             }
         }),
         fromPersistedConfig: (data, base) => {
@@ -32948,7 +35679,8 @@ function registerDefaultWidgets(registry) {
                 showMarkers: config['showMarkers'] ?? false,
                 showDataBadge: config['showDataBadge'] ?? true,
                 referenceLines: config['referenceLines'],
-                filters: config['filters']
+                filters: config['filters'],
+                ...lineChartSeriesFromPersisted(config)
             };
         }
     });
@@ -33984,6 +36716,72 @@ function provideWidgetRegistrations(registrations) {
         })
     ]);
 }
+/**
+ * Reads `additionalSeries` / `stacked` / `primarySeries` of a persisted line chart (AB#7951,
+ * AB#7952). All keys are absent on a single-query chart, so the result is `{}` and the loaded config
+ * has no such keys. Kept entries: query series with a key and a data source, formula series with a
+ * key and a formula string (AB#7952). Entries of an unknown `kind` are dropped (a newer library may
+ * store kinds this version does not know). The display options `visible` / `stacked` are kept only
+ * as `false`.
+ */
+function lineChartSeriesFromPersisted(config) {
+    const out = {};
+    const raw = config['additionalSeries'];
+    if (Array.isArray(raw)) {
+        const series = raw.filter((s) => {
+            if (!s || typeof s !== 'object')
+                return false;
+            const entry = s;
+            if (typeof entry.key !== 'string')
+                return false;
+            if (entry.kind === 'query')
+                return !!entry.dataSource && typeof entry.dataSource.queryRtId === 'string';
+            if (entry.kind === 'formula')
+                return typeof entry.formula === 'string';
+            return false;
+        });
+        if (series.length > 0)
+            out.additionalSeries = series;
+    }
+    if (config['stacked'] === true)
+        out.stacked = true;
+    const primary = config['primarySeries'];
+    if (primary && typeof primary === 'object') {
+        const options = displayOptionsOrUndefined(primary);
+        if (options)
+            out.primarySeries = options;
+    }
+    return out;
+}
+/**
+ * Reads `additionalSeries` / `primarySeries` of a persisted bar chart (AB#7953) with the line chart
+ * rules (unknown kinds dropped, display options only as `false`). The bar chart keeps only
+ * `visible` of the primary options. Both keys are absent on a single-query bar chart.
+ */
+function barChartSeriesFromPersisted(config) {
+    const line = lineChartSeriesFromPersisted({ additionalSeries: config['additionalSeries'], primarySeries: config['primarySeries'] });
+    const out = {};
+    if (line.additionalSeries)
+        out.additionalSeries = line.additionalSeries;
+    const primary = barPrimaryOrUndefined(line.primarySeries);
+    if (primary)
+        out.primarySeries = primary;
+    return out;
+}
+/** Bar chart primary options: `{ visible: false }` or `undefined`. */
+function barPrimaryOrUndefined(options) {
+    return options?.visible === false ? { visible: false } : undefined;
+}
+/** Display options reduced to their non-default (`false`) values; `undefined` when all are default. */
+function displayOptionsOrUndefined(options) {
+    if (!options)
+        return undefined;
+    const out = {
+        ...(options.visible === false && { visible: false }),
+        ...(options.stacked === false && { stacked: false })
+    };
+    return Object.keys(out).length > 0 ? out : undefined;
+}
 
 /** True when the selector is configured to follow another selector. */
 function isFollowerSelector(selector) {
@@ -43188,5 +45986,5 @@ function provideCockpitWidgets() {
  * Generated bundle index. Do not edit.
  */
 
-export { ADAPTER_OFFLINE_GRACE_MS, ASSOCIATION_HOP_SOURCE_BATCH, ASSOCIATION_HOP_TARGETS_PER_SOURCE, ATTENTION_SEVERITY_ORDER, AdaptersAttentionProvider, AddWidgetDialogComponent, AiInsightsConfigDialogComponent, AiInsightsService, AiInsightsWidgetComponent, AlertBannerConfigDialogComponent, AlertBannerWidgetComponent, AlertListConfigDialogComponent, AlertListWidgetComponent, AssociationsConfigDialogComponent, AttentionListConfigDialogComponent, AttentionListWidgetComponent, AutoRefreshTimerService, BUILT_IN_ATTENTION_PROVIDERS, BarChartConfigDialogComponent, BarChartWidgetComponent, BlueprintUpdatesAttentionProvider, COCKPIT_ADAPTER_LIMIT, COCKPIT_ATTENTION_PROVIDERS, COCKPIT_BLUEPRINT_CATALOG_LIMIT, COCKPIT_CHILD_TENANT_IDS, COCKPIT_DATA_FLOW_LIMIT, COCKPIT_EXPLAIN_HANDLER, COCKPIT_FAILED_EXECUTIONS_OPTIONS, COCKPIT_KPI_GATES, COCKPIT_KPI_SLOW_LOADING_MS, COCKPIT_LINK_RESOLVER, COCKPIT_RECENT_ITEMS, COCKPIT_ROLES, COCKPIT_SERVICE_NAMES, COCKPIT_VERSION_SOURCE, COCKPIT_VIEWER_ACCESS, COCKPIT_WIDGET_MESSAGES, COCKPIT_WIDGET_TYPES, CkModelsResolveFailedAttentionProvider, CockpitAdapterStatesService, CockpitAttentionService, CockpitBlueprintStatusService, CockpitChildTenantsService, CockpitCkModelStatesService, CockpitContextService, CockpitDataFlowExecutionsService, CockpitKpiConfigDialogComponent, CockpitKpiService, CockpitKpiWidgetComponent, CockpitServiceHealthService, DAY_MS, DEFAULT_ATTENTION_MAX_ITEMS, DEFAULT_COCKPIT_WIDGET_MESSAGES, DEFAULT_FAILED_EXECUTIONS_OPTIONS, DEFAULT_MESHBOARD_MESSAGES, DEFAULT_RECENT_ITEMS_MAX, DEFAULT_TIME_ZONE_MODE, DashboardDataService, DashboardGridService, EditModeStateService, EditWidgetDialogComponent, EntityAssociationsWidgetComponent, EntityCardConfigDialogComponent, EntityCardWidgetComponent, EntityDetailDialogComponent, EntitySelectorEditorComponent, EntitySelectorScopePathEditorComponent, EntitySelectorToolbarComponent, FALLBACK_SERIES_COLORS, FailedExecutionsAttentionProvider, FeaturesNotInstalledAttentionProvider, FormulaFieldComponent, GaugeConfigDialogComponent, GaugeWidgetComponent, HISTOGRAM_HOURS, HOUR_MS, HeatmapConfigDialogComponent, HeatmapWidgetComponent, KPI_ERROR_TEXT, KpiConfigDialogComponent, KpiWidgetComponent, LazyMarkdownComponent, LineChartConfigDialogComponent, LineChartWidgetComponent, MAX_RECENT_ITEMS, MAX_SCOPE_HOPS, MESHBOARD_CHROME_ROUTE_DATA, MESHBOARD_DESCRIPTION_MARKER, MESHBOARD_EDIT_QUERY_PARAM, MESHBOARD_HEADER_MODE_ROUTE_DATA, MESHBOARD_LABEL_RESOLVER, MESHBOARD_LANGUAGE, MESHBOARD_MESSAGES, MESHBOARD_OPTIONS, MESHBOARD_TENANT_ID_PROVIDER, MarkdownConfigDialogComponent, MarkdownWidgetComponent, MeshBoardDataService, MeshBoardGridService, MeshBoardManagerDialogComponent, MeshBoardPersistenceService, MeshBoardSettingsDialogComponent, MeshBoardSettingsResult, MeshBoardStateService, MeshBoardViewComponent, NOT_AVAILABLE_TEXT, PieChartConfigDialogComponent, PieChartWidgetComponent, QueryExecutorService, QuerySelectorComponent, RecentItemsConfigDialogComponent, RecentItemsWidgetComponent, RuntimeEntitySelectorComponent, SERVICE_MANAGED_BLUEPRINT_PREFIX, STATE_STATUS_BY_KEY, ServiceHealthConfigDialogComponent, ServiceHealthWidgetComponent, ServicesHealthAttentionProvider, StatsGridConfigDialogComponent, StatsGridWidgetComponent, StatusIndicatorConfigDialogComponent, StatusIndicatorWidgetComponent, StatusListConfigDialogComponent, StatusListWidgetComponent, SummaryCardConfigDialogComponent, SummaryCardWidgetComponent, TableConfigDialogComponent, TableWidgetComponent, TableWidgetDataSourceDirective, UnregisteredPoolsAttentionProvider, WidgetFactoryService, WidgetGroupComponent, WidgetGroupConfigDialogComponent, WidgetNotConfiguredComponent, WidgetRegistryService, adapterKpi, adaptersInError, adaptersOffline, blueprintUpdatesKpi, buildHourlyHistogram, categoryStatus, chartSeriesColors, ckModelKpi, classifyQuery, compareBlueprintVersions, compareMeshBoardNavigation, countFlowExecutions, countLabel, countPipelineExecutions, emptyQueryExecutionResult, enabledButNotInstalled, executionKpi, failedExecutionsSeverity, formatCockpitMessage, formatCount, humanizeCategory, isAdapterAtRest, isAdapterExpectedToRun, isAdapterOnline, isCockpitWidgetType, isMeshBoardChrome, isMeshBoardHeaderMode, isServiceConfigured, joinEncodedDescription, kpiKindOf, latestStatisticsUpdate, legacyCockpitLinkTarget, loadNgxMarkdown, nameList, newMeshBoardConfig, normalizeNavigation, observeThemeChanges, parseHostTimeRange, pickLocalizedText, pipelineExecutionInputs, plural, provideCockpitWidgetHost, provideCockpitWidgets, provideDefaultWidgets, provideMeshBoard, provideMeshBoardLanguage, provideMeshBoardMessages, provideProcessWidget, provideWidgetRegistrations, queryFamily, readMeshBoardNavigation, recentRelativeTime, registerCockpitWidgets, registerDefaultWidgets, registerProcessWidget, resolveChartColor, resolveCockpitWidgetMessages, resolveMeshBoardChrome, resolveMeshBoardHeaderMode, resolveMeshBoardLabel, resolveMeshBoardMessages, selectProviders, serviceStateText, servicesHealthKpi, sortAttentionFindings, sparklineGeometry, splitBlueprintId, splitEncodedDescription, statusColor, summarizeAdapterOnline, tenantCountKpi, toBlueprintStatus, toServiceHealthStatus, truncationNote, versionKpi, withMeshBoardNavigation };
+export { ADAPTER_OFFLINE_GRACE_MS, ASSOCIATION_HOP_SOURCE_BATCH, ASSOCIATION_HOP_TARGETS_PER_SOURCE, ATTENTION_SEVERITY_ORDER, AdaptersAttentionProvider, AddWidgetDialogComponent, AiInsightsConfigDialogComponent, AiInsightsService, AiInsightsWidgetComponent, AlertBannerConfigDialogComponent, AlertBannerWidgetComponent, AlertListConfigDialogComponent, AlertListWidgetComponent, AssociationsConfigDialogComponent, AttentionListConfigDialogComponent, AttentionListWidgetComponent, AutoRefreshTimerService, BUILT_IN_ATTENTION_PROVIDERS, BarChartConfigDialogComponent, BarChartWidgetComponent, BlueprintUpdatesAttentionProvider, COCKPIT_ADAPTER_LIMIT, COCKPIT_ATTENTION_PROVIDERS, COCKPIT_BLUEPRINT_CATALOG_LIMIT, COCKPIT_CHILD_TENANT_IDS, COCKPIT_DATA_FLOW_LIMIT, COCKPIT_EXPLAIN_HANDLER, COCKPIT_FAILED_EXECUTIONS_OPTIONS, COCKPIT_KPI_GATES, COCKPIT_KPI_SLOW_LOADING_MS, COCKPIT_LINK_RESOLVER, COCKPIT_RECENT_ITEMS, COCKPIT_ROLES, COCKPIT_SERVICE_NAMES, COCKPIT_VERSION_SOURCE, COCKPIT_VIEWER_ACCESS, COCKPIT_WIDGET_MESSAGES, COCKPIT_WIDGET_TYPES, CkModelsResolveFailedAttentionProvider, CockpitAdapterStatesService, CockpitAttentionService, CockpitBlueprintStatusService, CockpitChildTenantsService, CockpitCkModelStatesService, CockpitContextService, CockpitDataFlowExecutionsService, CockpitKpiConfigDialogComponent, CockpitKpiService, CockpitKpiWidgetComponent, CockpitServiceHealthService, DAY_MS, DEFAULT_ATTENTION_MAX_ITEMS, DEFAULT_COCKPIT_WIDGET_MESSAGES, DEFAULT_FAILED_EXECUTIONS_OPTIONS, DEFAULT_MESHBOARD_MESSAGES, DEFAULT_RECENT_ITEMS_MAX, DEFAULT_TIME_ZONE_MODE, DashboardDataService, DashboardGridService, EditModeStateService, EditWidgetDialogComponent, EntityAssociationsWidgetComponent, EntityCardConfigDialogComponent, EntityCardWidgetComponent, EntityDetailDialogComponent, EntitySelectorEditorComponent, EntitySelectorScopePathEditorComponent, EntitySelectorToolbarComponent, FALLBACK_SERIES_COLORS, FailedExecutionsAttentionProvider, FeaturesNotInstalledAttentionProvider, FormulaFieldComponent, GaugeConfigDialogComponent, GaugeWidgetComponent, HISTOGRAM_HOURS, HOUR_MS, HeatmapConfigDialogComponent, HeatmapWidgetComponent, KPI_ERROR_TEXT, KpiConfigDialogComponent, KpiWidgetComponent, LazyMarkdownComponent, LineChartConfigDialogComponent, LineChartSeriesEditorComponent, LineChartWidgetComponent, MAX_RECENT_ITEMS, MAX_SCOPE_HOPS, MESHBOARD_CHROME_ROUTE_DATA, MESHBOARD_DESCRIPTION_MARKER, MESHBOARD_EDIT_QUERY_PARAM, MESHBOARD_HEADER_MODE_ROUTE_DATA, MESHBOARD_LABEL_RESOLVER, MESHBOARD_LANGUAGE, MESHBOARD_MESSAGES, MESHBOARD_OPTIONS, MESHBOARD_TENANT_ID_PROVIDER, MarkdownConfigDialogComponent, MarkdownWidgetComponent, MeshBoardDataService, MeshBoardGridService, MeshBoardManagerDialogComponent, MeshBoardPersistenceService, MeshBoardSettingsDialogComponent, MeshBoardSettingsResult, MeshBoardStateService, MeshBoardViewComponent, NOT_AVAILABLE_TEXT, PieChartConfigDialogComponent, PieChartWidgetComponent, QueryExecutorService, QuerySelectorComponent, RecentItemsConfigDialogComponent, RecentItemsWidgetComponent, RuntimeEntitySelectorComponent, SERVICE_MANAGED_BLUEPRINT_PREFIX, STATE_STATUS_BY_KEY, ServiceHealthConfigDialogComponent, ServiceHealthWidgetComponent, ServicesHealthAttentionProvider, StatsGridConfigDialogComponent, StatsGridWidgetComponent, StatusIndicatorConfigDialogComponent, StatusIndicatorWidgetComponent, StatusListConfigDialogComponent, StatusListWidgetComponent, SummaryCardConfigDialogComponent, SummaryCardWidgetComponent, TableConfigDialogComponent, TableWidgetComponent, TableWidgetDataSourceDirective, UnregisteredPoolsAttentionProvider, WidgetFactoryService, WidgetGroupComponent, WidgetGroupConfigDialogComponent, WidgetNotConfiguredComponent, WidgetRegistryService, adapterKpi, adaptersInError, adaptersOffline, alignOnTimeGrid, blueprintUpdatesKpi, bucketStepMs, buildHourlyHistogram, categoryStatus, chartSeriesColors, circularReferenceMessage, ckModelKpi, classifyQuery, compareBlueprintVersions, compareMeshBoardNavigation, countFlowExecutions, countLabel, countPipelineExecutions, emptyQueryExecutionResult, enabledButNotInstalled, evaluateSeriesFormulas, executionKpi, failedExecutionsSeverity, formatCockpitMessage, formatCount, humanizeCategory, isAdapterAtRest, isAdapterExpectedToRun, isAdapterOnline, isCockpitWidgetType, isMeshBoardChrome, isMeshBoardHeaderMode, isServiceConfigured, joinEncodedDescription, kpiKindOf, latestStatisticsUpdate, legacyCockpitLinkTarget, loadNgxMarkdown, nameList, newMeshBoardConfig, normalizeNavigation, observeThemeChanges, orderSeriesFormulas, parseHostTimeRange, pickLocalizedText, pipelineExecutionInputs, plural, provideCockpitWidgetHost, provideCockpitWidgets, provideDefaultWidgets, provideMeshBoard, provideMeshBoardLanguage, provideMeshBoardMessages, provideProcessWidget, provideWidgetRegistrations, queryFamily, readMeshBoardNavigation, recentRelativeTime, registerCockpitWidgets, registerDefaultWidgets, registerProcessWidget, resolveChartColor, resolveCockpitWidgetMessages, resolveMeshBoardChrome, resolveMeshBoardHeaderMode, resolveMeshBoardLabel, resolveMeshBoardMessages, selectProviders, seriesFormulaOperands, serviceStateText, servicesHealthKpi, sortAttentionFindings, sparklineGeometry, splitBlueprintId, splitEncodedDescription, statusColor, summarizeAdapterOnline, tenantCountKpi, toBlueprintStatus, toServiceHealthStatus, truncationNote, validateSeriesFormulas, versionKpi, withMeshBoardNavigation };
 //# sourceMappingURL=meshmakers-octo-meshboard.mjs.map