@c8y/ngx-components 1023.88.4 → 1023.92.0

package/fesm2022/c8y-ngx-components-global-context.mjs

@@ -35,8 +35,11 @@ const GLOBAL_CONTEXT_EVENTS = {
 };
 var GLOBAL_CONTEXT_DISPLAY_MODE;
 (function (GLOBAL_CONTEXT_DISPLAY_MODE) {
+    /** Widget is bound to the dashboard-level global context. */
     GLOBAL_CONTEXT_DISPLAY_MODE["DASHBOARD"] = "dashboard";
+    /** Widget owns its context but hides inline time range and aggregation controls. */
     GLOBAL_CONTEXT_DISPLAY_MODE["CONFIG"] = "config";
+    /** Widget owns its context and renders all controls inline (default). */
     GLOBAL_CONTEXT_DISPLAY_MODE["VIEW_AND_CONFIG"] = "view_and_config";
 })(GLOBAL_CONTEXT_DISPLAY_MODE || (GLOBAL_CONTEXT_DISPLAY_MODE = {}));
 var DateContextQueryParamNames;
@@ -109,7 +112,7 @@ const INTERVALS = [
     { id: 'custom', title: gettext('Custom') }
 ];
 const INTERVAL_TITLES = {
-    none: gettext('No date filter'),
+    none: gettext('All time`interval option`'),
     minutes: gettext('Last minute'),
     hours: gettext('Last hour'),
     days: gettext('Last day'),
@@ -117,6 +120,11 @@ const INTERVAL_TITLES = {
     months: gettext('Last month'),
     custom: gettext('Custom')
 };
+/** Opt-in interval entry covering epoch → now; gated per preset by `supportsLifetime`. */
+const LIFETIME_INTERVAL = {
+    id: TIME_INTERVAL.NONE,
+    title: gettext('All time`interval option`')
+};
 
 /**
  * Default values for global context configuration
@@ -1510,7 +1518,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+/** Returns a shallow copy containing only the keys whose value is defined. */
+function pickDefined(obj, keys) {
+    const result = {};
+    for (const key of keys) {
+        if (obj[key] !== undefined) {
+            result[key] = obj[key];
+        }
+    }
+    return result;
+}
 class WidgetConfigMigrationService {
+    static { this.LIFETIME_DATE_FROM = '1970-01-01T00:00:00.000Z'; }
     constructor(dateTimeContextPickerService) {
         this.dateTimeContextPickerService = dateTimeContextPickerService;
     }
@@ -1565,7 +1584,8 @@ class WidgetConfigMigrationService {
         if (!config) {
             return config;
         }
-        // Cast to unknown first, then to our working type
+        // Cast to unknown first, then to our working type. The entry point accepts either
+        // legacy or already-migrated shape, so the intersection captures both.
         const rawConfig = config;
         const configObj = options?.legacyTimeContextDefaults && this.hasNoTimeContextFields(rawConfig)
             ? { ...rawConfig, ...options.legacyTimeContextDefaults }
@@ -1649,6 +1669,7 @@ class WidgetConfigMigrationService {
         if (needsDateTimeContext || hasNoGlobalContext) {
             config.dateTimeContext = this.resolveDateTimeContext(mergedSettings);
         }
+        this.upgradeLegacyEpochToNone(config);
         if (needsRefreshSettings || hasNoGlobalContext) {
             this.applyRefreshSettings(config, mergedSettings);
         }
@@ -1674,6 +1695,15 @@ class WidgetConfigMigrationService {
             config.refreshInterval === undefined &&
             config.aggregation === undefined);
     }
+    upgradeLegacyEpochToNone(config) {
+        const ctx = config.dateTimeContext;
+        if (!ctx || ctx.interval === TIME_INTERVAL.NONE)
+            return;
+        const dateFrom = typeof ctx.dateFrom === 'string' ? ctx.dateFrom : ctx.dateFrom?.toISOString();
+        if (dateFrom === WidgetConfigMigrationService.LIFETIME_DATE_FROM) {
+            ctx.interval = TIME_INTERVAL.NONE;
+        }
+    }
     /**
      * Applies refresh settings as a cohesive unit to ensure consistency.
      *
@@ -1724,7 +1754,6 @@ class WidgetConfigMigrationService {
      *
      * @param settings - Merged settings from all config levels
      * @returns The appropriate display mode for the widget
-     *
      */
     resolveDisplayMode(settings) {
         // Special case: Display date selection
@@ -1750,12 +1779,10 @@ class WidgetConfigMigrationService {
         if (timeGlobal === undefined && refreshGlobal === true) {
             return GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
         }
-        // Both undefined - widget manages itself
         if (timeGlobal === undefined && refreshGlobal === undefined) {
-            return GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;
+            return GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG;
         }
-        // Default to CONFIG (widget manages itself)
-        return GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;
+        return GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG;
     }
     /**
      * Builds date/time context from various legacy configuration formats.
@@ -1765,7 +1792,7 @@ class WidgetConfigMigrationService {
      * ISO date strings and proper interval classification.
      *
      * Resolution priority:
-     * 1. interval='none' → Always epoch (1970) to now with CUSTOM interval
+     * 1. interval='none' → epoch (1970) to now, preserving the NONE interval (Lifetime).
      * 2. Predefined intervals (hours, days, etc.) → Calculate fresh dates based on interval
      * 3. Legacy date fields → Use provided dates with calculated/custom interval
      * 4. Widget needs time context → Apply default (last hour)
@@ -1781,14 +1808,15 @@ class WidgetConfigMigrationService {
      *
      */
     resolveDateTimeContext(settings) {
-        // Special case: interval "none" always means "all data from 1970 to now"
+        // Legacy "none" preserves the user's "show every record" intent — the GC picker
+        // surfaces it as the "Lifetime" entry for widgets opted-in via supportsLifetime.
         if (settings.interval &&
             typeof settings.interval === 'string' &&
             settings.interval.toLowerCase() === 'none') {
             return {
-                dateFrom: '1970-01-01T00:00:00.000Z', // Always use epoch start
-                dateTo: DateTimeContextUtil.toIso(new Date()), // Always use current time
-                interval: TIME_INTERVAL.CUSTOM
+                dateFrom: WidgetConfigMigrationService.LIFETIME_DATE_FROM,
+                dateTo: DateTimeContextUtil.toIso(new Date()),
+                interval: TIME_INTERVAL.NONE
             };
         }
         // Check if we have a predefined interval (not custom or none)
@@ -1901,8 +1929,7 @@ class WidgetConfigMigrationService {
             return true;
         }
         // Also consider display settings if there's a refresh option indicating active refresh
-        const displaySettings = settings.displaySettings;
-        if (displaySettings?.globalRealtimeContext === true &&
+        if (settings.displaySettings?.globalRealtimeContext === true &&
             typeof settings.refreshOption === 'string' &&
             ['interval', 'global-interval'].includes(settings.refreshOption)) {
             return true;
@@ -1950,7 +1977,7 @@ class WidgetConfigMigrationService {
      * - ≤1 month → MONTHS
      * - >1 month → CUSTOM
      *
-     * Special case: interval='none' → CUSTOM
+     * Special case: interval='none' → NONE (Lifetime)
      *
      * @param dateFrom - Start date as ISO string
      * @param dateTo - End date as ISO string
@@ -1959,11 +1986,9 @@ class WidgetConfigMigrationService {
      *
      */
     calculateInterval(dateFrom, dateTo, providedInterval) {
-        // Use provided interval if valid
         if (providedInterval) {
-            // Handle case-insensitive 'none' variations
             if (providedInterval.toLowerCase() === 'none') {
-                return TIME_INTERVAL.CUSTOM;
+                return TIME_INTERVAL.NONE;
             }
             if (Object.values(TIME_INTERVAL).includes(providedInterval)) {
                 return providedInterval;
@@ -2049,10 +2074,9 @@ class WidgetConfigMigrationService {
      *
      */
     needsDefaultDateTimeContext(settings) {
-        const displaySettings = settings.displaySettings;
         const hasTimeSettings = !!(settings.displayDateSelection ||
             settings.widgetInstanceGlobalTimeContext !== undefined ||
-            displaySettings?.globalTimeContext ||
+            settings.displaySettings?.globalTimeContext ||
             settings.interval);
         const hasExplicitDates = !!((settings.dateFrom && settings.dateTo) ||
             settings.dateFilter ||
@@ -2196,7 +2220,7 @@ class WidgetConfigMigrationService {
      *
      */
     extractRelevantSettings(obj) {
-        const relevantKeys = [
+        return pickDefined(obj, [
             'displaySettings',
             'widgetInstanceGlobalTimeContext',
             'widgetInstanceGlobalAutoRefreshContext',
@@ -2212,8 +2236,7 @@ class WidgetConfigMigrationService {
             'realtime',
             'interval',
             'aggregation'
-        ];
-        return Object.fromEntries(relevantKeys.filter(key => obj[key] !== undefined).map(key => [key, obj[key]]));
+        ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WidgetConfigMigrationService, deps: [{ token: DateTimeContextPickerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: WidgetConfigMigrationService, providedIn: 'root' }); }
@@ -3222,6 +3245,8 @@ class DateTimeContextPickerComponent {
             showDateFrom: true,
             showDateTo: true
         };
+        /** Override the intervals offered in the picker dropdown. */
+        this.intervalOptions = [...INTERVALS];
         this.service = inject(DateTimeContextPickerService);
         this.formBuilder = inject(FormBuilder);
         this.destroyRef = inject(DestroyRef);
@@ -3473,13 +3498,13 @@ class DateTimeContextPickerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimeContextPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateTimeContextPickerComponent, isStandalone: true, selector: "c8y-date-time-context-picker", inputs: { disabled: "disabled", shouldDisableInterval: "shouldDisableInterval", config: "config" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: DateTimeContextPickerComponent, isStandalone: true, selector: "c8y-date-time-context-picker", inputs: { disabled: "disabled", shouldDisableInterval: "shouldDisableInterval", config: "config", intervalOptions: "intervalOptions" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateTimeContextPickerComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: BsDropdownDirective, descendants: true }], ngImport: i0, template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"dateRangeLabel\"\n        [tooltip]=\"dateRangeLabel\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span class=\"text-10 text-muted l-h-1\">\n              {{ 'No date filter' | translate }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\n                    [title]=\"'From`date`' | translate\"\n                    for=\"dateFrom\"\n                    translate\n                  >\n                    From`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\n                    [title]=\"'To`date`' | translate\"\n                    for=\"dateTo\"\n                    translate\n                  >\n                    To`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i2$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i2$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i2$1.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: IntervalPickerComponent, selector: "c8y-interval-picker", inputs: ["INTERVALS", "shouldDisableInterval"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i4.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "pipe", type: i4.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "dropdown", first: true, predicate: BsDropdownDirective, descendants: true }], ngImport: i0, template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n  @let lifetimeTooltip =\n    'No date filter applied \u2014 every record is returned regardless of when it occurred.' | translate;\n  @let toggleTooltip = isIntervalNone ? lifetimeTooltip : dateRangeLabel;\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"toggleTooltip\"\n        [tooltip]=\"toggleTooltip\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span class=\"text-10 text-muted l-h-1 text-truncate\">\n              {{ 'All time`interval option`' | translate }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1 text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [INTERVALS]=\"intervalOptions\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\n                    [title]=\"'From`date`' | translate\"\n                    for=\"dateFrom\"\n                    translate\n                  >\n                    From`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\n                    [title]=\"'To`date`' | translate\"\n                    for=\"dateTo\"\n                    translate\n                  >\n                    To`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i2$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i2$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "directive", type: i2$1.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: I18nModule }, { kind: "directive", type: i4.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "component", type: IntervalPickerComponent, selector: "c8y-interval-picker", inputs: ["INTERVALS", "shouldDisableInterval"] }, { kind: "ngmodule", type: DateTimePickerModule }, { kind: "component", type: i4.DateTimePickerComponent, selector: "c8y-date-time-picker", inputs: ["minDate", "maxDate", "placeholder", "dateInputFormat", "adaptivePosition", "size", "dateType", "config"], outputs: ["onDateSelected"] }, { kind: "pipe", type: i4.C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: DateTimeContextPickerComponent, decorators: [{
             type: Component,
@@ -3501,13 +3526,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                             useExisting: forwardRef(() => DateTimeContextPickerComponent),
                             multi: true
                         }
-                    ], template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"dateRangeLabel\"\n        [tooltip]=\"dateRangeLabel\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span class=\"text-10 text-muted l-h-1\">\n              {{ 'No date filter' | translate }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\n                    [title]=\"'From`date`' | translate\"\n                    for=\"dateFrom\"\n                    translate\n                  >\n                    From`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\n                    [title]=\"'To`date`' | translate\"\n                    for=\"dateTo\"\n                    translate\n                  >\n                    To`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n" }]
+                    ], template: "@if (form) {\n  @let intervalValue = form.get('interval')?.value;\n  @let isIntervalNone = intervalValue === 'none';\n  @let dateFromControl = form.get('dateFrom');\n  @let dateToControl = form.get('dateTo');\n  @let dateRangeLabel = getDateRangeLabel();\n  @let lifetimeTooltip =\n    'No date filter applied \u2014 every record is returned regardless of when it occurred.' | translate;\n  @let toggleTooltip = isIntervalNone ? lifetimeTooltip : dateRangeLabel;\n\n  <form [formGroup]=\"form\">\n    <div\n      class=\"dropdown max-width-100\"\n      container=\"body\"\n      #dropdown=\"bs-dropdown\"\n      dropdown\n      [insideClick]=\"true\"\n      [isDisabled]=\"disabled\"\n      (onShown)=\"onShownDropdown()\"\n      (onHidden)=\"onHiddenDropdown()\"\n    >\n      <!-- Dropdown toggle button with better accessibility -->\n      <button\n        class=\"dropdown-toggle form-control l-h-tight d-flex a-i-center\"\n        [attr.aria-label]=\"toggleTooltip\"\n        [tooltip]=\"toggleTooltip\"\n        placement=\"top\"\n        container=\"body\"\n        [adaptivePosition]=\"false\"\n        [delay]=\"500\"\n        dropdownToggle\n        data-cy=\"c8y-date-time-context-picker--picker-toggle\"\n      >\n        <i\n          class=\"m-r-4\"\n          [c8yIcon]=\"'schedule1'\"\n          aria-hidden=\"true\"\n        ></i>\n        <div class=\"d-col text-left flex-grow min-width-0\">\n          @if (isIntervalNone) {\n            <span class=\"text-10 text-muted l-h-1 text-truncate\">\n              {{ 'All time`interval option`' | translate }}\n            </span>\n          } @else {\n            <span\n              class=\"text-10 text-muted l-h-1 text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-label\"\n            >\n              {{ INTERVALS[intervalValue] | translate }}\n            </span>\n            <span\n              class=\"text-12 l-h-1 text-medium text-truncate\"\n              data-cy=\"c8y-date-time-context-picker--picker-time-range\"\n            >\n              {{ form.get('dateFrom')?.value | c8yDate: DATE_FORMAT }} \u2014\n              {{ form.get('dateTo')?.value | c8yDate: DATE_FORMAT }}\n            </span>\n          }\n        </div>\n        <span\n          class=\"caret m-r-16 m-l-4\"\n          aria-hidden=\"true\"\n        ></span>\n      </button>\n\n      <!-- Dropdown menu -->\n      <ul\n        class=\"dropdown-menu dropdown-menu--date-range\"\n        role=\"menu\"\n        *dropdownMenu\n      >\n        @if (dropdown.isOpen) {\n          <!-- Interval picker section -->\n          <c8y-interval-picker\n            class=\"d-contents\"\n            formControlName=\"interval\"\n            [INTERVALS]=\"intervalOptions\"\n            [shouldDisableInterval]=\"shouldDisableInterval\"\n          ></c8y-interval-picker>\n\n          <!-- Custom date range section -->\n          @if (isCustomMode() && (config?.showDateFrom || config?.showDateTo)) {\n            <div class=\"p-l-16 p-r-16\">\n              @if (config?.showDateFrom) {\n                <c8y-form-group [class.has-error]=\"getDateFromErrors()\">\n                  <label\n                    [title]=\"'From`date`' | translate\"\n                    for=\"dateFrom\"\n                    translate\n                  >\n                    From`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateFromErrors()\"\n                    id=\"dateFrom\"\n                    [maxDate]=\"tempDateToControl?.value\"\n                    [placeholder]=\"'From`date`' | translate\"\n                    [formControl]=\"tempDateFromControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateFromErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n\n              @if (config?.showDateTo) {\n                <c8y-form-group [class.has-error]=\"getDateToErrors()\">\n                  <label\n                    [title]=\"'To`date`' | translate\"\n                    for=\"dateTo\"\n                    translate\n                  >\n                    To`date`\n                  </label>\n                  <c8y-date-time-picker\n                    [class.has-error]=\"getDateToErrors()\"\n                    id=\"dateTo\"\n                    [minDate]=\"tempDateFromControl?.value\"\n                    [placeholder]=\"'To`date`' | translate\"\n                    [formControl]=\"tempDateToControl\"\n                  ></c8y-date-time-picker>\n                  <c8y-messages [show]=\"getDateToErrors()\">\n                    <c8y-message\n                      name=\"dateAfterRangeMax\"\n                      [text]=\"errorMessages.dateAfterRangeMax | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"dateBeforeRangeMin\"\n                      [text]=\"errorMessages.dateBeforeRangeMin | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateTime\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"bsDate\"\n                      [text]=\"errorMessages.invalidDateTime | translate\"\n                    ></c8y-message>\n                    <c8y-message\n                      name=\"invalidDateRange\"\n                      [text]=\"errorMessages.invalidDateRange | translate\"\n                    ></c8y-message>\n                  </c8y-messages>\n                </c8y-form-group>\n              }\n            </div>\n\n            <!-- Action buttons -->\n            <div class=\"p-16 d-flex gap-8 separator-top\">\n              <button\n                class=\"btn btn-default btn-sm flex-grow\"\n                title=\"{{ 'Reset' | translate }}\"\n                type=\"button\"\n                (click)=\"reset()\"\n                translate\n              >\n                Reset\n              </button>\n\n              <button\n                class=\"btn btn-primary btn-sm flex-grow\"\n                title=\"{{ 'Apply' | translate }}\"\n                type=\"button\"\n                (click)=\"applyDateTimeContext()\"\n                [disabled]=\"isApplyDisabled()\"\n                translate\n              >\n                Apply\n              </button>\n            </div>\n          }\n        }\n      </ul>\n    </div>\n  </form>\n}\n" }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], shouldDisableInterval: [{
                 type: Input
             }], config: [{
                 type: Input
+            }], intervalOptions: [{
+                type: Input
             }], dropdown: [{
                 type: ViewChild,
                 args: [BsDropdownDirective]
@@ -3552,6 +3579,8 @@ class LiveModeConfigurationControlsComponent {
         }, ...(ngDevMode ? [{ debugName: "settingsSignal" }] : []));
         this.defaultLiveContext = fillMissingDefaults({ refreshOption: REFRESH_OPTION.LIVE });
         this.currentContext = signal(structuredClone(this.defaultLiveContext), ...(ngDevMode ? [{ debugName: "currentContext" }] : []));
+        /** Override the intervals offered in the picker dropdown. */
+        this.intervalOptions = [...INTERVALS];
         this.contextChange = output();
         this.form = this.createForm();
         this.form.valueChanges
@@ -3586,7 +3615,7 @@ class LiveModeConfigurationControlsComponent {
         }, { emitEvent: false });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LiveModeConfigurationControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LiveModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-live-mode-configuration-controls", inputs: { settings: "settings", context: "context" }, outputs: { contextChange: "contextChange" }, ngImport: i0, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date & time' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"standalone btn-icon-dot__item auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Auto refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <label class=\"c8y-switch c8y-switch--inline\">\n                  <input\n                    type=\"checkbox\"\n                    #arInput\n                    formControlName=\"isAutoRefreshEnabled\"\n                  />\n                  <span></span>\n                  <span>\n                    {{ 'Auto refresh enabled' | translate }}\n                  </span>\n                </label>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LiveModeConfigurationControlsComponent, isStandalone: true, selector: "c8y-live-mode-configuration-controls", inputs: { settings: "settings", intervalOptions: "intervalOptions", context: "context" }, outputs: { contextChange: "contextChange" }, ngImport: i0, template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date & time' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n                [intervalOptions]=\"intervalOptions\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"standalone btn-icon-dot__item auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Auto refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <label class=\"c8y-switch c8y-switch--inline\">\n                  <input\n                    type=\"checkbox\"\n                    #arInput\n                    formControlName=\"isAutoRefreshEnabled\"\n                  />\n                  <span></span>\n                  <span>\n                    {{ 'Auto refresh enabled' | translate }}\n                  </span>\n                </label>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config", "intervalOptions"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LiveModeConfigurationControlsComponent, decorators: [{
             type: Component,
@@ -3599,9 +3628,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         FormsModule,
                         PopoverModule,
                         FormGroupComponent
-                    ], template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date & time' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"standalone btn-icon-dot__item auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Auto refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <label class=\"c8y-switch c8y-switch--inline\">\n                  <input\n                    type=\"checkbox\"\n                    #arInput\n                    formControlName=\"isAutoRefreshEnabled\"\n                  />\n                  <span></span>\n                  <span>\n                    {{ 'Auto refresh enabled' | translate }}\n                  </span>\n                </label>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n" }]
+                    ], template: "@if (form) {\n  @let SHOW_TIME_CONTEXT = settings.showTimeContext;\n  @let SHOW_AUTO_REFRESH = settings.showAutoRefresh;\n\n  <form [formGroup]=\"form\">\n    <div class=\"content-flex-82\">\n      <div class=\"col-5\">\n        @if (SHOW_TIME_CONTEXT) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend>\n              <div class=\"standalone btn-icon-dot__item time-context m-r-4\">\n                <i [c8yIcon]=\"'calendar'\"></i>\n              </div>\n              {{ 'Date & time' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"TIME_RANGE_PICKER_POPOVER | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-4 p-t-16 p-b-16\">\n              <c8y-date-time-context-picker\n                formControlName=\"dateTimeContext\"\n                [config]=\"{ showDateTo: false, showDateFrom: true }\"\n                [intervalOptions]=\"intervalOptions\"\n              ></c8y-date-time-context-picker>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n      <div class=\"col-3\">\n        @if (SHOW_AUTO_REFRESH) {\n          <fieldset class=\"c8y-fieldset\">\n            <legend class=\"d-flex\">\n              <div class=\"standalone btn-icon-dot__item auto-refresh m-r-4\">\n                <i [c8yIcon]=\"'refresh'\"></i>\n              </div>\n              {{ 'Auto refresh' | translate }}\n              <button\n                class=\"btn-help btn-help--sm\"\n                [attr.aria-label]=\"'Help' | translate\"\n                [popover]=\"REFRESH_POPOVER_MESSAGE | translate\"\n                placement=\"top\"\n                triggers=\"focus\"\n                container=\"body\"\n                type=\"button\"\n                [adaptivePosition]=\"true\"\n              ></button>\n            </legend>\n            <c8y-form-group class=\"m-b-8 form-group-sm p-t-16 p-b-16\">\n              <div class=\"d-flex gap-8 a-i-center\">\n                <label class=\"c8y-switch c8y-switch--inline\">\n                  <input\n                    type=\"checkbox\"\n                    #arInput\n                    formControlName=\"isAutoRefreshEnabled\"\n                  />\n                  <span></span>\n                  <span>\n                    {{ 'Auto refresh enabled' | translate }}\n                  </span>\n                </label>\n              </div>\n            </c8y-form-group>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </form>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { settings: [{
                 type: Input
+            }], intervalOptions: [{
+                type: Input
             }], context: [{
                 type: Input
             }], contextChange: [{ type: i0.Output, args: ["contextChange"] }] } });
@@ -3627,6 +3658,8 @@ class ConfigurationControlsComponent {
         this.liveContext = input(null, ...(ngDevMode ? [{ debugName: "liveContext" }] : []));
         this.historyContext = input(null, ...(ngDevMode ? [{ debugName: "historyContext" }] : []));
         this.supportedModes = input([REFRESH_OPTION.LIVE, REFRESH_OPTION.HISTORY], ...(ngDevMode ? [{ debugName: "supportedModes" }] : []));
+        /** Override the intervals offered in the picker dropdown. */
+        this.intervalOptions = input([...INTERVALS], ...(ngDevMode ? [{ debugName: "intervalOptions" }] : []));
         this.tabsOutletName = input(null, ...(ngDevMode ? [{ debugName: "tabsOutletName" }] : []));
         this.liveTabSelect = new EventEmitter();
         this.historyTabSelect = new EventEmitter();
@@ -3706,7 +3739,7 @@ class ConfigurationControlsComponent {
         this.validationStatus.emit(isValid);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ConfigurationControlsComponent, isStandalone: true, selector: "c8y-configuration-controls", inputs: { controlsDisplayMode: { classPropertyName: "controlsDisplayMode", publicName: "controlsDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, activeMode: { classPropertyName: "activeMode", publicName: "activeMode", isSignal: true, isRequired: false, transformFunction: null }, liveContext: { classPropertyName: "liveContext", publicName: "liveContext", isSignal: true, isRequired: false, transformFunction: null }, historyContext: { classPropertyName: "historyContext", publicName: "historyContext", isSignal: true, isRequired: false, transformFunction: null }, supportedModes: { classPropertyName: "supportedModes", publicName: "supportedModes", isSignal: true, isRequired: false, transformFunction: null }, tabsOutletName: { classPropertyName: "tabsOutletName", publicName: "tabsOutletName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refreshOptionChange: "refreshOptionChange", contextChange: "contextChange", validationStatus: "validationStatus" }, viewQueries: [{ propertyName: "liveTabTemplate", first: true, predicate: ["LiveTab"], descendants: true, isSignal: true }, { propertyName: "historyTabTemplate", first: true, predicate: ["HistoryTab"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ConfigurationControlsComponent, isStandalone: true, selector: "c8y-configuration-controls", inputs: { controlsDisplayMode: { classPropertyName: "controlsDisplayMode", publicName: "controlsDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, activeMode: { classPropertyName: "activeMode", publicName: "activeMode", isSignal: true, isRequired: false, transformFunction: null }, liveContext: { classPropertyName: "liveContext", publicName: "liveContext", isSignal: true, isRequired: false, transformFunction: null }, historyContext: { classPropertyName: "historyContext", publicName: "historyContext", isSignal: true, isRequired: false, transformFunction: null }, supportedModes: { classPropertyName: "supportedModes", publicName: "supportedModes", isSignal: true, isRequired: false, transformFunction: null }, intervalOptions: { classPropertyName: "intervalOptions", publicName: "intervalOptions", isSignal: true, isRequired: false, transformFunction: null }, tabsOutletName: { classPropertyName: "tabsOutletName", publicName: "tabsOutletName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refreshOptionChange: "refreshOptionChange", contextChange: "contextChange", validationStatus: "validationStatus" }, viewQueries: [{ propertyName: "liveTabTemplate", first: true, predicate: ["LiveTab"], descendants: true, isSignal: true }, { propertyName: "historyTabTemplate", first: true, predicate: ["HistoryTab"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="p-relative fit-h">
       <div [attr.class]="containerClass()">
         <c8y-tabs-outlet
@@ -3722,6 +3755,7 @@ class ConfigurationControlsComponent {
             <c8y-live-mode-configuration-controls
               [settings]="settings()"
               [context]="liveContext()"
+              [intervalOptions]="intervalOptions()"
               (contextChange)="handleLiveChanges($event)"
             ></c8y-live-mode-configuration-controls>
           </div>
@@ -3758,7 +3792,7 @@ class ConfigurationControlsComponent {
         </div>
       </ng-template>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: ["tabs", "orientation", "navigatorOpen", "outletName", "context", "openFirstTab", "hasHeader"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: HistoryModeConfigurationControlsComponent, selector: "c8y-history-mode-configuration-controls", inputs: ["settings", "context"], outputs: ["contextChange", "validationStatus"] }, { kind: "component", type: LiveModeConfigurationControlsComponent, selector: "c8y-live-mode-configuration-controls", inputs: ["settings", "context"], outputs: ["contextChange"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: TabsOutletComponent, selector: "c8y-tabs-outlet,c8y-ui-tabs", inputs: ["tabs", "orientation", "navigatorOpen", "outletName", "context", "openFirstTab", "hasHeader"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: HistoryModeConfigurationControlsComponent, selector: "c8y-history-mode-configuration-controls", inputs: ["settings", "context"], outputs: ["contextChange", "validationStatus"] }, { kind: "component", type: LiveModeConfigurationControlsComponent, selector: "c8y-live-mode-configuration-controls", inputs: ["settings", "intervalOptions", "context"], outputs: ["contextChange"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationControlsComponent, decorators: [{
             type: Component,
@@ -3781,6 +3815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             <c8y-live-mode-configuration-controls
               [settings]="settings()"
               [context]="liveContext()"
+              [intervalOptions]="intervalOptions()"
               (contextChange)="handleLiveChanges($event)"
             ></c8y-live-mode-configuration-controls>
           </div>
@@ -3832,7 +3867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         IconDirective
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { controlsDisplayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlsDisplayMode", required: false }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }], activeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeMode", required: false }] }], liveContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "liveContext", required: false }] }], historyContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "historyContext", required: false }] }], supportedModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportedModes", required: false }] }], tabsOutletName: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabsOutletName", required: false }] }], refreshOptionChange: [{ type: i0.Output, args: ["refreshOptionChange"] }], contextChange: [{ type: i0.Output, args: ["contextChange"] }], validationStatus: [{ type: i0.Output, args: ["validationStatus"] }], liveTabTemplate: [{ type: i0.ViewChild, args: ['LiveTab', { isSignal: true }] }], historyTabTemplate: [{ type: i0.ViewChild, args: ['HistoryTab', { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { controlsDisplayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlsDisplayMode", required: false }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: false }] }], activeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeMode", required: false }] }], liveContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "liveContext", required: false }] }], historyContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "historyContext", required: false }] }], supportedModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportedModes", required: false }] }], intervalOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "intervalOptions", required: false }] }], tabsOutletName: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabsOutletName", required: false }] }], refreshOptionChange: [{ type: i0.Output, args: ["refreshOptionChange"] }], contextChange: [{ type: i0.Output, args: ["contextChange"] }], validationStatus: [{ type: i0.Output, args: ["validationStatus"] }], liveTabTemplate: [{ type: i0.ViewChild, args: ['LiveTab', { isSignal: true }] }], historyTabTemplate: [{ type: i0.ViewChild, args: ['HistoryTab', { isSignal: true }] }] } });
 
 class ConfigurationCollapseComponent {
     constructor() {
@@ -4019,7 +4054,7 @@ class ConfigurationCollapseComponent {
         this.hasPendingChanges.set(!isEqual(snapshot, latest));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationCollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ConfigurationCollapseComponent, isStandalone: true, selector: "c8y-configuration-collapse", inputs: { supportedModes: { classPropertyName: "supportedModes", publicName: "supportedModes", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { contextChange: "contextChange", refreshOptionChange: "refreshOptionChange", savePreferenceChange: "savePreferenceChange" }, host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div\n  class=\"c8y-global-context\"\n  [collapse]=\"isCollapsed()\"\n  (collapsed)=\"onCollapsed()\"\n  (expanded)=\"onExpanded()\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span\n      class=\"h4\"\n      translate\n    >\n      Time mode\n    </span>\n  </div>\n  <div>\n    @if (!isCollapsed()) {\n      <c8y-configuration-controls\n        [activeMode]=\"activeMode()\"\n        [liveContext]=\"liveViewContext()\"\n        [historyContext]=\"historyViewContext()\"\n        [supportedModes]=\"supportedModes()\"\n        (refreshOptionChange)=\"onModeSelected($event)\"\n        (contextChange)=\"onModeChange($event)\"\n        (validationStatus)=\"onValidationStatusChange($event)\"\n      ></c8y-configuration-controls>\n    }\n  </div>\n  <div class=\"c8y-top-drawer--footer\">\n    <div class=\"d-flex a-i-center gap-8\">\n      <button\n        class=\"btn btn-default\"\n        [title]=\"'Close help' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"toggle()\"\n        translate\n      >\n        Close\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        [title]=\"'Apply global context' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"apply()\"\n        [disabled]=\"!hasPendingChanges() || !isFormValid()\"\n        translate\n        data-cy=\"global-date-context--Apply-button\"\n      >\n        Apply\n      </button>\n\n      <label class=\"c8y-checkbox d-flex align-items-center m-b-0\">\n        <input\n          class=\"m-r-4\"\n          type=\"checkbox\"\n          [ngModel]=\"shouldSave()\"\n          (ngModelChange)=\"shouldSaveInDashboard($event)\"\n        />\n        <span class=\"a-s-center m-r-8\"></span>\n        <span\n          class=\"text-truncate\"\n          translate\n        >\n          Save in dashboard configuration\n        </span>\n        <button\n          class=\"btn-help btn-help--sm m-l-4\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"helpText | translate\"\n          placement=\"right\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n          [adaptivePosition]=\"true\"\n        ></button>\n      </label>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CollapseModule }, { kind: "directive", type: i1$2.CollapseDirective, selector: "[collapse]", inputs: ["display", "isAnimated", "collapse"], outputs: ["collapsed", "collapses", "expanded", "expands"], exportAs: ["bs-collapse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: ConfigurationControlsComponent, selector: "c8y-configuration-controls", inputs: ["controlsDisplayMode", "settings", "activeMode", "liveContext", "historyContext", "supportedModes", "tabsOutletName"], outputs: ["refreshOptionChange", "contextChange", "validationStatus"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ConfigurationCollapseComponent, isStandalone: true, selector: "c8y-configuration-collapse", inputs: { supportedModes: { classPropertyName: "supportedModes", publicName: "supportedModes", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { contextChange: "contextChange", refreshOptionChange: "refreshOptionChange", savePreferenceChange: "savePreferenceChange" }, host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div\n  class=\"c8y-global-context\"\n  data-cy=\"global-context--configuration-panel\"\n  [collapse]=\"isCollapsed()\"\n  (collapsed)=\"onCollapsed()\"\n  (expanded)=\"onExpanded()\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span\n      class=\"h4\"\n      translate\n    >\n      Time mode\n    </span>\n  </div>\n  <div>\n    @if (!isCollapsed()) {\n      <c8y-configuration-controls\n        [activeMode]=\"activeMode()\"\n        [liveContext]=\"liveViewContext()\"\n        [historyContext]=\"historyViewContext()\"\n        [supportedModes]=\"supportedModes()\"\n        (refreshOptionChange)=\"onModeSelected($event)\"\n        (contextChange)=\"onModeChange($event)\"\n        (validationStatus)=\"onValidationStatusChange($event)\"\n      ></c8y-configuration-controls>\n    }\n  </div>\n  <div class=\"c8y-top-drawer--footer\">\n    <div class=\"d-flex a-i-center gap-8\">\n      <button\n        class=\"btn btn-default\"\n        [title]=\"'Close help' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"toggle()\"\n        data-cy=\"global-context--Close-button\"\n        translate\n      >\n        Close\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        [title]=\"'Apply global context' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"apply()\"\n        [disabled]=\"!hasPendingChanges() || !isFormValid()\"\n        translate\n        data-cy=\"global-date-context--Apply-button\"\n      >\n        Apply\n      </button>\n\n      <label class=\"c8y-checkbox d-flex align-items-center m-b-0\">\n        <input\n          class=\"m-r-4\"\n          type=\"checkbox\"\n          [ngModel]=\"shouldSave()\"\n          (ngModelChange)=\"shouldSaveInDashboard($event)\"\n        />\n        <span class=\"a-s-center m-r-8\"></span>\n        <span\n          class=\"text-truncate\"\n          translate\n        >\n          Save in dashboard configuration\n        </span>\n        <button\n          class=\"btn-help btn-help--sm m-l-4\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"helpText | translate\"\n          placement=\"right\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n          [adaptivePosition]=\"true\"\n        ></button>\n      </label>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CollapseModule }, { kind: "directive", type: i1$2.CollapseDirective, selector: "[collapse]", inputs: ["display", "isAnimated", "collapse"], outputs: ["collapsed", "collapses", "expanded", "expands"], exportAs: ["bs-collapse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "component", type: ConfigurationControlsComponent, selector: "c8y-configuration-controls", inputs: ["controlsDisplayMode", "settings", "activeMode", "liveContext", "historyContext", "supportedModes", "intervalOptions", "tabsOutletName"], outputs: ["refreshOptionChange", "contextChange", "validationStatus"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationCollapseComponent, decorators: [{
             type: Component,
@@ -4031,7 +4066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         PopoverModule,
                         ConfigurationControlsComponent,
                         C8yTranslatePipe
-                    ], template: "<div\n  class=\"c8y-global-context\"\n  [collapse]=\"isCollapsed()\"\n  (collapsed)=\"onCollapsed()\"\n  (expanded)=\"onExpanded()\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span\n      class=\"h4\"\n      translate\n    >\n      Time mode\n    </span>\n  </div>\n  <div>\n    @if (!isCollapsed()) {\n      <c8y-configuration-controls\n        [activeMode]=\"activeMode()\"\n        [liveContext]=\"liveViewContext()\"\n        [historyContext]=\"historyViewContext()\"\n        [supportedModes]=\"supportedModes()\"\n        (refreshOptionChange)=\"onModeSelected($event)\"\n        (contextChange)=\"onModeChange($event)\"\n        (validationStatus)=\"onValidationStatusChange($event)\"\n      ></c8y-configuration-controls>\n    }\n  </div>\n  <div class=\"c8y-top-drawer--footer\">\n    <div class=\"d-flex a-i-center gap-8\">\n      <button\n        class=\"btn btn-default\"\n        [title]=\"'Close help' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"toggle()\"\n        translate\n      >\n        Close\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        [title]=\"'Apply global context' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"apply()\"\n        [disabled]=\"!hasPendingChanges() || !isFormValid()\"\n        translate\n        data-cy=\"global-date-context--Apply-button\"\n      >\n        Apply\n      </button>\n\n      <label class=\"c8y-checkbox d-flex align-items-center m-b-0\">\n        <input\n          class=\"m-r-4\"\n          type=\"checkbox\"\n          [ngModel]=\"shouldSave()\"\n          (ngModelChange)=\"shouldSaveInDashboard($event)\"\n        />\n        <span class=\"a-s-center m-r-8\"></span>\n        <span\n          class=\"text-truncate\"\n          translate\n        >\n          Save in dashboard configuration\n        </span>\n        <button\n          class=\"btn-help btn-help--sm m-l-4\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"helpText | translate\"\n          placement=\"right\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n          [adaptivePosition]=\"true\"\n        ></button>\n      </label>\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"c8y-global-context\"\n  data-cy=\"global-context--configuration-panel\"\n  [collapse]=\"isCollapsed()\"\n  (collapsed)=\"onCollapsed()\"\n  (expanded)=\"onExpanded()\"\n  [isAnimated]=\"true\"\n>\n  <div class=\"p-t-16 p-b-16 p-l-24 p-r-24 separator-bottom\">\n    <span\n      class=\"h4\"\n      translate\n    >\n      Time mode\n    </span>\n  </div>\n  <div>\n    @if (!isCollapsed()) {\n      <c8y-configuration-controls\n        [activeMode]=\"activeMode()\"\n        [liveContext]=\"liveViewContext()\"\n        [historyContext]=\"historyViewContext()\"\n        [supportedModes]=\"supportedModes()\"\n        (refreshOptionChange)=\"onModeSelected($event)\"\n        (contextChange)=\"onModeChange($event)\"\n        (validationStatus)=\"onValidationStatusChange($event)\"\n      ></c8y-configuration-controls>\n    }\n  </div>\n  <div class=\"c8y-top-drawer--footer\">\n    <div class=\"d-flex a-i-center gap-8\">\n      <button\n        class=\"btn btn-default\"\n        [title]=\"'Close help' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"toggle()\"\n        data-cy=\"global-context--Close-button\"\n        translate\n      >\n        Close\n      </button>\n      <button\n        class=\"btn btn-primary\"\n        [title]=\"'Apply global context' | translate\"\n        aria-controls=\"collapseHelp\"\n        [attr.aria-expanded]=\"!isCollapsed()\"\n        type=\"button\"\n        (click)=\"apply()\"\n        [disabled]=\"!hasPendingChanges() || !isFormValid()\"\n        translate\n        data-cy=\"global-date-context--Apply-button\"\n      >\n        Apply\n      </button>\n\n      <label class=\"c8y-checkbox d-flex align-items-center m-b-0\">\n        <input\n          class=\"m-r-4\"\n          type=\"checkbox\"\n          [ngModel]=\"shouldSave()\"\n          (ngModelChange)=\"shouldSaveInDashboard($event)\"\n        />\n        <span class=\"a-s-center m-r-8\"></span>\n        <span\n          class=\"text-truncate\"\n          translate\n        >\n          Save in dashboard configuration\n        </span>\n        <button\n          class=\"btn-help btn-help--sm m-l-4\"\n          [attr.aria-label]=\"'Help' | translate\"\n          [popover]=\"helpText | translate\"\n          placement=\"right\"\n          triggers=\"focus\"\n          container=\"body\"\n          type=\"button\"\n          [adaptivePosition]=\"true\"\n        ></button>\n      </label>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { supportedModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "supportedModes", required: false }] }], context: [{
                 type: Input
             }], contextChange: [{ type: i0.Output, args: ["contextChange"] }], refreshOptionChange: [{ type: i0.Output, args: ["refreshOptionChange"] }], savePreferenceChange: [{ type: i0.Output, args: ["savePreferenceChange"] }] } });
@@ -8603,7 +8638,7 @@ class GlobalContextInlineComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: GlobalContextInlineComponent, isStandalone: true, selector: "c8y-global-context-inline", inputs: { widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null }, disableRefreshEmits: { classPropertyName: "disableRefreshEmits", publicName: "disableRefreshEmits", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextInlineOrchestratorService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], exportAs: ["globalContextInline"], ngImport: i0, template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: GlobalContextLinkControlsComponent, selector: "c8y-global-context-link-controls", inputs: ["linkStates", "controlConfigs"], outputs: ["allLinksToggled"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: GlobalContextInlineComponent, isStandalone: true, selector: "c8y-global-context-inline", inputs: { widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildForLegacy: { classPropertyName: "dashboardChildForLegacy", publicName: "dashboardChildForLegacy", isSignal: true, isRequired: false, transformFunction: null }, disableRefreshEmits: { classPropertyName: "disableRefreshEmits", publicName: "disableRefreshEmits", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextInlineOrchestratorService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], exportAs: ["globalContextInline"], ngImport: i0, template: "<ng-template #headerContent>\n  @let linkModel = linkDisplayModel();\n  <ng-content select=\"#header\"></ng-content>\n\n  @if (shouldShowHeaderLinks()) {\n    <c8y-global-context-link-controls\n      [linkStates]=\"linkModel.linkStates\"\n      [controlConfigs]=\"linkModel.controlConfig\"\n      (allLinksToggled)=\"toggleAllLinks($event)\"\n    ></c8y-global-context-link-controls>\n  }\n</ng-template>\n\n<ng-template #inlineContent>\n  @let settings = inlineSettings();\n  @let linkModel = linkDisplayModel();\n\n  @if (form && settings) {\n    <form\n      class=\"d-flex gap-16 p-l-16 p-r-16 inner-scroll\"\n      [ngClass]=\"{\n        'p-b-8':\n          settings.showTimeContext ||\n          settings.showRefresh ||\n          settings.showAutoRefresh ||\n          settings.showAggregation\n      }\"\n      [formGroup]=\"form\"\n    >\n      <div class=\"input-group w-auto input-group-sm\">\n        @if (settings.showAggregation) {\n          <c8y-aggregation-picker\n            data-cy=\"global-inline-date-context--Aggregation-display\"\n            [disabledAggregations]=\"getDisabledAggregations()\"\n            formControlName=\"aggregation\"\n            [resetToDefault]=\"true\"\n          ></c8y-aggregation-picker>\n        }\n\n        @if (settings.showAutoRefresh) {\n          <c8y-auto-refresh-control\n            [isLoading]=\"isLoading()\"\n            [disableCounter]=\"shouldDisableCounter\"\n            formControlName=\"isAutoRefreshEnabled\"\n            [autoRefreshSeconds]=\"getAutoRefreshSeconds()\"\n            [isAutoRefreshConnected]=\"linkModel.linkStates.isAutoRefreshEnabled ?? false\"\n            (refresh)=\"onLocalRefreshTrigger()\"\n          ></c8y-auto-refresh-control>\n        }\n\n        @if (settings.showTimeContext) {\n          @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n          <c8y-date-time-context-picker\n            style=\"margin-left: -1px\"\n            formControlName=\"dateTimeContext\"\n            [shouldDisableInterval]=\"getIntervalDisableConfig()\"\n            [config]=\"\n              isHistoryMode\n                ? { showDateTo: true, showDateFrom: true }\n                : { showDateTo: false, showDateFrom: true }\n            \"\n          ></c8y-date-time-context-picker>\n        }\n\n        @if (settings.showRefresh) {\n          <div class=\"input-group-btn\">\n            <button\n              class=\"btn btn-default\"\n              [attr.aria-label]=\"'Refresh' | translate\"\n              [tooltip]=\"'Refresh' | translate\"\n              placement=\"bottom\"\n              container=\"body\"\n              type=\"button\"\n              data-cy=\"global-inline-date-context--reload-button\"\n              [adaptivePosition]=\"false\"\n              [delay]=\"500\"\n              [disabled]=\"isLoading()\"\n              (click)=\"refresh.emit(null)\"\n            >\n              <i\n                [class.icon-spin]=\"isLoading()\"\n                [c8yIcon]=\"'refresh'\"\n              ></i>\n            </button>\n          </div>\n        }\n      </div>\n    </form>\n  }\n\n  <ng-content select=\"#body\"></ng-content>\n</ng-template>\n\n@switch (effectiveConfig().displayMode) {\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @case (GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {\n    <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n  @default {\n    @if (shouldRenderHeaderInline()) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n    <ng-container [ngTemplateOutlet]=\"inlineContent\"></ng-container>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: GlobalContextLinkControlsComponent, selector: "c8y-global-context-link-controls", inputs: ["linkStates", "controlConfigs"], outputs: ["allLinksToggled"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config", "intervalOptions"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextInlineComponent, decorators: [{
             type: Component,
@@ -8657,7 +8692,7 @@ class GlobalContextConfigStoreService {
         /** Currently selected tab (refresh option). Defaults to LIVE. */
         this.refreshOption = signal(REFRESH_OPTION.LIVE, ...(ngDevMode ? [{ debugName: "refreshOption" }] : []));
         /** Current display mode for the widget (config or view_and_config). */
-        this.displayMode = signal(GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
+        this.displayMode = signal(GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
         /** Whether the store has processed the first hydrate() call. */
         this.initialized = signal(false, ...(ngDevMode ? [{ debugName: "initialized" }] : []));
         /**
@@ -8746,9 +8781,10 @@ class GlobalContextConfigStoreService {
         this._widgetControls.set(controls);
     }
     /**
-     * Sets the display mode and syncs the mode to both modes.
-     * Does not change the selected tab.
-     * @param mode - Display mode to set (CONFIG or VIEW_AND_CONFIG)
+     * Sets the display mode and propagates it into both live and history state objects.
+     * Does not change the currently selected tab.
+     *
+     * @param mode - Display mode to set (DASHBOARD, CONFIG, or VIEW_AND_CONFIG)
      */
     setDisplayMode(mode) {
         if (this.displayMode() === mode) {
@@ -8901,7 +8937,7 @@ class GlobalContextConfigStoreService {
         }
         if (norm.displayMode !== GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG &&
             norm.displayMode !== GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG) {
-            norm.displayMode = GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;
+            norm.displayMode = GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG;
         }
         if (norm.refreshOption === REFRESH_OPTION.LIVE) {
             norm.aggregation = null;
@@ -9061,7 +9097,7 @@ class GlobalContextConfigComponent {
             changes.refreshOption !== current.refreshOption);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: GlobalContextConfigComponent, isStandalone: true, selector: "c8y-global-context-config", inputs: { configInput: { classPropertyName: "configInput", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, liveSnapshotInput: { classPropertyName: "liveSnapshotInput", publicName: "liveSnapshot", isSignal: true, isRequired: false, transformFunction: null }, historySnapshotInput: { classPropertyName: "historySnapshotInput", publicName: "historySnapshot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextConfigStoreService], ngImport: i0, template: "<c8y-configuration-controls\n  [settings]=\"settings()\"\n  [controlsDisplayMode]=\"'horizontal'\"\n  [tabsOutletName]=\"'verticalTabOutletForConfigurationModes'\"\n  [activeMode]=\"refreshOption()\"\n  [liveContext]=\"liveConfig()\"\n  [historyContext]=\"historyConfig()\"\n  [supportedModes]=\"supportedModes()\"\n  (contextChange)=\"onConfigurationChanges($event)\"\n  (refreshOptionChange)=\"onConfigurationChanges({ refreshOption: $event })\"\n></c8y-configuration-controls>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: ConfigurationControlsComponent, selector: "c8y-configuration-controls", inputs: ["controlsDisplayMode", "settings", "activeMode", "liveContext", "historyContext", "supportedModes", "tabsOutletName"], outputs: ["refreshOptionChange", "contextChange", "validationStatus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: GlobalContextConfigComponent, isStandalone: true, selector: "c8y-global-context-config", inputs: { configInput: { classPropertyName: "configInput", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, widgetControls: { classPropertyName: "widgetControls", publicName: "widgetControls", isSignal: true, isRequired: true, transformFunction: null }, liveSnapshotInput: { classPropertyName: "liveSnapshotInput", publicName: "liveSnapshot", isSignal: true, isRequired: false, transformFunction: null }, historySnapshotInput: { classPropertyName: "historySnapshotInput", publicName: "historySnapshot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { refresh: "refresh", globalContextChange: "globalContextChange" }, providers: [GlobalContextConfigStoreService], ngImport: i0, template: "<c8y-configuration-controls\n  [settings]=\"settings()\"\n  [controlsDisplayMode]=\"'horizontal'\"\n  [tabsOutletName]=\"'verticalTabOutletForConfigurationModes'\"\n  [activeMode]=\"refreshOption()\"\n  [liveContext]=\"liveConfig()\"\n  [historyContext]=\"historyConfig()\"\n  [supportedModes]=\"supportedModes()\"\n  (contextChange)=\"onConfigurationChanges($event)\"\n  (refreshOptionChange)=\"onConfigurationChanges({ refreshOption: $event })\"\n></c8y-configuration-controls>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: PopoverModule }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: ConfigurationControlsComponent, selector: "c8y-configuration-controls", inputs: ["controlsDisplayMode", "settings", "activeMode", "liveContext", "historyContext", "supportedModes", "intervalOptions", "tabsOutletName"], outputs: ["refreshOptionChange", "contextChange", "validationStatus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextConfigComponent, decorators: [{
             type: Component,
@@ -9083,9 +9119,6 @@ class ConfigContextSelectorComponent {
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
     }
-    get isWidgetContext() {
-        return this.form?.get('context')?.value === 'widget';
-    }
     ngOnInit() {
         this.form = this.initForm();
         this.setupValueChanges();
@@ -9095,7 +9128,7 @@ class ConfigContextSelectorComponent {
             return;
         const formValue = {
             context: value === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD ? 'dashboard' : 'widget',
-            showInWidget: value === GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG
+            hideInWidget: value === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG
         };
         this.form?.patchValue(formValue, { emitEvent: false });
     }
@@ -9111,18 +9144,20 @@ class ConfigContextSelectorComponent {
     initForm() {
         return this.fb.group({
             context: 'widget',
-            showInWidget: false
+            hideInWidget: false
         });
     }
     setupValueChanges() {
         this.form.valueChanges
-            .pipe(map$1(({ context, showInWidget }) => context === 'dashboard'
-            ? GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD
-            : showInWidget
-                ? GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG
-                : GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG), takeUntilDestroyed(this.destroyRef))
-            .subscribe(dateSelection => {
-            this.onChange(dateSelection);
+            .pipe(map$1(({ context, hideInWidget }) => {
+            if (context === 'dashboard')
+                return GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
+            return hideInWidget
+                ? GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG
+                : GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG;
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe(displayMode => {
+            this.onChange(displayMode);
             this.onTouched();
         });
     }
@@ -9135,9 +9170,6 @@ class ConfigContextSelectorComponent {
             }
         ], ngImport: i0, template: `
     @if (form) {
-      @let isWidgetContext = form.get('context')?.value === 'widget';
-      @let helpText = 'Show controls directly in the widget view for easier access.' | translate;
-
       <form class="form-group m-b-8" [formGroup]="form">
         <div class="d-flex gap-8 a-i-center">
           <label class="c8y-radio">
@@ -9161,33 +9193,20 @@ class ConfigContextSelectorComponent {
             <span translate>Widget</span>
           </label>
         </div>
-
-        @if (isWidgetContext) {
-          <div class="m-t-8">
-            <label class="c8y-checkbox">
-              <input
-                type="checkbox"
-                data-cy="c8y-config-context-selector--view-and-config-mode"
-                formControlName="showInWidget"
-              />
-              <span class="a-s-center"></span>
-              <span translate>Show in widget</span>
-              <button
-                class="btn-help btn-help--sm"
-                [attr.aria-label]="'Help' | translate"
-                [popover]="helpText"
-                placement="right"
-                triggers="focus"
-                container="body"
-                type="button"
-                [adaptivePosition]="true"
-              ></button>
-            </label>
-          </div>
+        @if (form.controls.context.value === 'widget') {
+          <label class="c8y-checkbox m-t-8">
+            <input
+              type="checkbox"
+              data-cy="c8y-config-context-selector--hide-in-widget"
+              formControlName="hideInWidget"
+            />
+            <span></span>
+            <span translate>Hide in widget</span>
+          </label>
         }
       </form>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigContextSelectorComponent, decorators: [{
             type: Component,
@@ -9197,9 +9216,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     @if (form) {
-      @let isWidgetContext = form.get('context')?.value === 'widget';
-      @let helpText = 'Show controls directly in the widget view for easier access.' | translate;
-
       <form class="form-group m-b-8" [formGroup]="form">
         <div class="d-flex gap-8 a-i-center">
           <label class="c8y-radio">
@@ -9223,29 +9239,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             <span translate>Widget</span>
           </label>
         </div>
-
-        @if (isWidgetContext) {
-          <div class="m-t-8">
-            <label class="c8y-checkbox">
-              <input
-                type="checkbox"
-                data-cy="c8y-config-context-selector--view-and-config-mode"
-                formControlName="showInWidget"
-              />
-              <span class="a-s-center"></span>
-              <span translate>Show in widget</span>
-              <button
-                class="btn-help btn-help--sm"
-                [attr.aria-label]="'Help' | translate"
-                [popover]="helpText"
-                placement="right"
-                triggers="focus"
-                container="body"
-                type="button"
-                [adaptivePosition]="true"
-              ></button>
-            </label>
-          </div>
+        @if (form.controls.context.value === 'widget') {
+          <label class="c8y-checkbox m-t-8">
+            <input
+              type="checkbox"
+              data-cy="c8y-config-context-selector--hide-in-widget"
+              formControlName="hideInWidget"
+            />
+            <span></span>
+            <span translate>Hide in widget</span>
+          </label>
         }
       </form>
     }
@@ -9257,7 +9260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                             multi: true
                         }
                     ],
-                    imports: [C8yTranslatePipe, FormsModule, ReactiveFormsModule, PopoverModule]
+                    imports: [C8yTranslatePipe, FormsModule, ReactiveFormsModule]
                 }]
         }] });
 
@@ -9740,7 +9743,7 @@ class PreviewControlsComponent {
         this.config.displayMode = GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PreviewControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PreviewControlsComponent, isStandalone: true, selector: "c8y-preview-controls", inputs: { widgetControls: "widgetControls", config: "config" }, ngImport: i0, template: "<!-- Main Controls -->\n@let isConfigMode = config?.displayMode === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;\n@let settings = inlineControlsSettings$ | async;\n\n@if (form && settings) {\n  <form\n    class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n    [formGroup]=\"form\"\n  >\n    <!-- Control Group Container -->\n    <div class=\"input-group w-auto\">\n      <!-- Aggregation Picker -->\n      @if (settings.showAggregation) {\n        <c8y-aggregation-picker\n          formControlName=\"aggregation\"\n          [resetToDefault]=\"true\"\n        ></c8y-aggregation-picker>\n      }\n\n      <!-- Auto Refresh Controls -->\n      @if (settings.showAutoRefresh) {\n        <!-- Auto Refresh Toggle -->\n        <c8y-auto-refresh-control\n          [isLoading]=\"isLoading\"\n          [disableCounter]=\"shouldDisableCounter\"\n          formControlName=\"isAutoRefreshEnabled\"\n          [autoRefreshSeconds]=\"form.get('refreshInterval')?.value\"\n        ></c8y-auto-refresh-control>\n      }\n\n      @if (settings.showTimeContext) {\n        @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n        @let configValue =\n          isHistoryMode\n            ? {\n                showDateTo: true,\n                showDateFrom: true\n              }\n            : {\n                showDateTo: false,\n                showDateFrom: true\n              };\n        <c8y-date-time-context-picker\n          style=\"margin-left: -1px\"\n          formControlName=\"dateTimeContext\"\n          [shouldDisableInterval]=\"shouldDisableCustomInterval\"\n          [config]=\"configValue\"\n        ></c8y-date-time-context-picker>\n      }\n\n      <!-- Manual Refresh Button -->\n      @if (settings.showRefresh) {\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn btn-default\"\n            [attr.aria-label]=\"'Refresh' | translate\"\n            [tooltip]=\"'Refresh' | translate\"\n            placement=\"bottom\"\n            type=\"button\"\n            [adaptivePosition]=\"false\"\n            [delay]=\"500\"\n            [disabled]=\"isLoading\"\n          >\n            <i\n              [class.icon-spin]=\"isLoading\"\n              [c8yIcon]=\"'refresh'\"\n            ></i>\n          </button>\n        </div>\n      }\n    </div>\n  </form>\n}\n", styles: [":host{position:relative;display:block;cursor:not-allowed}:host form{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}:host form:after{content:\"\";position:absolute;inset:0;background:#ffffff0d;z-index:1;pointer-events:none}:host form button,:host form input,:host form select,:host form .dropdown-toggle,:host form .btn{cursor:not-allowed!important;opacity:.85}:host form *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PreviewControlsComponent, isStandalone: true, selector: "c8y-preview-controls", inputs: { widgetControls: "widgetControls", config: "config" }, ngImport: i0, template: "<!-- Main Controls -->\n@let isConfigMode = config?.displayMode === GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG;\n@let settings = inlineControlsSettings$ | async;\n\n@if (form && settings) {\n  <form\n    class=\"d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll\"\n    [formGroup]=\"form\"\n  >\n    <!-- Control Group Container -->\n    <div class=\"input-group w-auto\">\n      <!-- Aggregation Picker -->\n      @if (settings.showAggregation) {\n        <c8y-aggregation-picker\n          formControlName=\"aggregation\"\n          [resetToDefault]=\"true\"\n        ></c8y-aggregation-picker>\n      }\n\n      <!-- Auto Refresh Controls -->\n      @if (settings.showAutoRefresh) {\n        <!-- Auto Refresh Toggle -->\n        <c8y-auto-refresh-control\n          [isLoading]=\"isLoading\"\n          [disableCounter]=\"shouldDisableCounter\"\n          formControlName=\"isAutoRefreshEnabled\"\n          [autoRefreshSeconds]=\"form.get('refreshInterval')?.value\"\n        ></c8y-auto-refresh-control>\n      }\n\n      @if (settings.showTimeContext) {\n        @let isHistoryMode = form.get('refreshOption')?.value === REFRESH_OPTION.HISTORY;\n        @let configValue =\n          isHistoryMode\n            ? {\n                showDateTo: true,\n                showDateFrom: true\n              }\n            : {\n                showDateTo: false,\n                showDateFrom: true\n              };\n        <c8y-date-time-context-picker\n          style=\"margin-left: -1px\"\n          formControlName=\"dateTimeContext\"\n          [shouldDisableInterval]=\"shouldDisableCustomInterval\"\n          [config]=\"configValue\"\n        ></c8y-date-time-context-picker>\n      }\n\n      <!-- Manual Refresh Button -->\n      @if (settings.showRefresh) {\n        <div class=\"input-group-btn\">\n          <button\n            class=\"btn btn-default\"\n            [attr.aria-label]=\"'Refresh' | translate\"\n            [tooltip]=\"'Refresh' | translate\"\n            placement=\"bottom\"\n            type=\"button\"\n            [adaptivePosition]=\"false\"\n            [delay]=\"500\"\n            [disabled]=\"isLoading\"\n          >\n            <i\n              [class.icon-spin]=\"isLoading\"\n              [c8yIcon]=\"'refresh'\"\n            ></i>\n          </button>\n        </div>\n      }\n    </div>\n  </form>\n}\n", styles: [":host{position:relative;display:block;cursor:not-allowed}:host form{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}:host form:after{content:\"\";position:absolute;inset:0;background:#ffffff0d;z-index:1;pointer-events:none}:host form button,:host form input,:host form select,:host form .dropdown-toggle,:host form .btn{cursor:not-allowed!important;opacity:.85}:host form *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}\n"], dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config", "intervalOptions"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PreviewControlsComponent, decorators: [{
             type: Component,
@@ -10867,22 +10870,20 @@ const CONTEXT_FEATURE = {
 /** Preset name constants for type-safe access */
 const PRESET_NAME = {
     DEFAULT: 'default',
-    ALARM_LIST: 'alarmList',
-    CHART: 'chart',
+    LIFETIME_LIST: 'lifetimeList',
     DATA_TABLE: 'dataTable',
     DATA_TABLE_CONFIG: 'dataTableConfig',
     LIVE_ONLY: 'liveOnly',
     AUTO_REFRESH_ONLY: 'autoRefreshOnly',
     AUTO_REFRESH_ONLY_CONFIG: 'autoRefreshOnlyConfig',
     HISTORY_ONLY: 'historyOnly',
-    ALARM_LIST_CONFIG: 'alarmListConfig',
-    ALARM_LIST_LEGACY: 'alarmListLegacy',
+    LIFETIME_LIST_CONFIG: 'lifetimeListConfig',
+    DATAPOINTS_GRAPH: 'datapointsGraph',
+    DATAPOINTS_GRAPH_CONFIG: 'datapointsGraphConfig',
     KPI: 'kpi',
     KPI_CONFIG: 'kpiConfig',
     DATA_POINTS_LIST: 'dataPointsList',
-    DATA_POINTS_LIST_CONFIG: 'dataPointsListConfig',
-    DATAPOINTS_GRAPH: 'datapointsGraph',
-    DATAPOINTS_GRAPH_CONFIG: 'datapointsGraphConfig'
+    DATA_POINTS_LIST_CONFIG: 'dataPointsListConfig'
 };
 /** Control presets for different widget types (mode constraints applied by applyModeConstraints) */
 const CONTROL_PRESETS = {
@@ -10891,9 +10892,15 @@ const CONTROL_PRESETS = {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
+        ],
+        config: [
+            CONTEXT_FEATURE.LIVE_TIME,
+            CONTEXT_FEATURE.HISTORY_TIME,
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
@@ -10902,33 +10909,52 @@ const CONTROL_PRESETS = {
             CONTEXT_FEATURE.REFRESH
         ]
     },
-    /** For alarm/event lists (supports both live and history modes) */
-    [PRESET_NAME.ALARM_LIST]: {
+    /**
+     * Same controls as `DATA_POINTS_LIST` (time hidden in config mode), but adds the
+     * "Lifetime" (epoch → now) entry to the interval picker — for widgets whose data has
+     * a queryable origin (alarms, events).
+     */
+    [PRESET_NAME.LIFETIME_LIST]: {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.AUTO_REFRESH],
+        config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
-        ]
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
+        ],
+        supportsLifetime: true
     },
-    /** For alarm/event lists in config mode (supports both live and history modes with time in config) */
-    [PRESET_NAME.ALARM_LIST_CONFIG]: {
+    /**
+     * Same controls as `DATA_POINTS_LIST_CONFIG` (LT/HT/AR/RF in all modes), but adds the
+     * "Lifetime" (epoch → now) entry to the interval picker — for widgets whose data has
+     * a queryable origin (alarms, events).
+     */
+    [PRESET_NAME.LIFETIME_LIST_CONFIG]: {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
+        ],
+        config: [
+            CONTEXT_FEATURE.LIVE_TIME,
+            CONTEXT_FEATURE.HISTORY_TIME,
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
-        ]
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
+        ],
+        supportsLifetime: true
     },
     /** For data tables in view/preview mode (aggregation support, no manual refresh) */
     [PRESET_NAME.DATA_TABLE]: {
@@ -10936,14 +10962,16 @@ const CONTROL_PRESETS = {
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AGGREGATION,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.AGGREGATION, CONTEXT_FEATURE.AUTO_REFRESH],
+        config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AGGREGATION,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ]
     },
     /** For data tables in config mode (full time controls with aggregation) */
@@ -10951,29 +10979,16 @@ const CONTROL_PRESETS = {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
         config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AGGREGATION,
-            CONTEXT_FEATURE.AUTO_REFRESH
-        ],
-        view_and_config: [
-            CONTEXT_FEATURE.LIVE_TIME,
-            CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AGGREGATION,
-            CONTEXT_FEATURE.AUTO_REFRESH
-        ]
-    },
-    /** For charts with aggregation support (supports both live and history modes) */
-    [PRESET_NAME.CHART]: {
-        dashboard: [
-            CONTEXT_FEATURE.LIVE_TIME,
-            CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
@@ -10984,129 +10999,143 @@ const CONTROL_PRESETS = {
     },
     /** For live-only widgets (no history mode support) */
     [PRESET_NAME.LIVE_ONLY]: {
-        dashboard: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
-        config: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
+        dashboard: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
+        config: [CONTEXT_FEATURE.LIVE_TIME, CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH,
             CONTEXT_FEATURE.REFRESH
         ]
     },
-    /** For auto-refresh-only widgets (no history mode, no live time range support) — preview shows no controls in config mode */
+    /**
+     * For auto-refresh-only widgets (no history mode, no live time range support).
+     * The `config` mode is intentionally empty so the widget renders no controls in
+     * the configuration sidebar (used by the HTML widget).
+     */
     [PRESET_NAME.AUTO_REFRESH_ONLY]: {
-        dashboard: [CONTEXT_FEATURE.AUTO_REFRESH],
+        dashboard: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         config: [],
-        view_and_config: [CONTEXT_FEATURE.AUTO_REFRESH]
+        view_and_config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH]
     },
     /** For auto-refresh-only widget config section (shows auto-refresh toggle in all modes) */
     [PRESET_NAME.AUTO_REFRESH_ONLY_CONFIG]: {
-        dashboard: [CONTEXT_FEATURE.AUTO_REFRESH],
-        config: [CONTEXT_FEATURE.AUTO_REFRESH],
-        view_and_config: [CONTEXT_FEATURE.AUTO_REFRESH]
+        dashboard: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
+        config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
+        view_and_config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH]
     },
     /** For history-only widgets (no live mode support) */
     [PRESET_NAME.HISTORY_ONLY]: {
-        dashboard: [CONTEXT_FEATURE.HISTORY_TIME],
-        config: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AGGREGATION],
+        dashboard: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.REFRESH],
+        config: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AGGREGATION, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AGGREGATION,
             CONTEXT_FEATURE.REFRESH
         ]
     },
-    [PRESET_NAME.ALARM_LIST_LEGACY]: {
+    /** For data points graph widget inline controls (supports aggregation in dashboard mode) */
+    [PRESET_NAME.DATAPOINTS_GRAPH]: {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.AGGREGATION,
+            CONTEXT_FEATURE.REFRESH
         ],
         config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AGGREGATION,
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ]
     },
-    /** For KPI widget in view mode (live/history, no aggregation) */
-    [PRESET_NAME.KPI]: {
-        dashboard: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
-        config: [CONTEXT_FEATURE.AUTO_REFRESH],
-        view_and_config: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH]
-    },
-    /** For KPI widget in config mode (full time controls, no aggregation) */
-    [PRESET_NAME.KPI_CONFIG]: {
-        dashboard: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
-        config: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH],
-        view_and_config: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH]
-    },
-    /** For data points list (supports both live and history modes) */
-    [PRESET_NAME.DATA_POINTS_LIST]: {
+    /** For data points graph widget config section (full controls including time range) */
+    [PRESET_NAME.DATAPOINTS_GRAPH_CONFIG]: {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.AGGREGATION,
+            CONTEXT_FEATURE.REFRESH
+        ],
+        config: [
+            CONTEXT_FEATURE.LIVE_TIME,
+            CONTEXT_FEATURE.HISTORY_TIME,
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.AGGREGATION,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.AUTO_REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AGGREGATION,
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ]
     },
-    /** For data points list in config mode (supports both live and history modes with time in config) */
-    [PRESET_NAME.DATA_POINTS_LIST_CONFIG]: {
+    /** For KPI widget in view mode (live/history, no aggregation) */
+    [PRESET_NAME.KPI]: {
         dashboard: [
-            CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [
+        config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
+        view_and_config: [
+            CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH,
-            CONTEXT_FEATURE.LIVE_TIME,
+            CONTEXT_FEATURE.REFRESH
+        ]
+    },
+    /** For KPI widget in config mode (full time controls, no aggregation) */
+    [PRESET_NAME.KPI_CONFIG]: {
+        dashboard: [
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ],
+        config: [CONTEXT_FEATURE.HISTORY_TIME, CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
-            CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AUTO_REFRESH
+            CONTEXT_FEATURE.AUTO_REFRESH,
+            CONTEXT_FEATURE.REFRESH
         ]
     },
-    /** For data points graph widget inline controls (supports aggregation in dashboard mode) */
-    [PRESET_NAME.DATAPOINTS_GRAPH]: {
+    /** For data points list (supports both live and history modes) */
+    [PRESET_NAME.DATA_POINTS_LIST]: {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH,
-            CONTEXT_FEATURE.AGGREGATION
+            CONTEXT_FEATURE.REFRESH
         ],
-        config: [CONTEXT_FEATURE.AUTO_REFRESH],
+        config: [CONTEXT_FEATURE.AUTO_REFRESH, CONTEXT_FEATURE.REFRESH],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AGGREGATION,
             CONTEXT_FEATURE.AUTO_REFRESH,
-            CONTEXT_FEATURE.REFRESH_HISTORY
+            CONTEXT_FEATURE.REFRESH
         ]
     },
-    /** For data points graph widget config section (full controls including time range) */
-    [PRESET_NAME.DATAPOINTS_GRAPH_CONFIG]: {
+    /** For data points list in config mode (supports both live and history modes with time in config) */
+    [PRESET_NAME.DATA_POINTS_LIST_CONFIG]: {
         dashboard: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH,
-            CONTEXT_FEATURE.AGGREGATION
+            CONTEXT_FEATURE.REFRESH
         ],
         config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
             CONTEXT_FEATURE.AUTO_REFRESH,
-            CONTEXT_FEATURE.AGGREGATION
+            CONTEXT_FEATURE.REFRESH
         ],
         view_and_config: [
             CONTEXT_FEATURE.LIVE_TIME,
             CONTEXT_FEATURE.HISTORY_TIME,
-            CONTEXT_FEATURE.AGGREGATION,
             CONTEXT_FEATURE.AUTO_REFRESH,
             CONTEXT_FEATURE.REFRESH
         ]
@@ -11159,6 +11188,11 @@ function getSupportedModes(controls, displayMode) {
     // Fallback to LIVE if no mode features detected
     return modes.length > 0 ? modes : [REFRESH_OPTION.LIVE];
 }
+/** Standard intervals, optionally prepended with "Lifetime" when the preset opts in. */
+function resolveIntervalOptions(controls) {
+    const presetDef = typeof controls === 'string' ? CONTROL_PRESETS[controls] : controls;
+    return presetDef?.supportsLifetime ? [LIFETIME_INTERVAL, ...INTERVALS] : [...INTERVALS];
+}
 /**
  * Convert controls preset to GlobalContextSettings for registration.
  */
@@ -11194,6 +11228,7 @@ class ConfigModeControls {
         this.lastEmittedContext = signal({}, ...(ngDevMode ? [{ debugName: "lastEmittedContext" }] : []));
         this.settings = computed(() => controlsToSettings(this.controls(), this.displayMode(), this.refreshOption()), ...(ngDevMode ? [{ debugName: "settings" }] : []));
         this.supportedModes = computed(() => getSupportedModes(this.controls(), this.displayMode()), ...(ngDevMode ? [{ debugName: "supportedModes" }] : []));
+        this.intervalOptions = computed(() => resolveIntervalOptions(this.controls()), ...(ngDevMode ? [{ debugName: "intervalOptions" }] : []));
         // Sync with incoming config
         effect(() => {
             const cfg = this.config();
@@ -11343,12 +11378,13 @@ class ConfigModeControls {
           [liveContext]="liveState()"
           [historyContext]="historyState()"
           [supportedModes]="supportedModes()"
+          [intervalOptions]="intervalOptions()"
           (contextChange)="onConfigurationChange($event)"
           (refreshOptionChange)="onRefreshOptionChange($event)"
         ></c8y-configuration-controls>
       </fieldset>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ConfigContextSelectorComponent, selector: "c8y-config-context-selector" }, { kind: "component", type: ConfigurationControlsComponent, selector: "c8y-configuration-controls", inputs: ["controlsDisplayMode", "settings", "activeMode", "liveContext", "historyContext", "supportedModes", "tabsOutletName"], outputs: ["refreshOptionChange", "contextChange", "validationStatus"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ConfigContextSelectorComponent, selector: "c8y-config-context-selector" }, { kind: "component", type: ConfigurationControlsComponent, selector: "c8y-configuration-controls", inputs: ["controlsDisplayMode", "settings", "activeMode", "liveContext", "historyContext", "supportedModes", "intervalOptions", "tabsOutletName"], outputs: ["refreshOptionChange", "contextChange", "validationStatus"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "directive", type: i2$2.PopoverDirective, selector: "[popover]", inputs: ["adaptivePosition", "boundariesElement", "popover", "popoverContext", "popoverTitle", "placement", "outsideClick", "triggers", "container", "containerClass", "isOpen", "delay"], outputs: ["onShown", "onHidden"], exportAs: ["bs-popover"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigModeControls, decorators: [{
             type: Component,
@@ -11399,6 +11435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
           [liveContext]="liveState()"
           [historyContext]="historyState()"
           [supportedModes]="supportedModes()"
+          [intervalOptions]="intervalOptions()"
           (contextChange)="onConfigurationChange($event)"
           (refreshOptionChange)="onRefreshOptionChange($event)"
         ></c8y-configuration-controls>
@@ -11421,42 +11458,46 @@ class ContextControlsComponent {
         this.configChange = output();
         this.refresh = output();
         this.lastEmittedState = signal({}, ...(ngDevMode ? [{ debugName: "lastEmittedState" }] : []));
-        /**
-         * Visible controls for the template.
-         * LIVE_TIME and HISTORY_TIME are normalized to 'time' for template simplicity.
-         */
         this.visibleControls = computed(() => {
+            const cfg = this.config();
+            if (!cfg)
+                return null;
             const controlsInput = this.controls();
             const presetDef = typeof controlsInput === 'string' ? CONTROL_PRESETS[controlsInput] : controlsInput;
             const baseControls = presetDef?.[this.displayMode()];
             if (!baseControls) {
                 return [];
             }
-            const refreshOption = this.config()?.refreshOption || REFRESH_OPTION.LIVE;
+            const refreshOption = cfg.refreshOption || REFRESH_OPTION.LIVE;
             const filteredControls = applyModeConstraints(baseControls, refreshOption);
-            // Normalize LIVE_TIME/HISTORY_TIME to 'time' and REFRESH_*/REFRESH to 'refresh' for template
-            return filteredControls.map(c => {
+            const normalized = filteredControls.map(c => {
                 if (c === CONTEXT_FEATURE.LIVE_TIME || c === CONTEXT_FEATURE.HISTORY_TIME)
                     return 'time';
                 if (c === CONTEXT_FEATURE.REFRESH_LIVE || c === CONTEXT_FEATURE.REFRESH_HISTORY)
                     return CONTEXT_FEATURE.REFRESH;
                 return c;
             });
+            // Manual refresh is redundant while auto-refresh is rendered and running.
+            if (cfg.isAutoRefreshEnabled && normalized.includes(CONTEXT_FEATURE.AUTO_REFRESH)) {
+                return normalized.filter(c => c !== CONTEXT_FEATURE.REFRESH);
+            }
+            return normalized;
         }, ...(ngDevMode ? [{ debugName: "visibleControls" }] : []));
         this.disabledAggregations = computed(() => {
-            const dateCtx = this.config().dateTimeContext;
+            const dateCtx = this.config()?.dateTimeContext;
             if (!dateCtx)
                 return {};
             const [from, to] = this.parseDateRange(dateCtx);
             return this.aggregationValidationService.getDisabledAggregations([from, to]);
         }, ...(ngDevMode ? [{ debugName: "disabledAggregations" }] : []));
         this.dateTimePickerConfig = computed(() => {
-            const refreshOption = this.config().refreshOption;
+            const refreshOption = this.config()?.refreshOption;
             return refreshOption === REFRESH_OPTION.HISTORY
                 ? { showDateFrom: true, showDateTo: true }
                 : { showDateFrom: true, showDateTo: false };
         }, ...(ngDevMode ? [{ debugName: "dateTimePickerConfig" }] : []));
-        this.autoRefreshSeconds = computed(() => this.config().refreshInterval || GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL, ...(ngDevMode ? [{ debugName: "autoRefreshSeconds" }] : []));
+        this.autoRefreshSeconds = computed(() => this.config()?.refreshInterval || GLOBAL_CONTEXT_DEFAULTS.REFRESH_INTERVAL, ...(ngDevMode ? [{ debugName: "autoRefreshSeconds" }] : []));
+        this.intervalOptions = computed(() => resolveIntervalOptions(this.controls()), ...(ngDevMode ? [{ debugName: "intervalOptions" }] : []));
         this.form = this.fb.group({
             dateTimeContext: [null],
             aggregation: [null],
@@ -11503,6 +11544,8 @@ class ContextControlsComponent {
     syncConfigToForm() {
         effect(() => {
             const cfg = this.config();
+            if (!cfg)
+                return;
             this.form.patchValue(cfg, { emitEvent: false });
         });
     }
@@ -11511,6 +11554,8 @@ class ContextControlsComponent {
         if (this.displayMode() === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD)
             return;
         const cfg = this.config();
+        if (!cfg)
+            return;
         const isLive = cfg.refreshOption !== REFRESH_OPTION.HISTORY && !!cfg.dateTimeContext;
         const normalized = isLive
             ? { ...cfg, dateTimeContext: DateTimeContextUtil.normalizeForLive(cfg.dateTimeContext) }
@@ -11552,12 +11597,9 @@ class ContextControlsComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ContextControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ContextControlsComponent, isStandalone: true, selector: "c8y-context-controls", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh" }, ngImport: i0, template: `
-    <form
-      class="d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll h-auto min-width-0 widget-controls"
-      [formGroup]="form"
-    >
-      <div class="input-group w-auto">
-        @if (visibleControls().includes('aggregation')) {
+    <form class="d-flex gap-16 h-auto min-width-0 widget-controls" [formGroup]="form">
+      <div class="input-group w-auto min-width-0">
+        @if (visibleControls()?.includes('aggregation')) {
           <c8y-aggregation-picker
             data-cy="global-inline-date-context--Aggregation-display"
             formControlName="aggregation"
@@ -11567,7 +11609,7 @@ class ContextControlsComponent {
           </c8y-aggregation-picker>
         }
 
-        @if (visibleControls().includes('autoRefresh')) {
+        @if (visibleControls()?.includes('autoRefresh')) {
           <c8y-auto-refresh-control
             formControlName="isAutoRefreshEnabled"
             [autoRefreshSeconds]="autoRefreshSeconds()"
@@ -11577,16 +11619,18 @@ class ContextControlsComponent {
           </c8y-auto-refresh-control>
         }
 
-        @if (visibleControls().includes('time')) {
+        @if (visibleControls()?.includes('time')) {
           <c8y-date-time-context-picker
+            class="min-width-0"
             style="margin-left: -1px"
             formControlName="dateTimeContext"
             [config]="dateTimePickerConfig()"
+            [intervalOptions]="intervalOptions()"
           >
           </c8y-date-time-context-picker>
         }
 
-        @if (visibleControls().includes('refresh')) {
+        @if (visibleControls()?.includes('refresh')) {
           <div class="input-group-btn">
             <button
               class="btn btn-default"
@@ -11606,7 +11650,7 @@ class ContextControlsComponent {
         }
       </div>
     </form>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: DateTimeContextPickerComponent, selector: "c8y-date-time-context-picker", inputs: ["disabled", "shouldDisableInterval", "config", "intervalOptions"] }, { kind: "component", type: AggregationPickerComponent, selector: "c8y-aggregation-picker", inputs: ["disabledAggregations", "resetToDefault", "layout"] }, { kind: "component", type: AutoRefreshControlComponent, selector: "c8y-auto-refresh-control", inputs: ["isAutoRefreshConnected", "autoRefreshSeconds", "disableCounter", "isEnabled", "isLoading"], outputs: ["loadingChange", "refresh"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ContextControlsComponent, decorators: [{
             type: Component,
@@ -11623,12 +11667,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         TooltipModule
                     ],
                     template: `
-    <form
-      class="d-flex gap-16 p-l-16 p-r-16 p-b-8 inner-scroll h-auto min-width-0 widget-controls"
-      [formGroup]="form"
-    >
-      <div class="input-group w-auto">
-        @if (visibleControls().includes('aggregation')) {
+    <form class="d-flex gap-16 h-auto min-width-0 widget-controls" [formGroup]="form">
+      <div class="input-group w-auto min-width-0">
+        @if (visibleControls()?.includes('aggregation')) {
           <c8y-aggregation-picker
             data-cy="global-inline-date-context--Aggregation-display"
             formControlName="aggregation"
@@ -11638,7 +11679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
           </c8y-aggregation-picker>
         }
 
-        @if (visibleControls().includes('autoRefresh')) {
+        @if (visibleControls()?.includes('autoRefresh')) {
           <c8y-auto-refresh-control
             formControlName="isAutoRefreshEnabled"
             [autoRefreshSeconds]="autoRefreshSeconds()"
@@ -11648,16 +11689,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
           </c8y-auto-refresh-control>
         }
 
-        @if (visibleControls().includes('time')) {
+        @if (visibleControls()?.includes('time')) {
           <c8y-date-time-context-picker
+            class="min-width-0"
             style="margin-left: -1px"
             formControlName="dateTimeContext"
             [config]="dateTimePickerConfig()"
+            [intervalOptions]="intervalOptions()"
           >
           </c8y-date-time-context-picker>
         }
 
-        @if (visibleControls().includes('refresh')) {
+        @if (visibleControls()?.includes('refresh')) {
           <div class="input-group-btn">
             <button
               class="btn btn-default"
@@ -11681,6 +11724,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }] } });
 
+class HeaderTemplateService {
+    /**
+     * Registers a header template on the host dashboard child.
+     *
+     * Call from an injection context (e.g. constructor). Pass signal-reading getters
+     * in `opts` for reactive updates; cleanup is automatic on destroy/change.
+     *
+     * @param opts Getters resolving the host dashboard child and template ref, plus
+     *   the display priority. Read signals inside the getters to drive re-registration.
+     */
+    register(opts) {
+        const { getDashboardChild, getTemplateRef, priority } = opts;
+        effect(onCleanup => {
+            const dashChild = getDashboardChild();
+            const templateRef = getTemplateRef();
+            if (!dashChild || !templateRef)
+                return;
+            const templates = dashChild._additionalHeaderTemplates.value;
+            if (templates.some(t => t.template === templateRef))
+                return;
+            dashChild._additionalHeaderTemplates.next([
+                ...templates,
+                { template: templateRef, priority }
+            ]);
+            onCleanup(() => {
+                const current = dashChild._additionalHeaderTemplates.value;
+                dashChild._additionalHeaderTemplates.next(current.filter(t => t.template !== templateRef));
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTemplateService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: HeaderTemplateService, decorators: [{
+            type: Injectable
+        }] });
+
 // Map preset controls to state keys
 const CONTROL_DISPLAY_CONFIG = {
     liveTime: {
@@ -11716,11 +11796,18 @@ class LinkButtonsComponent {
     constructor() {
         this.injectedDashboardChild = inject(DashboardChildComponent, { optional: true });
         this.translateService = inject(TranslateService);
+        this.headerTemplate = inject(HeaderTemplateService);
+        this.headerTemplateRef = viewChild('headerContent', ...(ngDevMode ? [{ debugName: "headerTemplateRef", read: TemplateRef }] : [{ read: TemplateRef }]));
         this.dashboardChild = input(...(ngDevMode ? [undefined, { debugName: "dashboardChild" }] : []));
         this.isLinked = input.required(...(ngDevMode ? [{ debugName: "isLinked" }] : []));
         this.controls = input(PRESET_NAME.DEFAULT, ...(ngDevMode ? [{ debugName: "controls" }] : []));
         this.config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+        this.displayMode = input(GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
+        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.emitRefresh = input(true, ...(ngDevMode ? [{ debugName: "emitRefresh" }] : []));
         this.toggle = output();
+        this.configChange = output();
+        this.refresh = output();
         this.visibleControls = computed(() => {
             const controlsInput = this.controls();
             const presetDef = typeof controlsInput === 'string' ? CONTROL_PRESETS[controlsInput] : controlsInput;
@@ -11744,106 +11831,123 @@ class LinkButtonsComponent {
             const linkedToDashboardLabel = this.translateService.instant(gettext('Synced to dashboard:'));
             return `${linkedToDashboardLabel}\n${linkedNamesList}\n${clickToToggleLabel}`;
         }, ...(ngDevMode ? [{ debugName: "masterTooltipText" }] : []));
-    }
-    ngAfterViewInit() {
-        const dashChild = this.getDashboardChild();
-        if (!dashChild || !this.headerTemplateRef) {
-            return;
-        }
-        const templates = dashChild._additionalHeaderTemplates.value;
-        if (!templates.some(t => t.template === this.headerTemplateRef)) {
-            dashChild._additionalHeaderTemplates.next([
-                ...templates,
-                {
-                    template: this.headerTemplateRef,
-                    priority: 100
-                }
-            ]);
-        }
-    }
-    ngOnDestroy() {
-        const dashChild = this.getDashboardChild();
-        if (!dashChild || !this.headerTemplateRef) {
-            return;
-        }
-        const templates = dashChild._additionalHeaderTemplates.value;
-        dashChild._additionalHeaderTemplates.next(templates.filter(t => t.template !== this.headerTemplateRef));
+        this.headerTemplate.register({
+            getDashboardChild: () => this.getDashboardChild(),
+            getTemplateRef: () => this.headerTemplateRef(),
+            priority: 100
+        });
     }
     getDashboardChild() {
         return this.dashboardChild() ?? this.injectedDashboardChild ?? null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinkButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LinkButtonsComponent, isStandalone: true, selector: "c8y-link-buttons", inputs: { dashboardChild: { classPropertyName: "dashboardChild", publicName: "dashboardChild", isSignal: true, isRequired: false, transformFunction: null }, isLinked: { classPropertyName: "isLinked", publicName: "isLinked", isSignal: true, isRequired: true, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle" }, viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LinkButtonsComponent, isStandalone: true, selector: "c8y-link-buttons", inputs: { dashboardChild: { classPropertyName: "dashboardChild", publicName: "dashboardChild", isSignal: true, isRequired: false, transformFunction: null }, isLinked: { classPropertyName: "isLinked", publicName: "isLinked", isSignal: true, isRequired: true, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", configChange: "configChange", refresh: "refresh" }, providers: [HeaderTemplateService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: `
     <ng-template #headerContent>
-      <button
-        class="btn-icon-dot-set"
-        [class.active]="isLinked()"
-        [attr.aria-label]="'Global context sync controls' | translate"
-        [tooltip]="masterTooltipTemplate"
-        delay="500"
-        container="body"
-        (click)="toggle.emit(!isLinked())"
-        data-cy="global-context-link--all"
+      <div
+        class="c8y-header-controls-group"
+        [class.c8y-header-controls-group--has-summary]="!isLinked()"
       >
-        <span class="btn-icon-dot__item default" [class.active]="isLinked()">
-          <i [c8yIcon]="isLinked() ? 'link' : 'unlink'"></i>
-        </span>
-        @for (control of visibleControls(); track control.stateKey) {
-          <span
-            [class]="control.cssClass + ' btn-icon-dot__item'"
-            [class.active]="isLinked()"
-            [attr.data-cy]="'global-context-link--' + control.stateKey"
-          >
-            <i [c8yIcon]="control.icon"></i>
+        <button
+          class="btn-icon-dot-set"
+          [class.active]="isLinked()"
+          [attr.aria-label]="'Global context sync controls' | translate"
+          [tooltip]="masterTooltipTemplate"
+          delay="500"
+          container="body"
+          (click)="toggle.emit(!isLinked())"
+          data-cy="global-context-link--all"
+        >
+          <span class="btn-icon-dot__item default" [class.active]="isLinked()">
+            <i [c8yIcon]="isLinked() ? 'link' : 'unlink'"></i>
           </span>
+          @for (control of visibleControls(); track control.stateKey) {
+            @if (isLinked()) {
+              <span
+                [class]="control.cssClass + ' btn-icon-dot__item active'"
+                [attr.data-cy]="'global-context-link--' + control.stateKey"
+              >
+                <i [c8yIcon]="control.icon"></i>
+              </span>
+            }
+          }
+        </button>
+        @if (!isLinked()) {
+          <c8y-context-controls
+            class="c8y-header-controls-group__summary"
+            [controls]="controls()"
+            [displayMode]="displayMode()"
+            [config]="config()"
+            [isLoading]="isLoading()"
+            [emitRefresh]="emitRefresh()"
+            (configChange)="configChange.emit($event)"
+            (refresh)="refresh.emit()"
+          ></c8y-context-controls>
         }
-      </button>
+      </div>
       <ng-template #masterTooltipTemplate>{{ masterTooltipText() }}</ng-template>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "component", type: ContextControlsComponent, selector: "c8y-context-controls", inputs: ["controls", "displayMode", "config", "isLoading", "emitRefresh"], outputs: ["configChange", "refresh"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinkButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'c8y-link-buttons',
                     standalone: true,
-                    imports: [IconDirective, TooltipModule, C8yTranslatePipe],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [IconDirective, TooltipModule, C8yTranslatePipe, ContextControlsComponent],
+                    providers: [HeaderTemplateService],
                     template: `
     <ng-template #headerContent>
-      <button
-        class="btn-icon-dot-set"
-        [class.active]="isLinked()"
-        [attr.aria-label]="'Global context sync controls' | translate"
-        [tooltip]="masterTooltipTemplate"
-        delay="500"
-        container="body"
-        (click)="toggle.emit(!isLinked())"
-        data-cy="global-context-link--all"
+      <div
+        class="c8y-header-controls-group"
+        [class.c8y-header-controls-group--has-summary]="!isLinked()"
       >
-        <span class="btn-icon-dot__item default" [class.active]="isLinked()">
-          <i [c8yIcon]="isLinked() ? 'link' : 'unlink'"></i>
-        </span>
-        @for (control of visibleControls(); track control.stateKey) {
-          <span
-            [class]="control.cssClass + ' btn-icon-dot__item'"
-            [class.active]="isLinked()"
-            [attr.data-cy]="'global-context-link--' + control.stateKey"
-          >
-            <i [c8yIcon]="control.icon"></i>
+        <button
+          class="btn-icon-dot-set"
+          [class.active]="isLinked()"
+          [attr.aria-label]="'Global context sync controls' | translate"
+          [tooltip]="masterTooltipTemplate"
+          delay="500"
+          container="body"
+          (click)="toggle.emit(!isLinked())"
+          data-cy="global-context-link--all"
+        >
+          <span class="btn-icon-dot__item default" [class.active]="isLinked()">
+            <i [c8yIcon]="isLinked() ? 'link' : 'unlink'"></i>
           </span>
+          @for (control of visibleControls(); track control.stateKey) {
+            @if (isLinked()) {
+              <span
+                [class]="control.cssClass + ' btn-icon-dot__item active'"
+                [attr.data-cy]="'global-context-link--' + control.stateKey"
+              >
+                <i [c8yIcon]="control.icon"></i>
+              </span>
+            }
+          }
+        </button>
+        @if (!isLinked()) {
+          <c8y-context-controls
+            class="c8y-header-controls-group__summary"
+            [controls]="controls()"
+            [displayMode]="displayMode()"
+            [config]="config()"
+            [isLoading]="isLoading()"
+            [emitRefresh]="emitRefresh()"
+            (configChange)="configChange.emit($event)"
+            (refresh)="refresh.emit()"
+          ></c8y-context-controls>
         }
-      </button>
+      </div>
       <ng-template #masterTooltipTemplate>{{ masterTooltipText() }}</ng-template>
     </ng-template>
   `
                 }]
-        }], propDecorators: { headerTemplateRef: [{
-                type: ViewChild,
-                args: ['headerContent', { static: true, read: TemplateRef }]
-            }], dashboardChild: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: false }] }], isLinked: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLinked", required: true }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }] } });
+        }], ctorParameters: () => [], propDecorators: { headerTemplateRef: [{ type: i0.ViewChild, args: ['headerContent', { ...{ read: TemplateRef }, isSignal: true }] }], dashboardChild: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: false }] }], isLinked: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLinked", required: true }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }] } });
 
 class GlobalContextConnectorComponent {
     constructor() {
+        this.injectedDashboardChild = inject(DashboardChildComponent, { optional: true });
         this.eventService = inject(GlobalContextEventService);
         this.globalContextService = inject(GlobalContextService);
         this.globalContextUtils = inject(GlobalContextUtilsService);
@@ -11852,7 +11956,8 @@ class GlobalContextConnectorComponent {
         this.controls = input(PRESET_NAME.DEFAULT, ...(ngDevMode ? [{ debugName: "controls" }] : []));
         this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
         this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-        this.dashboardChild = input.required(...(ngDevMode ? [{ debugName: "dashboardChild" }] : []));
+        this.dashboardChildInput = input(undefined, ...(ngDevMode ? [{ debugName: "dashboardChildInput", alias: 'dashboardChild' }] : [{ alias: 'dashboardChild' }]));
+        this.dashboardChild = computed(() => this.dashboardChildInput() ?? this.injectedDashboardChild, ...(ngDevMode ? [{ debugName: "dashboardChild" }] : []));
         this.linked = input(undefined, ...(ngDevMode ? [{ debugName: "linked" }] : []));
         /** When false, refresh events are not emitted as configChange - only user-initiated state changes */
         this.emitRefresh = input(true, ...(ngDevMode ? [{ debugName: "emitRefresh" }] : []));
@@ -11896,13 +12001,14 @@ class GlobalContextConnectorComponent {
         this.configChange.emit(event);
     }
     onLocalRefresh() {
-        const { dateTimeContext } = this.config();
+        const currentConfig = this.config();
+        const { dateTimeContext } = currentConfig;
         if (!dateTimeContext) {
             this.refresh.emit();
             return;
         }
         const context = {
-            ...this.config(),
+            ...currentConfig,
             dateTimeContext: DateTimeContextUtil.normalizeForLive(dateTimeContext)
         };
         if (!this.emitIfChanged(context)) {
@@ -11925,8 +12031,9 @@ class GlobalContextConnectorComponent {
     syncExternalLinkState() {
         effect(() => {
             const external = this.linked();
-            if (external !== undefined)
-                this.isLinked.set(external);
+            if (external === undefined)
+                return;
+            this.isLinked.set(external);
         });
     }
     subscribeToGlobalContext() {
@@ -11939,7 +12046,6 @@ class GlobalContextConnectorComponent {
             if (cached)
                 this.emitIfChanged(cached);
             const stateChanges$ = this.eventService.on(GLOBAL_CONTEXT_EVENTS.STATE_CHANGE);
-            // Only include refresh events if emitRefresh is true
             let source$ = stateChanges$;
             if (this.emitRefresh()) {
                 const refresh$ = this.eventService.on(GLOBAL_CONTEXT_EVENTS.REFRESH).pipe(map$1(data => ({
@@ -11990,35 +12096,28 @@ class GlobalContextConnectorComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextConnectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: GlobalContextConnectorComponent, isStandalone: true, selector: "c8y-global-context-connector", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChild: { classPropertyName: "dashboardChild", publicName: "dashboardChild", isSignal: true, isRequired: true, transformFunction: null }, linked: { classPropertyName: "linked", publicName: "linked", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh", linkedChange: "linkedChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: GlobalContextConnectorComponent, isStandalone: true, selector: "c8y-global-context-connector", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildInput: { classPropertyName: "dashboardChildInput", publicName: "dashboardChild", isSignal: true, isRequired: false, transformFunction: null }, linked: { classPropertyName: "linked", publicName: "linked", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh", linkedChange: "linkedChange" }, ngImport: i0, template: `
     @if (hasActiveControls()) {
       <c8y-link-buttons
         [dashboardChild]="dashboardChild()"
         [isLinked]="isLinked()"
         [controls]="controls()"
         [config]="config()"
+        [isLoading]="isLoading()"
+        [emitRefresh]="emitRefresh()"
         (toggle)="onLinkToggle($event)"
+        (configChange)="onLocalChange($event)"
+        (refresh)="onLocalRefresh()"
       ></c8y-link-buttons>
-
-      @if (!isLinked()) {
-        <c8y-context-controls
-          [controls]="controls()"
-          displayMode="dashboard"
-          [config]="config()"
-          [isLoading]="isLoading()"
-          (configChange)="onLocalChange($event)"
-          (refresh)="onLocalRefresh()"
-        ></c8y-context-controls>
-      }
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: ContextControlsComponent, selector: "c8y-context-controls", inputs: ["controls", "displayMode", "config", "isLoading", "emitRefresh"], outputs: ["configChange", "refresh"] }, { kind: "component", type: LinkButtonsComponent, selector: "c8y-link-buttons", inputs: ["dashboardChild", "isLinked", "controls", "config"], outputs: ["toggle"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: LinkButtonsComponent, selector: "c8y-link-buttons", inputs: ["dashboardChild", "isLinked", "controls", "config", "displayMode", "isLoading", "emitRefresh"], outputs: ["toggle", "configChange", "refresh"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GlobalContextConnectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'c8y-global-context-connector',
                     standalone: true,
-                    imports: [ContextControlsComponent, LinkButtonsComponent],
+                    imports: [LinkButtonsComponent],
                     template: `
     @if (hasActiveControls()) {
       <c8y-link-buttons
@@ -12026,69 +12125,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         [isLinked]="isLinked()"
         [controls]="controls()"
         [config]="config()"
+        [isLoading]="isLoading()"
+        [emitRefresh]="emitRefresh()"
         (toggle)="onLinkToggle($event)"
+        (configChange)="onLocalChange($event)"
+        (refresh)="onLocalRefresh()"
       ></c8y-link-buttons>
-
-      @if (!isLinked()) {
-        <c8y-context-controls
-          [controls]="controls()"
-          displayMode="dashboard"
-          [config]="config()"
-          [isLoading]="isLoading()"
-          (configChange)="onLocalChange($event)"
-          (refresh)="onLocalRefresh()"
-        ></c8y-context-controls>
-      }
     }
   `
                 }]
-        }], ctorParameters: () => [], propDecorators: { controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChild: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: true }] }], linked: [{ type: i0.Input, args: [{ isSignal: true, alias: "linked", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }], linkedChange: [{ type: i0.Output, args: ["linkedChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], dashboardChildInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: false }] }], linked: [{ type: i0.Input, args: [{ isSignal: true, alias: "linked", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }], linkedChange: [{ type: i0.Output, args: ["linkedChange"] }] } });
 
 class LocalControlsComponent {
     constructor() {
+        this.injectedDashboardChild = inject(DashboardChildComponent, { optional: true });
+        this.headerTemplate = inject(HeaderTemplateService);
+        this.headerTemplateRef = viewChild('headerContent', ...(ngDevMode ? [{ debugName: "headerTemplateRef", read: TemplateRef }] : [{ read: TemplateRef }]));
         this.controls = input(PRESET_NAME.DEFAULT, ...(ngDevMode ? [{ debugName: "controls" }] : []));
-        this.displayMode = input(GLOBAL_CONTEXT_DISPLAY_MODE.CONFIG, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
+        this.displayMode = input(GLOBAL_CONTEXT_DISPLAY_MODE.VIEW_AND_CONFIG, ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
         this.config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
         this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.emitRefresh = input(true, ...(ngDevMode ? [{ debugName: "emitRefresh" }] : []));
+        /** Explicit override; falls back to DI-injected DashboardChildComponent. */
+        this.dashboardChildInput = input(undefined, ...(ngDevMode ? [{ debugName: "dashboardChildInput", alias: 'dashboardChild' }] : [{ alias: 'dashboardChild' }]));
+        this.resolvedDashboardChild = computed(() => this.dashboardChildInput() ?? this.injectedDashboardChild ?? null, ...(ngDevMode ? [{ debugName: "resolvedDashboardChild" }] : []));
         this.configChange = output();
         this.refresh = output();
+        this.headerTemplate.register({
+            getDashboardChild: () => this.resolvedDashboardChild(),
+            getTemplateRef: () => this.headerTemplateRef(),
+            priority: 50
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: LocalControlsComponent, isStandalone: true, selector: "c8y-local-controls", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh" }, host: { attributes: { "data-local-controls": "true" }, properties: { "class.disabled": "disabled()" } }, ngImport: i0, template: `
-    <div [class.disabled-overlay]="disabled()">
-      <c8y-context-controls
-        [controls]="controls()"
-        [displayMode]="displayMode()"
-        [config]="config()"
-        [isLoading]="isLoading()"
-        [emitRefresh]="emitRefresh()"
-        (configChange)="configChange.emit($event)"
-        (refresh)="refresh.emit()"
-      ></c8y-context-controls>
-    </div>
-  `, isInline: true, styles: [".disabled-overlay{position:relative;cursor:not-allowed}.disabled-overlay:after{content:\"\";position:absolute;inset:0;z-index:10}\n"], dependencies: [{ kind: "component", type: ContextControlsComponent, selector: "c8y-context-controls", inputs: ["controls", "displayMode", "config", "isLoading", "emitRefresh"], outputs: ["configChange", "refresh"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LocalControlsComponent, isStandalone: true, selector: "c8y-local-controls", inputs: { controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, emitRefresh: { classPropertyName: "emitRefresh", publicName: "emitRefresh", isSignal: true, isRequired: false, transformFunction: null }, dashboardChildInput: { classPropertyName: "dashboardChildInput", publicName: "dashboardChild", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { configChange: "configChange", refresh: "refresh" }, host: { attributes: { "data-local-controls": "true" }, properties: { "class.disabled": "disabled()" } }, providers: [HeaderTemplateService], viewQueries: [{ propertyName: "headerTemplateRef", first: true, predicate: ["headerContent"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: `
+    <ng-template #headerContent>
+      <div class="c8y-header-controls-group">
+        <c8y-context-controls
+          [controls]="controls()"
+          [displayMode]="displayMode()"
+          [config]="config()"
+          [isLoading]="isLoading()"
+          [emitRefresh]="emitRefresh()"
+          (configChange)="configChange.emit($event)"
+          (refresh)="refresh.emit()"
+        ></c8y-context-controls>
+      </div>
+    </ng-template>
+
+    @if (!resolvedDashboardChild() || disabled()) {
+      <div [class.disabled-overlay]="disabled()">
+        <c8y-context-controls
+          [controls]="controls()"
+          [displayMode]="displayMode()"
+          [config]="config()"
+          [isLoading]="isLoading()"
+          [emitRefresh]="emitRefresh()"
+          (configChange)="configChange.emit($event)"
+          (refresh)="refresh.emit()"
+        ></c8y-context-controls>
+      </div>
+    }
+  `, isInline: true, styles: [".disabled-overlay{position:relative;cursor:not-allowed}.disabled-overlay:after{content:\"\";position:absolute;inset:0;z-index:10}\n"], dependencies: [{ kind: "component", type: ContextControlsComponent, selector: "c8y-context-controls", inputs: ["controls", "displayMode", "config", "isLoading", "emitRefresh"], outputs: ["configChange", "refresh"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-local-controls', standalone: true, imports: [ContextControlsComponent], host: {
+            args: [{ selector: 'c8y-local-controls', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ContextControlsComponent], providers: [HeaderTemplateService], host: {
                         'data-local-controls': 'true',
                         '[class.disabled]': 'disabled()'
                     }, template: `
-    <div [class.disabled-overlay]="disabled()">
-      <c8y-context-controls
-        [controls]="controls()"
-        [displayMode]="displayMode()"
-        [config]="config()"
-        [isLoading]="isLoading()"
-        [emitRefresh]="emitRefresh()"
-        (configChange)="configChange.emit($event)"
-        (refresh)="refresh.emit()"
-      ></c8y-context-controls>
-    </div>
+    <ng-template #headerContent>
+      <div class="c8y-header-controls-group">
+        <c8y-context-controls
+          [controls]="controls()"
+          [displayMode]="displayMode()"
+          [config]="config()"
+          [isLoading]="isLoading()"
+          [emitRefresh]="emitRefresh()"
+          (configChange)="configChange.emit($event)"
+          (refresh)="refresh.emit()"
+        ></c8y-context-controls>
+      </div>
+    </ng-template>
+
+    @if (!resolvedDashboardChild() || disabled()) {
+      <div [class.disabled-overlay]="disabled()">
+        <c8y-context-controls
+          [controls]="controls()"
+          [displayMode]="displayMode()"
+          [config]="config()"
+          [isLoading]="isLoading()"
+          [emitRefresh]="emitRefresh()"
+          (configChange)="configChange.emit($event)"
+          (refresh)="refresh.emit()"
+        ></c8y-context-controls>
+      </div>
+    }
   `, styles: [".disabled-overlay{position:relative;cursor:not-allowed}.disabled-overlay:after{content:\"\";position:absolute;inset:0;z-index:10}\n"] }]
-        }], propDecorators: { controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }] } });
+        }], ctorParameters: () => [], propDecorators: { headerTemplateRef: [{ type: i0.ViewChild, args: ['headerContent', { ...{ read: TemplateRef }, isSignal: true }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], emitRefresh: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitRefresh", required: false }] }], dashboardChildInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardChild", required: false }] }], configChange: [{ type: i0.Output, args: ["configChange"] }], refresh: [{ type: i0.Output, args: ["refresh"] }] } });
 
 /** @deprecated Use LocalControlsComponent or GlobalContextConnectorComponent instead */
 
@@ -12111,5 +12246,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_ICON_TYPE, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, AggregationDisplayComponent, AggregationPickerComponent, AggregationPickerService, AggregationValidationService, AutoRefreshControlComponent, CONTEXT_FEATURE, CONTROL_PRESETS, ConfigContextSelectorComponent, ConfigModeControls, ConfigModeControls as ConfigModeControlsComponent, ConfigurationCollapseComponent, ConfigurationControlsComponent, ContextControlsComponent$1 as ContextControlsComponent, DEFAULT_WIDGET_TEMPLATE, DateContextQueryParamNames, DateTimeContextPickerComponent, DateTimeContextPickerService, DateTimeContextUtil, GLOBAL_CONTEXT_DASHBOARD_PATHS, GLOBAL_CONTEXT_DEFAULTS, GLOBAL_CONTEXT_DISPLAY_MODE, GLOBAL_CONTEXT_EVENTS, GLOBAL_CONTEXT_SOURCE, GlobalContextComponent, GlobalContextConfigComponent, GlobalContextConnectorComponent, GlobalContextEventService, GlobalContextFormService, GlobalContextInlineComponent, GlobalContextLinkControlsComponent, GlobalContextModule, GlobalContextNavigationService, GlobalContextQueryService, GlobalContextService, GlobalContextUtilsService, GlobalContextValidationService, GlobalContextWidgetConfigComponent, GlobalContextWidgetWrapperComponent, HistoryModeConfigurationControlsComponent, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent, LINK_BTNS_CONFIG, LinkButtonsComponent, LiveModeConfigurationControlsComponent, LocalControlsComponent, PRESET_NAME, PreviewControlsComponent, REFRESH_OPTION, ROUTE_PATHS, RealtimeControlComponent, TIME_DURATION, TIME_INTERVAL, TIME_SPAN_MS, TIMING, TimeRangeDisplayComponent, UI_PRIORITIES, WIDGET_DISPLAY_MODE, WIDGET_FEATURE_MAP, WidgetConfigMigrationService, WidgetControlService, applyModeConstraints, buildAggregationExtensions, buildBaselineControls, buildWidgetControlsFromPresets, controlsToSettings, createAutoRefreshHandlers, createResult, defineWidgetControls, getSupportedModes, guards, isAggregationLinked, isAggregationUnlinked, isAutoRefreshDisabled, isAutoRefreshEnabled, isConfig, isDashboard, isDateTimeContextLinked, isDateTimeContextUnlinked, isHistory, isLive, isViewAndConfig, mergePartialControls, resolveWidgetControlsInput, setAutoRefreshControlsVisibility, setAutoRefreshLinks, updateBothSettings };
+export { AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_ICON_TYPE, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, AggregationDisplayComponent, AggregationPickerComponent, AggregationPickerService, AggregationValidationService, AutoRefreshControlComponent, CONTEXT_FEATURE, CONTROL_PRESETS, ConfigContextSelectorComponent, ConfigModeControls, ConfigModeControls as ConfigModeControlsComponent, ConfigurationCollapseComponent, ConfigurationControlsComponent, ContextControlsComponent$1 as ContextControlsComponent, DEFAULT_WIDGET_TEMPLATE, DateContextQueryParamNames, DateTimeContextPickerComponent, DateTimeContextPickerService, DateTimeContextUtil, GLOBAL_CONTEXT_DASHBOARD_PATHS, GLOBAL_CONTEXT_DEFAULTS, GLOBAL_CONTEXT_DISPLAY_MODE, GLOBAL_CONTEXT_EVENTS, GLOBAL_CONTEXT_SOURCE, GlobalContextComponent, GlobalContextConfigComponent, GlobalContextConnectorComponent, GlobalContextEventService, GlobalContextFormService, GlobalContextInlineComponent, GlobalContextLinkControlsComponent, GlobalContextModule, GlobalContextNavigationService, GlobalContextQueryService, GlobalContextService, GlobalContextUtilsService, GlobalContextValidationService, GlobalContextWidgetConfigComponent, GlobalContextWidgetWrapperComponent, HistoryModeConfigurationControlsComponent, INTERVALS, INTERVAL_TITLES, IntervalPickerComponent, LIFETIME_INTERVAL, LINK_BTNS_CONFIG, LinkButtonsComponent, LiveModeConfigurationControlsComponent, LocalControlsComponent, PRESET_NAME, PreviewControlsComponent, REFRESH_OPTION, ROUTE_PATHS, RealtimeControlComponent, TIME_DURATION, TIME_INTERVAL, TIME_SPAN_MS, TIMING, TimeRangeDisplayComponent, UI_PRIORITIES, WIDGET_DISPLAY_MODE, WIDGET_FEATURE_MAP, WidgetConfigMigrationService, WidgetControlService, applyModeConstraints, buildAggregationExtensions, buildBaselineControls, buildWidgetControlsFromPresets, controlsToSettings, createAutoRefreshHandlers, createResult, defineWidgetControls, getSupportedModes, guards, isAggregationLinked, isAggregationUnlinked, isAutoRefreshDisabled, isAutoRefreshEnabled, isConfig, isDashboard, isDateTimeContextLinked, isDateTimeContextUnlinked, isHistory, isLive, isViewAndConfig, mergePartialControls, resolveWidgetControlsInput, setAutoRefreshControlsVisibility, setAutoRefreshLinks, updateBothSettings };
 //# sourceMappingURL=c8y-ngx-components-global-context.mjs.map