@acorex/modules 21.0.0-next.88 → 21.0.0-next.89

package/fesm2022/{acorex-modules-dashboard-management-acorex-modules-dashboard-management-Lx3VuIg6.mjs → acorex-modules-dashboard-management-acorex-modules-dashboard-management-DLuhOPFz.mjs}

@@ -1,14 +1,14 @@
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { AXP_PROTECTED_ROUTE_GUARDS, AXP_HOME_PAGES, AXP_HOME_PAGE_DEFAULT_KEY, AXP_MENU_PROVIDER, AXPSettingsService } from '@acorex/platform/common';
-import { AXPDataSourceDefinitionProviderService, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider, AXPDeviceService } from '@acorex/platform/core';
-import { AXPStateMessageComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPWidgetPropertyViewerComponent, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
-import { AXPEntityService, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPEntityCommandScope, AXPSettingsService, AXP_PROTECTED_ROUTE_GUARDS, AXP_HOME_PAGES, AXP_HOME_PAGE_DEFAULT_KEY, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { AXPDataSourceDefinitionProviderService, AXPDeviceService, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider } from '@acorex/platform/core';
+import { AXPStateMessageComponent, AXPWidgetPropertyViewerComponent, AXP_PAGE_COMPONENT_PROVIDER, AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
+import { AXPEntityService, cloneLayoutArrays, ensureLayoutSection, ensureLayoutPropertyView, resolveEntityPluginDetailPageOrder, ensureListActions, actionExists, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex/platform/layout/entity';
 import * as i3$2 from '@acorex/platform/layout/widget-core';
-import { AXPBaseWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPValueWidgetComponent, createStringProperty, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER, AXPWidgetRendererDirective } from '@acorex/platform/layout/widget-core';
+import { AXPBaseWidgetComponent, cloneProperty, AXPWidgetGroupEnum, AXPValueWidgetComponent, createStringProperty, AXPWidgetRendererDirective, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_APPEARANCE_PROPERTY_GROUP, AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_COLOR_PROPERTY, AXP_BG_COLOR_PROPERTY, AXPWidgetsModule } from '@acorex/platform/layout/widgets';
 import * as i0 from '@angular/core';
-import { Injectable, inject, DestroyRef, afterNextRender, signal, effect, computed, ChangeDetectionStrategy, Component, InjectionToken, viewChild, input, ElementRef, ChangeDetectorRef, HostBinding, linkedSignal, HostListener, NgModule, output, contentChild, ViewEncapsulation, untracked, model } from '@angular/core';
-import { AXPSystemActionType, AXPWidgetsCatalog, AXPDataGenerator, AXPWidgetsList, AXPPlatformScope } from '@acorex/platform/contracts';
+import { Injectable, inject, DestroyRef, afterNextRender, signal, effect, computed, ChangeDetectionStrategy, Component, InjectionToken, viewChild, input, ElementRef, ChangeDetectorRef, HostBinding, linkedSignal, HostListener, output, contentChild, ViewEncapsulation, NgModule, untracked, model } from '@angular/core';
+import { AXPSystemActionType, AXPWidgetsCatalog, AXPDataGenerator, createMultiLanguageString, AXPPlatformScope, AXPWidgetsList } from '@acorex/platform/contracts';
 import { AXPCommonMenuKeys, AXP_GLOBAL_SEARCH_CONFIG_TOKEN } from '@acorex/modules/common';
 import { firstValueFrom, Subject, map, Observable, catchError, throwError, of, finalize, interval, switchMap, fromEvent } from 'rxjs';
 import * as i4 from '@acorex/core/translation';
@@ -50,21 +50,23 @@ import * as i1$3 from '@acorex/components/wysiwyg';
 import { AXWysiwygModule } from '@acorex/components/wysiwyg';
 import * as i2$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { createQueryView, entityMasterCrudActions, entityMasterRecordActions } from '@acorex/platform/layout/entity-contracts';
+import { get, isString, isArray, castArray, set } from 'lodash-es';
+import { AXP_WIDGET_PICKER_TAB_CONTEXT, AXPWidgetPickerService, AXPDesignerService } from '@acorex/platform/layout/designer';
 import { RootConfig as RootConfig$1 } from '@acorex/modules/security-management';
 import { AXDialogService } from '@acorex/components/dialog';
-import { AXP_WIDGET_PICKER_TAB_CONTEXT, AXPWidgetPickerService, AXPDesignerService } from '@acorex/platform/layout/designer';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import { AXBasePageComponent } from '@acorex/components/page';
-import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
-import { AXButtonGroupModule } from '@acorex/components/button-group';
+import * as i1$4 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
 import * as i3$1 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
+import { ActivatedRoute } from '@angular/router';
+import { createQueryView, entityMasterCrudActions, entityMasterRecordActions } from '@acorex/platform/layout/entity-contracts';
+import { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';
+import { AXButtonGroupModule } from '@acorex/components/button-group';
 import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
-import * as i1$4 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
 import { AXLabelModule } from '@acorex/components/label';
 import * as i5 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
@@ -5040,7 +5042,7 @@ class AXPWeatherWidgetViewComponent extends AXPDashboardWidgetComponent {
                 provide: AXPWeatherApiAbstract,
                 useClass: AXPWeatherApiService,
             },
-        ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Weather Widget Component Template -->\n<div class=\"axp-weather-container\" #containerElement>\n  <!-- Loading indicator -->\n  @if (isLoading()) {\n    <div class=\"axp-weather-loading-overlay\">\n      <div class=\"axp-weather-loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span>{{ '@dashboard:weather.loading' | translate | async }}</span>\n      </div>\n    </div>\n  }\n\n  <!-- Error message -->\n  @if (hasError()) {\n    <axp-state-message\n      mode=\"error\"\n      icon=\"fa-solid fa-exclamation-triangle\"\n      [title]=\"'@dashboard:weather.error.title'\"\n      [description]=\"errorMessage()\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-retry-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.retry' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n\n  <!-- Weather content - only show when we have data -->\n  @if (weatherData()) {\n    <!-- Background decorations based on weather condition -->\n    <div class=\"axp-weather-background-decorations\">\n      <div class=\"axp-weather-decoration\" [ngClass]=\"weatherData()?.current?.condition?.toLowerCase()\"></div>\n      <div class=\"axp-weather-gradient-overlay\"></div>\n    </div>\n\n    <div class=\"axp-weather-inner\">\n      <!-- Location information section -->\n      <div class=\"axp-weather-location-info\">\n        <div class=\"axp-weather-location-icon\">\n          <i class=\"fa-solid fa-location-dot\"></i>\n        </div>\n        <div class=\"axp-weather-location-text\">\n          <h2 class=\"axp-weather-location-name\">{{ city() }}</h2>\n        </div>\n      </div>\n\n      <!-- Current weather conditions section -->\n      <div class=\"axp-weather-current-weather\">\n        <!-- Weather icon and condition name -->\n        @if (showCurrentCondition()) {\n          <div class=\"axp-weather-condition\">\n            <div class=\"axp-weather-icon-wrapper\">\n              <div class=\"axp-weather-icon\">\n                <img [src]=\"getConditionIcon(weatherData()?.current?.condition || '')\" />\n              </div>\n              <div\n                class=\"axp-weather-icon-glow\"\n                [style.background-color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n              ></div>\n            </div>\n            <div class=\"axp-weather-condition-name\">\n              {{ getCurrentCondition() | translate | async }}\n            </div>\n          </div>\n        }\n\n        <!-- Temperature display -->\n        @if (showTemperature()) {\n          <div class=\"axp-weather-temperature\">\n            <span class=\"axp-weather-temperature-value\">{{ getCurrentTemperature() }}</span>\n            <span class=\"axp-weather-temperature-unit\">{{ getTemperatureUnit() | translate | async }}</span>\n          </div>\n        }\n      </div>\n\n      <!-- Weather details section (humidity and wind) -->\n      @if (showHumidity() || showWind()) {\n        <div class=\"axp-weather-details\">\n          <!-- Humidity information -->\n          @if (showHumidity()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-droplet\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.humidity' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">{{ getHumidity() }}%</div>\n              </div>\n            </div>\n          }\n\n          <!-- Wind speed information -->\n          @if (showWind()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-wind\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.wind' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">\n                  {{ getWindSpeed() }} {{ getWindSpeedUnit() | translate | async }}\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      <!-- Weather forecast section -->\n      @if (showForecast() && weatherData()?.forecast) {\n        <div class=\"axp-weather-forecast\">\n          <div class=\"axp-weather-forecast-header\">\n            <h3 class=\"axp-weather-forecast-title\">\n              <i class=\"fa-solid fa-calendar-days\"></i>\n              <span class=\"ax-px-1\">{{ '@dashboard:weather.forecast' | translate | async }}</span>\n            </h3>\n          </div>\n          <!-- Loading indicator for forecast -->\n          <!-- @if (isForecastLoading()) {\n            <div class=\"axp-weather-forecast-loading\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              <span>{{ '@dashboard:weather.loading-forecast' | translate | async }}</span>\n            </div>\n          } -->\n          <!-- Scrollable forecast days display -->\n          <div class=\"axp-weather-forecast-items\">\n            @for (day of displayedForecast(); track day.day) {\n              <div class=\"axp-weather-forecast-day\">\n                <div class=\"axp-weather-forecast-day-name\">\n                  {{ getDayName(parseDate(day.date)) | translate | async }}\n                </div>\n                <div class=\"axp-weather-forecast-icon\" [title]=\"getConditionName(day.condition) | translate | async\">\n                  <img [src]=\"getConditionIcon(day.condition || '')\" />\n                </div>\n                <div class=\"axp-weather-forecast-temps\">\n                  <span class=\"axp-weather-forecast-low\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.minTempC : day.minTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                  <span class=\"axp-weather-forecast-high\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.maxTempC : day.maxTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      <!-- Last updated timestamp -->\n      <div class=\"axp-weather-last-updated\">\n        <span>{{ '@dashboard:weather.last-updated' | translate | async }}: {{ getLastUpdated() }}</span>\n      </div>\n\n      <!-- Manual refresh button -->\n      <div class=\"axp-weather-refresh-action\">\n        <button\n          class=\"axp-weather-refresh-button\"\n          (click)=\"refreshWeather()\"\n          [attr.aria-label]=\"'@dashboard:weather.refresh' | translate | async\"\n          [title]=\"'@dashboard:weather.refresh' | translate | async\"\n        >\n          <i class=\"fa-solid fa-sync-alt\"></i>\n          <span>{{ '@dashboard:weather.refresh' | translate | async }}</span>\n        </button>\n      </div>\n    </div>\n  } @else if (!isLoading() && !hasError()) {\n    <!-- No data state (not loading, no error) -->\n    <axp-state-message\n      icon=\"fa-solid fa-cloud-sun\"\n      [title]=\"'@dashboard:weather.no-data.title'\"\n      [description]=\"'@dashboard:weather.no-data.description'\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-refresh-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.load-data' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;--primary-gradient-start: #2196f3;--primary-gradient-end: #1976d2;--shadow-color: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-speed: .3s}.axp-weather-container{width:100%;height:100%;overflow:hidden;position:relative;box-shadow:0 4px 8px #0000001a;min-height:300px}.axp-weather-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c3e50d9;display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-loading-spinner{text-align:center}.axp-weather-loading-spinner i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-loading-spinner span{display:block;color:#fff;font-size:1rem}.axp-weather-background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.axp-weather-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.axp-weather-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.axp-weather-inner{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.axp-weather-location-info{display:flex;align-items:center;margin-bottom:1.5rem}.axp-weather-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:50%;margin-right:.75rem}.axp-weather-location-icon i{color:#fff}.axp-weather-location-name{margin:0;font-size:1.5rem;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:capitalize}.axp-weather-current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.axp-weather-condition{display:flex;flex-direction:column;align-items:center}.axp-weather-icon-wrapper{position:relative;margin-bottom:.5rem}.axp-weather-icon{position:relative;z-index:2;scale:2}.axp-weather-icon i{font-size:2.75rem;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.axp-weather-icon-glow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;filter:blur(15px);opacity:.4}.axp-weather-condition-name{font-size:1.1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.axp-weather-temperature{display:flex;align-items:flex-start;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.axp-weather-temperature-value{font-size:3.5rem;font-weight:500;line-height:1}.axp-weather-temperature-unit{font-size:1.5rem;margin-top:.25rem}.axp-weather-details{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem;border-radius:8px}.axp-weather-detail-item{display:flex;align-items:center;flex:1;min-width:120px}.axp-weather-detail-icon{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.axp-weather-detail-icon i{font-size:1.25rem}.axp-weather-detail-info{display:flex;padding-inline:.25rem;flex-direction:column}.axp-weather-detail-label{font-size:.875rem;margin-bottom:.25rem}.axp-weather-detail-value{font-size:1.125rem;font-weight:500}.axp-weather-forecast{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));margin-bottom:.5rem;border-radius:8px;padding:1rem}.axp-weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.axp-weather-forecast-title{margin:0;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.axp-weather-forecast-title i{margin-right:.5rem;opacity:.8}.axp-weather-scroll-indicator{color:#fff9}.axp-weather-forecast-items{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.axp-weather-forecast-items::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.axp-weather-forecast-day{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));min-width:90px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:6px;transition:all .3s ease}.axp-weather-forecast-day:hover{transform:translateY(-2px)}.axp-weather-forecast-day-name{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.axp-weather-forecast-icon{font-size:1.5rem;margin-bottom:.5rem}.axp-weather-forecast-icon i{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.axp-weather-forecast-temps{display:flex;flex-direction:row;gap:.75rem;align-items:center;font-size:.775rem}.axp-weather-last-updated{text-align:center;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.axp-weather-refresh-action{text-align:center}.axp-weather-refresh-button{background-color:#fff3;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-refresh-button:hover{background-color:#ffffff4d;transform:translateY(-1px)}.axp-weather-refresh-button i{font-size:.875rem}@media(max-width:576px){.axp-weather-inner{padding:.8rem;gap:.4rem}.axp-weather-location-name{font-size:1.1rem;padding-inline:.25rem}.axp-weather-temperature{font-size:2.5rem}.axp-weather-temperature-unit{font-size:1.1rem}.axp-weather-weather-details{flex-direction:column;gap:.5rem}.axp-weather-forecast-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin:0 -.4rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;mask-image:linear-gradient(to right,#000 95%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 95%,rgba(0,0,0,0))}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.axp-weather-forecast-day{min-width:60px;flex:0 0 auto;padding:.4rem .6rem}.axp-weather-forecast-day-name{font-size:.7rem}.axp-weather-forecast-icon{padding:.3rem;height:1.6rem}.axp-weather-forecast-temps{font-size:.7rem}.axp-weather-scroll-indicator{display:block}}:host-context(.theme-dark){--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Weather Widget Component Template -->\n<div class=\"axp-weather-container\" #containerElement>\n  <!-- Loading indicator -->\n  @if (isLoading()) {\n    <div class=\"axp-weather-loading-overlay\">\n      <div class=\"axp-weather-loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span>{{ '@dashboard:weather.loading' | translate | async }}</span>\n      </div>\n    </div>\n  }\n\n  <!-- Error message -->\n  @if (hasError()) {\n    <axp-state-message\n      mode=\"error\"\n      icon=\"fa-solid fa-exclamation-triangle\"\n      [title]=\"'@dashboard:weather.error.title'\"\n      [description]=\"errorMessage()\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-retry-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.retry' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n\n  <!-- Weather content - only show when we have data -->\n  @if (weatherData()) {\n    <!-- Background decorations based on weather condition -->\n    <div class=\"axp-weather-background-decorations\">\n      <div class=\"axp-weather-decoration\" [ngClass]=\"weatherData()?.current?.condition?.toLowerCase()\"></div>\n      <div class=\"axp-weather-gradient-overlay\"></div>\n    </div>\n\n    <div class=\"axp-weather-inner\">\n      <!-- Location information section -->\n      <div class=\"axp-weather-location-info\">\n        <div class=\"axp-weather-location-icon\">\n          <i class=\"fa-solid fa-location-dot\"></i>\n        </div>\n        <div class=\"axp-weather-location-text\">\n          <h2 class=\"axp-weather-location-name\">{{ city() }}</h2>\n        </div>\n      </div>\n\n      <!-- Current weather conditions section -->\n      <div class=\"axp-weather-current-weather\">\n        <!-- Weather icon and condition name -->\n        @if (showCurrentCondition()) {\n          <div class=\"axp-weather-condition\">\n            <div class=\"axp-weather-icon-wrapper\">\n              <div class=\"axp-weather-icon\">\n                <img [src]=\"getConditionIcon(weatherData()?.current?.condition || '')\" />\n              </div>\n              <div\n                class=\"axp-weather-icon-glow\"\n                [style.background-color]=\"getConditionColor(weatherData()?.current?.condition || '')\"\n              ></div>\n            </div>\n            <div class=\"axp-weather-condition-name\">\n              {{ getCurrentCondition() | translate | async }}\n            </div>\n          </div>\n        }\n\n        <!-- Temperature display -->\n        @if (showTemperature()) {\n          <div class=\"axp-weather-temperature\">\n            <span class=\"axp-weather-temperature-value\">{{ getCurrentTemperature() }}</span>\n            <span class=\"axp-weather-temperature-unit\">{{ getTemperatureUnit() | translate | async }}</span>\n          </div>\n        }\n      </div>\n\n      <!-- Weather details section (humidity and wind) -->\n      @if (showHumidity() || showWind()) {\n        <div class=\"axp-weather-details\">\n          <!-- Humidity information -->\n          @if (showHumidity()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-droplet\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.humidity' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">{{ getHumidity() }}%</div>\n              </div>\n            </div>\n          }\n\n          <!-- Wind speed information -->\n          @if (showWind()) {\n            <div class=\"axp-weather-detail-item\">\n              <div class=\"axp-weather-detail-icon\">\n                <i class=\"fa-solid fa-wind\"></i>\n              </div>\n              <div class=\"axp-weather-detail-info\">\n                <div class=\"axp-weather-detail-label\">\n                  {{ '@dashboard:weather.wind' | translate | async }}\n                </div>\n                <div class=\"axp-weather-detail-value\">\n                  {{ getWindSpeed() }} {{ getWindSpeedUnit() | translate | async }}\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      <!-- Weather forecast section -->\n      @if (showForecast() && weatherData()?.forecast) {\n        <div class=\"axp-weather-forecast\">\n          <div class=\"axp-weather-forecast-header\">\n            <h3 class=\"axp-weather-forecast-title\">\n              <i class=\"fa-solid fa-calendar-days\"></i>\n              <span class=\"ax-px-1\">{{ '@dashboard:weather.forecast' | translate | async }}</span>\n            </h3>\n          </div>\n          <!-- Loading indicator for forecast -->\n          <!-- @if (isForecastLoading()) {\n            <div class=\"axp-weather-forecast-loading\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              <span>{{ '@dashboard:weather.loading-forecast' | translate | async }}</span>\n            </div>\n          } -->\n          <!-- Scrollable forecast days display -->\n          <div class=\"axp-weather-forecast-items\">\n            @for (day of displayedForecast(); track day.day) {\n              <div class=\"axp-weather-forecast-day\">\n                <div class=\"axp-weather-forecast-day-name\">\n                  {{ getDayName(parseDate(day.date)) | translate | async }}\n                </div>\n                <div class=\"axp-weather-forecast-icon\" [title]=\"getConditionName(day.condition) | translate | async\">\n                  <img [src]=\"getConditionIcon(day.condition || '')\" />\n                </div>\n                <div class=\"axp-weather-forecast-temps\">\n                  <span class=\"axp-weather-forecast-low\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.minTempC : day.minTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                  <span class=\"axp-weather-forecast-high\">\n                    {{ temperatureUnit() === '\u00B0C' ? day.maxTempC : day.maxTempF\n                    }}{{ getTemperatureUnit() | translate | async }}\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n      <!-- Last updated timestamp -->\n      <div class=\"axp-weather-last-updated\">\n        <span>{{ '@dashboard:weather.last-updated' | translate | async }}: {{ getLastUpdated() }}</span>\n      </div>\n\n      <!-- Manual refresh button -->\n      <div class=\"axp-weather-refresh-action\">\n        <button\n          class=\"axp-weather-refresh-button\"\n          (click)=\"refreshWeather()\"\n          [attr.aria-label]=\"'@dashboard:weather.refresh' | translate | async\"\n          [title]=\"'@dashboard:weather.refresh' | translate | async\"\n        >\n          <i class=\"fa-solid fa-sync-alt\"></i>\n          <span>{{ '@dashboard:weather.refresh' | translate | async }}</span>\n        </button>\n      </div>\n    </div>\n  } @else if (!isLoading() && !hasError()) {\n    <!-- No data state (not loading, no error) -->\n    <axp-state-message\n      icon=\"fa-solid fa-cloud-sun\"\n      [title]=\"'@dashboard:weather.no-data.title'\"\n      [description]=\"'@dashboard:weather.no-data.description'\"\n    >\n      <button slot=\"actions\" class=\"axp-weather-refresh-button\" (click)=\"refreshWeather()\">\n        <i class=\"fa-solid fa-sync-alt\"></i>\n        <span>{{ '@dashboard:weather.load-data' | translate | async }}</span>\n      </button>\n    </axp-state-message>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%;--primary-gradient-start: #2196f3;--primary-gradient-end: #1976d2;--shadow-color: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-speed: .3s}.axp-weather-container{width:100%;height:100%;overflow:hidden;position:relative;box-shadow:0 4px 8px #0000001a;min-height:300px}.axp-weather-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c3e50d9;display:flex;justify-content:center;align-items:center;z-index:100}.axp-weather-loading-spinner{text-align:center}.axp-weather-loading-spinner i{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.axp-weather-loading-spinner span{display:block;color:#fff;font-size:1rem}.axp-weather-background-decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.axp-weather-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.axp-weather-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.axp-weather-inner{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.axp-weather-location-info{display:flex;align-items:center;margin-bottom:1.5rem}.axp-weather-location-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:50%;margin-right:.75rem}.axp-weather-location-icon i{color:#fff}.axp-weather-location-name{margin:0;font-size:1.5rem;font-weight:500;text-shadow:1px 1px 3px rgba(0,0,0,.2);text-transform:capitalize}.axp-weather-current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.axp-weather-condition{display:flex;flex-direction:column;align-items:center}.axp-weather-icon-wrapper{position:relative;margin-bottom:.5rem}.axp-weather-icon{position:relative;z-index:2;scale:2}.axp-weather-icon i{font-size:2.75rem;filter:drop-shadow(0 0 8px rgba(0,0,0,.3))}.axp-weather-icon-glow{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;filter:blur(15px);opacity:.4}.axp-weather-condition-name{font-size:1.1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.axp-weather-temperature{display:flex;align-items:flex-start;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.axp-weather-temperature-value{font-size:3.5rem;font-weight:500;line-height:1}.axp-weather-temperature-unit{font-size:1.5rem;margin-top:.25rem}.axp-weather-details{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem;border-radius:8px}.axp-weather-detail-item{display:flex;align-items:center;flex:1;min-width:120px}.axp-weather-detail-icon{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.axp-weather-detail-icon i{font-size:1.25rem}.axp-weather-detail-info{display:flex;padding-inline:.25rem;flex-direction:column}.axp-weather-detail-label{font-size:.875rem;margin-bottom:.25rem}.axp-weather-detail-value{font-size:1.125rem;font-weight:500}.axp-weather-forecast{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-darker-surface),var(--tw-bg-opacity, 1));margin-bottom:.5rem;border-radius:8px;padding:1rem}.axp-weather-forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.axp-weather-forecast-title{margin:0;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.axp-weather-forecast-title i{margin-right:.5rem;opacity:.8}.axp-weather-scroll-indicator{color:#fff9}.axp-weather-forecast-items{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.axp-weather-forecast-items::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.axp-weather-forecast-day{--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-surface),var(--tw-bg-opacity, 1));min-width:90px;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;border-radius:6px;transition:all .3s ease}.axp-weather-forecast-day:hover{transform:translateY(-2px)}.axp-weather-forecast-day-name{font-size:.875rem;margin-bottom:.5rem;font-weight:500}.axp-weather-forecast-icon{font-size:1.5rem;margin-bottom:.5rem}.axp-weather-forecast-icon i{filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.axp-weather-forecast-temps{display:flex;flex-direction:row;gap:.75rem;align-items:center;font-size:.775rem}.axp-weather-last-updated{text-align:center;font-size:.75rem;opacity:.7;margin-bottom:.5rem}.axp-weather-refresh-action{text-align:center}.axp-weather-refresh-button{background-color:#fff3;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.axp-weather-refresh-button:hover{background-color:#ffffff4d;transform:translateY(-1px)}.axp-weather-refresh-button i{font-size:.875rem}@media(max-width:576px){.axp-weather-inner{padding:.8rem;gap:.4rem}.axp-weather-location-name{font-size:1.1rem;padding-inline:.25rem}.axp-weather-temperature{font-size:2.5rem}.axp-weather-temperature-unit{font-size:1.1rem}.axp-weather-weather-details{flex-direction:column;gap:.5rem}.axp-weather-forecast-items{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;margin:0 -.4rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;mask-image:linear-gradient(to right,#000 95%,#0000);-webkit-mask-image:linear-gradient(to right,rgb(0,0,0) 95%,rgba(0,0,0,0))}.axp-weather-forecast-items::-webkit-scrollbar{height:4px}.axp-weather-forecast-items::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.axp-weather-forecast-day{min-width:60px;flex:0 0 auto;padding:.4rem .6rem}.axp-weather-forecast-day-name{font-size:.7rem}.axp-weather-forecast-icon{padding:.3rem;height:1.6rem}.axp-weather-forecast-temps{font-size:.7rem}.axp-weather-scroll-indicator{display:block}}:host-context(.theme-dark){--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPWeatherWidgetViewComponent, decorators: [{
             type: Component,
@@ -6253,363 +6255,272 @@ const AXPStickyNoteWidget = {
     },
 };
 
+//#region ---- Imports ----
+/** Component key used when display is `page`. Register via {@link AXP_PAGE_COMPONENT_PROVIDER}. */
+const ENTITY_DASHBOARD_PAGE_COMPONENT_KEY = 'entity-dashboard-page';
+//#endregion
+//#region ---- Plugin ----
+/**
+ * Dashboard plugin.
+ * - When display is `page` (default), adds a page tab with {@link ENTITY_DASHBOARD_PAGE_COMPONENT_KEY}.
+ * - When display is `section`, embeds the dashboard grid in the single layout.
+ * - Adds a list action to open the entity dashboard page.
+ */
+const dashboardPlugin = {
+    name: 'dashboard',
+    order: 45,
+    apply: (ctx, options) => {
+        const opts = options ?? {};
+        const displayMode = opts.display ?? 'page';
+        const displayTitle = opts.title?.trim() || '@dashboard-management:dashboards.terms.dashboard';
+        const entityType = `${ctx.entity.module}.${ctx.entity.name}`;
+        //#region ---- Group & Property ----
+        const groups = ctx.groups.list() ?? [];
+        if (!groups.some((g) => g.id === 'dashboard')) {
+            ctx.groups.add({ id: 'dashboard', title: displayTitle });
+        }
+        const props = ctx.properties.list();
+        if (!props.some((p) => p.name === 'entityDashboard')) {
+            ctx.properties.add({
+                name: 'entityDashboard',
+                title: displayTitle,
+                groupId: 'dashboard',
+                schema: {
+                    dataType: 'object',
+                    interface: {
+                        type: 'entity-dashboard',
+                        options: {
+                            entityType,
+                            entityId: '{{ context.eval("id") }}',
+                            subject: '{{ context.eval("title", { pipes: ["translate"] }) }}',
+                        },
+                    },
+                },
+            });
+        }
+        //#endregion
+        //#region ---- Display Mode ----
+        if (displayMode === 'section') {
+            ctx.interfaces.master.single.update((single) => {
+                const next = cloneLayoutArrays((single ?? { title: ctx.entity.title, sections: [], properties: [] }));
+                ensureLayoutSection(next, { id: 'dashboard', title: displayTitle, order: 90 });
+                ensureLayoutPropertyView(next, {
+                    name: 'entityDashboard',
+                    layout: {
+                        label: { visible: false },
+                        positions: { lg: { colSpan: 12, order: 6 } },
+                    },
+                });
+                return next;
+            });
+        }
+        else {
+            ctx.entity.pages ??= [];
+            const pageExists = ctx.entity.pages.some((p) => p.componentKey === ENTITY_DASHBOARD_PAGE_COMPONENT_KEY);
+            const pageOrder = resolveEntityPluginDetailPageOrder({ relatedEntities: ctx.entity.relatedEntities, pages: ctx.entity.pages }, 'dashboard', {
+                componentKey: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY,
+                skipPage: pageExists ? { componentKey: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY } : undefined,
+            });
+            const page = {
+                componentKey: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY,
+                title: displayTitle,
+                icon: opts.icon ?? 'fa-light fa-gauge-high',
+                layout: { order: pageOrder },
+            };
+            if (!pageExists) {
+                ctx.entity.pages.push(page);
+            }
+            else {
+                const pages = ctx.entity.pages;
+                const index = pages.findIndex((p) => p.componentKey === ENTITY_DASHBOARD_PAGE_COMPONENT_KEY);
+                if (index >= 0) {
+                    pages[index] = { ...pages[index], ...page };
+                }
+            }
+        }
+        //#endregion
+        //#region ---- List Actions ----
+        ensureListActions(ctx);
+        ctx.interfaces.update((i) => {
+            const actions = i.master.list.actions;
+            const cmdName = 'open-entity-dashboard';
+            if (!actionExists(actions, cmdName)) {
+                actions.push({
+                    title: '@dashboard-management:dashboards.actions.open-entity-dashboard',
+                    command: {
+                        name: cmdName,
+                        options: {
+                            entityId: '{{ context.eval("id") }}',
+                            entityType,
+                        },
+                    },
+                    priority: 'secondary',
+                    type: 'dashboard',
+                    separated: true,
+                    scope: AXPEntityCommandScope.Individual,
+                });
+            }
+            return i;
+        });
+        //#endregion
+        ctx.entity.extensions ??= {};
+        ctx.entity.extensions.dashboard = {
+            entityType,
+            display: displayMode,
+        };
+    },
+};
 //#endregion
-//#region ----   Dashboard Management Widgets Provider   ----
-const DASHBOARD_WIDGETS = [
-    AXPShortcutWidget,
-    AXPDonutChartWidget,
-    AXPBarChartWidget,
-    AXPLineChartWidget,
-    AXPFunnelChartWidget,
-    AXPHeatmapChartWidget,
-    AXPKpiProgressWidget,
-    AXPKpiSegmentedWidget,
-    AXPKpiDetailsWidget,
-    AXPKpiStatCardWidget,
-    AXPGaugeChartWidget,
-    AXPStickyNoteWidget,
-    AXPMinimalWeatherWidget,
-    AXPAdvancedWeatherWidget,
-    AXPAnalogClockWidget,
-];
-class AXMDashboardManagementWidgetsProvider {
-    getWidgets() {
-        return DASHBOARD_WIDGETS;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, decorators: [{
-            type: Injectable
-        }] });
 
-// Entity Modules
-function createAppRoute() {
-    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
+//#region ---- Imports ----
+//#endregion
+//#region ---- Builders ----
+function buildUserScopeRef(userId) {
+    return { userId: userId.trim() };
+}
+function buildTenantScopeRef(tenantId, roleIds) {
     return {
-        path: ':app',
-        canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
-        data: { rootLayout: true },
-        loadComponent: () => {
-            return config.viewers.root();
-        },
-        children: [
-            {
-                path: 'dashboard',
-                loadComponent: () => Promise.resolve().then(function () { return homeDashboard; }).then((c) => c.AXMDashboardHomeComponent),
-            },
-        ],
+        tenantId: tenantId.trim(),
+        roleIds: [...new Set(roleIds.map((id) => id.trim()).filter(Boolean))],
     };
 }
-class AXMDashboardManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, imports: [AXPWidgetCoreModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, providers: [
-            { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
-            {
-                provide: AXP_HOME_PAGES,
-                multi: true,
-                useFactory: () => [
-                    {
-                        key: 'dashboard',
-                        title: 'Dashboard',
-                        route: createAppRoute(),
-                    },
+function buildEntityScopeRef(entityType, entityId) {
+    return {
+        entityType: entityType.trim(),
+        entityId: entityId.trim(),
+    };
+}
+//#endregion
+//#region ---- Readers ----
+function readScopeUserId(scopeRef) {
+    const userId = get(scopeRef, 'userId');
+    return isString(userId) && userId.trim() ? userId.trim() : undefined;
+}
+function readScopeTenantId(scopeRef) {
+    const tenantId = get(scopeRef, 'tenantId');
+    return isString(tenantId) && tenantId.trim() ? tenantId.trim() : undefined;
+}
+function readScopeRoleIds(scopeRef) {
+    const roleIds = get(scopeRef, 'roleIds');
+    if (!isArray(roleIds)) {
+        return [];
+    }
+    return roleIds.filter((id) => isString(id) && id.trim().length > 0);
+}
+function readScopeEntityRef(scopeRef) {
+    const entityId = get(scopeRef, 'entityId');
+    const entityType = get(scopeRef, 'entityType');
+    if (!isString(entityId) || !entityId.trim() || !isString(entityType) || !entityType.trim()) {
+        return undefined;
+    }
+    return { entityId: entityId.trim(), entityType: entityType.trim() };
+}
+//#endregion
+//#region ---- Normalization ----
+/**
+ * Ensures {@link scopeRef} matches {@link scope} and strips incompatible keys.
+ */
+function normalizeDashboardScopeRef(scope, scopeRef, fallback) {
+    switch (scope) {
+        case 'U':
+            return buildUserScopeRef(readScopeUserId(scopeRef) ?? fallback?.userId ?? '');
+        case 'T':
+            return buildTenantScopeRef(readScopeTenantId(scopeRef) ?? fallback?.tenantId ?? '', readScopeRoleIds(scopeRef).length > 0
+                ? readScopeRoleIds(scopeRef)
+                : castArray(fallback?.roleIds ?? []));
+        case 'E':
+            return buildEntityScopeRef(readScopeEntityRef(scopeRef)?.entityType ?? fallback?.entityType ?? '', readScopeEntityRef(scopeRef)?.entityId ?? fallback?.entityId ?? '');
+        default:
+            return buildUserScopeRef(fallback?.userId ?? '');
+    }
+}
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Service ----
+/**
+ * Resolves or creates entity-scoped dashboards (`scope: E`).
+ */
+class AXMEntityDashboardService {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.entityService = inject(AXPEntityService);
+        this.dashboardData = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.dashboard.name)
+            .data();
+    }
+    //#endregion
+    //#region ---- Public Methods ----
+    /**
+     * Finds the dashboard bound to an entity record, if one exists.
+     */
+    async findEntityDashboard(entityType, entityId) {
+        const result = await this.dashboardData.query({
+            skip: 0,
+            take: 1,
+            filter: {
+                logic: 'and',
+                filters: [
+                    { field: 'scope', operator: { type: 'equal' }, value: 'E' },
+                    { field: 'scopeRef.entityType', operator: { type: 'equal' }, value: entityType },
+                    { field: 'scopeRef.entityId', operator: { type: 'equal' }, value: entityId },
                 ],
             },
-            // Module-specific providers (not part of manifest system)
-            AXPWidgetsModule,
-            {
-                provide: AXP_HOME_PAGE_DEFAULT_KEY,
-                useValue: 'dashboard',
-            },
-            // Module Manifest Provider
-            {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: DashboardManagementManifest,
-                multi: true,
-            },
-            // Provider references (now using tokens)
-            {
-                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
-                useClass: AXMPermissionDefinitionProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_MENU_PROVIDER,
-                useClass: AXMMenuProvider,
-                multi: true,
-            },
-            {
-                provide: AXP_ENTITY_DEFINITION_LOADER,
-                useClass: AXMEntityProvider,
-                multi: true,
-            },
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-DvY9N8FF.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
-        ], imports: [AXPWidgetCoreModule] }); }
+        });
+        return result.items?.[0] ?? null;
+    }
+    /**
+     * Returns the entity dashboard, creating an empty one when missing.
+     */
+    async ensureEntityDashboard(entityType, entityId, title) {
+        const existing = await this.findEntityDashboard(entityType, entityId);
+        if (existing) {
+            return existing;
+        }
+        const dashboardTitle = title ?? createMultiLanguageString('Dashboard');
+        const createdId = await this.dashboardData.create({
+            title: dashboardTitle,
+            description: '',
+            widgets: [],
+            scope: 'E',
+            scopeRef: buildEntityScopeRef(entityType, entityId),
+            locked: false,
+            isArchived: false,
+        });
+        const created = await this.dashboardData.byKey(createdId);
+        if (!created) {
+            throw new Error('Failed to create entity dashboard');
+        }
+        return created;
+    }
+    /**
+     * Resolves entity type/id from a host entity detail context.
+     */
+    resolveEntityRefFromContext(moduleName, entityName, context) {
+        const entityId = get(context, 'id');
+        if (!moduleName || !entityName || typeof entityId !== 'string' || !entityId.trim()) {
+            return null;
+        }
+        return {
+            entityType: `${moduleName}.${entityName}`,
+            entityId: entityId.trim(),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXPWidgetCoreModule,
-                        // Entity Modules
-                    ],
-                    providers: [
-                        { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
-                        {
-                            provide: AXP_HOME_PAGES,
-                            multi: true,
-                            useFactory: () => [
-                                {
-                                    key: 'dashboard',
-                                    title: 'Dashboard',
-                                    route: createAppRoute(),
-                                },
-                            ],
-                        },
-                        // Module-specific providers (not part of manifest system)
-                        AXPWidgetsModule,
-                        {
-                            provide: AXP_HOME_PAGE_DEFAULT_KEY,
-                            useValue: 'dashboard',
-                        },
-                        // Module Manifest Provider
-                        {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: DashboardManagementManifest,
-                            multi: true,
-                        },
-                        // Provider references (now using tokens)
-                        {
-                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
-                            useClass: AXMPermissionDefinitionProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_MENU_PROVIDER,
-                            useClass: AXMMenuProvider,
-                            multi: true,
-                        },
-                        {
-                            provide: AXP_ENTITY_DEFINITION_LOADER,
-                            useClass: AXMEntityProvider,
-                            multi: true,
-                        },
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-DvY9N8FF.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
-                    ],
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
-async function dashboardFactory() {
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.dashboard.name,
-        title: RootConfig.entities.dashboard.title,
-        icon: RootConfig.entities.dashboard.icon,
-        plugins: [{ name: 'category' }, { name: 'archive' }],
-        pages: [
-            {
-                componentKey: DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY,
-                title: '@dashboard-management:dashboards.entities.dashboard.pages.layout.title',
-                description: '@dashboard-management:dashboards.entities.dashboard.pages.layout.description',
-                icon: 'fa-light fa-table-layout',
-                layout: { order: 1, position: 'after' },
-            },
-        ],
-        formats: {
-            individual: RootConfig.entities.dashboard.title,
-            plural: RootConfig.entities.dashboard.titlePlural,
-            displayName: '@general:terms.interface.configuration',
-            searchResult: {
-                title: '{{ title }}',
-                description: RootConfig.module.title,
-            },
-        },
-        relatedEntities: [],
-        groups: [
-            {
-                id: 'section',
-                title: RootConfig.entities.dashboard.title,
-            },
-            {
-                id: 'access',
-                title: '@dashboard-management:dashboards.entities.dashboard.groups.access.title',
-            },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'section',
-                schema: { dataType: 'uuid', visible: false, nullable: false, readonly: true, unique: { enabled: true } },
-            },
-            {
-                name: 'title',
-                title: '@general:terms.common.title',
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: true,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: true,
-                        },
-                        inline: {
-                            enabled: true,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                        options: {
-                            multiLanguage: true,
-                            placeholder: '@general:terms.common.title',
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'description',
-                title: '@dashboard-management:dashboards.entities.dashboard.fields.description.title',
-                groupId: 'section',
-                options: {
-                    sort: {
-                        enabled: false,
-                    },
-                    filter: {
-                        advance: {
-                            enabled: false,
-                        },
-                        inline: {
-                            enabled: false,
-                        },
-                    },
-                },
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LargeTextBox,
-                        options: {
-                            rows: 3,
-                            multiLanguage: true,
-                            placeholder: '@general:terms.common.description',
-                        },
-                    },
-                },
-            },
-            {
-                name: 'scope',
-                title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.title',
-                groupId: 'access',
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                schema: {
-                    dataType: 'string',
-                    visible: false,
-                    interface: {
-                        type: AXPWidgetsList.Editors.SelectBox,
-                        options: {
-                            valueField: 'id',
-                            dataSource: [
-                                {
-                                    id: 'T',
-                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.tenant',
-                                },
-                                {
-                                    id: 'U',
-                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.personal',
-                                },
-                            ],
-                        },
-                    },
-                },
-            },
-            {
-                name: 'roleIds',
-                title: '@dashboard:roles',
-                groupId: 'access',
-                schema: {
-                    dataType: 'object',
-                    visible: `{{ !context.eval("scope") || context.eval("scope") === "T" }}`,
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.Role',
-                            multiple: true,
-                            look: 'select',
-                        },
-                    },
-                },
-            },
-        ],
-        columns: [{ name: 'title' }, { name: 'description' }],
-        interfaces: {
-            master: {
-                create: {
-                    sections: [{ id: 'section' }, { id: 'access' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                },
-                update: {
-                    sections: [{ id: 'section' }, { id: 'access' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [{ id: 'section', layout: { positions: { lg: { colSpan: 12 } } } }, { id: 'access' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions()],
-                },
-                list: {
-                    actions: [...entityMasterCrudActions()],
-                    views: [
-                        createQueryView('tenant', '@dashboard-management:dashboards.entities.dashboard.views.tenant', true, {
-                            sorts: [{ name: 'title', dir: 'asc' }],
-                            conditions: [{ name: 'scope', operator: { type: 'equal' }, value: 'T' }],
-                        }),
-                    ],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-//#endregion
-
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    dashboardFactory: dashboardFactory
-});
-
-// Entity Services
-// Entity Modules
-
 /** When true (provided on the dashboard layout entity tab), the store skips the default list query effect. */
 const DASHBOARD_LAYOUT_ENTITY_MODE = new InjectionToken('DASHBOARD_LAYOUT_ENTITY_MODE');
 
+/** When true (entity dashboard plugin), layout and widgets are view-only. */
+const DASHBOARD_READONLY_MODE = new InjectionToken('DASHBOARD_READONLY_MODE');
+
 class AXMConfigurationPopup extends AXBasePageComponent {
     constructor() {
         super(...arguments);
@@ -6676,7 +6587,9 @@ class AXMDashboardPopupService {
         this.translateService = inject(AXTranslationService);
         this.layoutBuilder = inject(AXPLayoutBuilderService);
         this.entityService = inject(AXPEntityService);
-        this.roleService = this.entityService.withEntity(RootConfig$1.module.name, RootConfig$1.entities.roles.name).data();
+        this.roleService = this.entityService
+            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.roles.name)
+            .data();
         this.sessionService = inject(AXPSessionService);
     }
     async generateDashboardLayout(data, isAdmin, dialogOptions) {
@@ -6696,7 +6609,7 @@ class AXMDashboardPopupService {
                 .setContext({
                 title: this.normalizeTitleForFormContext(data?.title),
                 description: this.normalizeDescriptionForFormContext(data?.description),
-                selectedRoleIds: data?.roleIds ?? [],
+                selectedRoleIds: readScopeRoleIds(data?.scopeRef),
                 locked: data?.locked ?? false,
                 isAdmin,
             })
@@ -6749,14 +6662,19 @@ class AXMDashboardPopupService {
                 }
                 const formData = context;
                 const now = new Date();
-                const userId = this.sessionService.user?.id;
+                const userId = this.sessionService.user?.id ?? '';
+                const tenantId = this.sessionService.tenant?.id ?? '';
+                const scope = (data?.scope ?? (isAdmin ? 'T' : 'U'));
+                const roleIds = showRoleField
+                    ? (formData['selectedRoleIds'] ?? [])
+                    : readScopeRoleIds(data?.scopeRef);
                 return {
                     ...data,
                     title: this.normalizeTitleFromFormSubmit(formData['title']),
                     description: this.normalizeDescriptionFromFormSubmit(formData['description']),
-                    roleIds: showRoleField ? (formData['selectedRoleIds'] ?? []) : data?.roleIds,
+                    scopeRef: scope === 'T' ? buildTenantScopeRef(tenantId, roleIds) : buildUserScopeRef(userId),
                     locked: this.normalizeBooleanInput(formData['locked'], data?.locked ?? false),
-                    scope: (data?.scope ?? (isAdmin ? 'T' : 'U')),
+                    scope,
                     createdBy: userId,
                     createdAt: now,
                     updatedBy: userId,
@@ -6852,6 +6770,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 //#region ----   Imports   ----
+const readTenantId = (sessionService) => {
+    const tenantId = sessionService.tenant?.id;
+    return typeof tenantId === 'string' && tenantId.trim() ? tenantId.trim() : undefined;
+};
 //#endregion
 //#region ----   Utility Functions   ----
 /** Width threshold for switching between lg (12 col) and md (6 col) breakpoints */
@@ -6912,6 +6834,7 @@ const createInitialState = () => ({
     currentBreakpoint: getBreakpointFromWidth(),
     isBreakpointTransitioning: false,
     entityDetailLayoutLock: false,
+    readonly: false,
 });
 /**
  * Migrates a widget config from the old flat format to the new per-breakpoint format.
@@ -6946,8 +6869,7 @@ const modelToDashboardLayout = (model) => ({
     title: model.title,
     description: model.description,
     widgets: (model.widgets || []).map((widget) => migrateWidgetConfig(widget)),
-    createdBy: model.userId ?? model.auditInfo?.created?.by?.id,
-    roleIds: model.roleIds,
+    createdBy: readScopeUserId(model.scopeRef) ?? model.auditInfo?.created?.by?.id,
     isArchived: model.isArchived,
     archivedAt: model.archivedAt,
     locked: model.locked,
@@ -6955,6 +6877,10 @@ const modelToDashboardLayout = (model) => ({
     updatedAt: model.auditInfo?.updated?.at,
     updatedBy: model.auditInfo?.updated?.by?.id,
     scope: model.scope,
+    scopeRef: normalizeDashboardScopeRef(model.scope, model.scopeRef, {
+        userId: readScopeUserId(model.scopeRef) ?? model.auditInfo?.created?.by?.id,
+        roleIds: readScopeRoleIds(model.scopeRef),
+    }),
     categoryIds: model.categoryIds,
 });
 /**
@@ -6965,12 +6891,15 @@ const dashboardLayoutToModel = (layout) => ({
     title: layout.title,
     description: layout.description ?? '',
     widgets: layout.widgets,
-    userId: layout.createdBy,
-    roleIds: layout.roleIds,
     isArchived: layout.isArchived,
     archivedAt: layout.archivedAt,
     locked: layout.locked,
     categoryIds: layout.categoryIds,
+    scope: layout.scope,
+    scopeRef: normalizeDashboardScopeRef(layout.scope, layout.scopeRef, {
+        userId: layout.createdBy,
+        roleIds: readScopeRoleIds(layout.scopeRef),
+    }),
     auditInfo: {
         created: layout.createdAt
             ? { at: layout.createdAt, by: layout.createdBy ? { id: layout.createdBy, type: 'user' } : undefined }
@@ -6979,7 +6908,6 @@ const dashboardLayoutToModel = (layout) => ({
             ? { at: layout.updatedAt, by: layout.updatedBy ? { id: layout.updatedBy, type: 'user' } : undefined }
             : undefined,
     },
-    scope: layout.scope,
 });
 /**
  * Safely reads the current user id from the session service.
@@ -7016,8 +6944,8 @@ const extractUserRoleIds = (user) => {
 const hasMatchingRole = (dashboard, userRoleIds) => {
     if (userRoleIds.length === 0)
         return false;
-    const roleIds = dashboard.roleIds;
-    return Array.isArray(roleIds) && roleIds.length > 0 && userRoleIds.some((id) => roleIds.includes(id));
+    const roleIds = readScopeRoleIds(dashboard.scopeRef);
+    return roleIds.length > 0 && userRoleIds.some((id) => roleIds.includes(id));
 };
 /**
  * Determines whether a personal dashboard belongs to the signed-in user.
@@ -7038,10 +6966,12 @@ const isTenantDashboardVisibleForUser = (dashboard, userRoleIds) => {
  * Computes effective layout options based on device, lock, admin and role restrictions.
  * Always derives drag/resize state from the dashboard model — never from base options.
  */
-const deriveLayoutOptions = (baseOptions, dashboard, isAdmin, isDesktop) => {
+const deriveLayoutOptions = (baseOptions, dashboard, isAdmin, isDesktop, readonly) => {
     const { disableDrag: _dd, disableResize: _dr, ...cleanBase } = baseOptions;
     if (!dashboard)
         return cleanBase;
+    if (readonly)
+        return { ...cleanBase, disableDrag: true, disableResize: true };
     if (isAdmin)
         return cleanBase;
     if (dashboard.locked === true || dashboard.scope === 'T') {
@@ -7052,9 +6982,11 @@ const deriveLayoutOptions = (baseOptions, dashboard, isAdmin, isDesktop) => {
 /**
  * Checks if a widget is locked for the current user based on dashboard and role context.
  */
-const isWidgetLockedForUser = (dashboard, isAdmin, userRoleIds) => {
+const isWidgetLockedForUser = (dashboard, isAdmin, userRoleIds, readonly) => {
     if (!dashboard)
         return false;
+    if (readonly)
+        return true;
     if (isAdmin)
         return false;
     if (dashboard.locked === true)
@@ -7064,9 +6996,11 @@ const isWidgetLockedForUser = (dashboard, isAdmin, userRoleIds) => {
 /**
  * Determines if a widget can be configured by the current user.
  */
-const canConfigureWidgetForUser = (dashboard, isAdmin, userRoleIds, widgetHasConfiguration) => {
+const canConfigureWidgetForUser = (dashboard, isAdmin, userRoleIds, widgetHasConfiguration, readonly) => {
     if (!dashboard)
         return true;
+    if (readonly)
+        return false;
     if (isAdmin)
         return widgetHasConfiguration;
     if (dashboard.locked === true)
@@ -7086,6 +7020,9 @@ const filterDashboardsForUser = (dashboards, isAdmin, userId, userRoleIds) => {
         return [];
     }
     return dashboards.filter((d) => {
+        if (d.scope === 'E') {
+            return false;
+        }
         const isOwnedPersonalDashboard = isPersonalDashboardOwnedByUser(d, userId);
         const isRoleMatchedTenantDashboard = isTenantDashboardVisibleForUser(d, userRoleIds);
         return isOwnedPersonalDashboard || isRoleMatchedTenantDashboard;
@@ -7112,7 +7049,7 @@ withComputed((state, deviceService = inject(AXPDeviceService)) => ({
         // Dynamically set column count based on the current breakpoint
         const bp = state.currentBreakpoint();
         const optionsWithColumn = { ...baseOptions, column: getColumnsForBreakpoint(bp) };
-        return deriveLayoutOptions(optionsWithColumn, currentDashboard || undefined, state.isAdmin(), isDesktop);
+        return deriveLayoutOptions(optionsWithColumn, currentDashboard || undefined, state.isAdmin(), isDesktop, state.readonly());
     }),
     /**
      * Returns the current dashboard's widgets with their resolved breakpoint options.
@@ -7132,11 +7069,11 @@ withComputed((state, deviceService = inject(AXPDeviceService)) => ({
     canConfigureWidget: computed(() => (widget) => {
         const currentDashboard = state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId());
         const widgetHasConfiguration = widget.node?.options?.['hasConfiguration'] ?? true;
-        return canConfigureWidgetForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds(), widgetHasConfiguration);
+        return canConfigureWidgetForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds(), widgetHasConfiguration, state.readonly());
     }),
     isWidgetLocked: computed(() => (widget) => {
         const currentDashboard = state.dashboards().find((dashboard) => dashboard.id === state.currentDashboardId());
-        return isWidgetLockedForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds());
+        return isWidgetLockedForUser(currentDashboard || undefined, state.isAdmin(), state.userRoleIds(), state.readonly());
     }),
 })), 
 //#endregion
@@ -7238,13 +7175,13 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                         operator: null,
                         filters: [
                             { field: 'scope', operator: { type: 'equal' }, value: 'U' },
-                            { field: 'userId', operator: { type: 'equal' }, value: userId },
+                            { field: 'scopeRef.userId', operator: { type: 'equal' }, value: userId },
                         ],
                     });
                 }
                 if (userRoleIds.length > 0) {
                     const roleMatchFilters = userRoleIds.map((roleId) => ({
-                        field: 'roleIds',
+                        field: 'scopeRef.roleIds',
                         operator: { type: 'contains' },
                         value: roleId,
                     }));
@@ -7321,14 +7258,19 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 if (!newDashboard)
                     return;
                 const userId = readUserId(sessionService);
+                const tenantId = readTenantId(sessionService);
                 const now = new Date();
+                const scope = store.isUserAdmin() ? 'T' : 'U';
                 const dashboardWithMetadata = {
                     ...newDashboard,
                     createdBy: userId,
                     createdAt: now,
                     updatedBy: userId,
                     updatedAt: now,
-                    scope: store.isUserAdmin() ? 'T' : 'U',
+                    scope,
+                    scopeRef: scope === 'T'
+                        ? buildTenantScopeRef(tenantId ?? '', readScopeRoleIds(newDashboard.scopeRef))
+                        : buildUserScopeRef(userId ?? ''),
                     widgets: [],
                 };
                 const dashboardModel = dashboardLayoutToModel(dashboardWithMetadata);
@@ -7364,7 +7306,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 const editedDashboard = await dashboardPopup.generateDashboardLayout({
                     title: currentDashboard.title,
                     description: currentDashboard.description,
-                    roleIds: currentDashboard.roleIds,
+                    scopeRef: currentDashboard.scopeRef,
                     scope: currentDashboard.scope,
                     isArchived: currentDashboard.isArchived,
                     locked: currentDashboard.locked,
@@ -7405,6 +7347,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 return false;
             try {
                 const userId = readUserId(sessionService);
+                const tenantId = readTenantId(sessionService);
                 const now = new Date();
                 const updatedDashboard = {
                     ...currentDashboard,
@@ -7418,7 +7361,9 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                         : typeof form.description === 'object'
                             ? form.description
                             : form.description.toString().trim(),
-                    roleIds: form.roleIds ?? [],
+                    scopeRef: currentDashboard.scope === 'T'
+                        ? buildTenantScopeRef(tenantId ?? readScopeTenantId(currentDashboard.scopeRef) ?? '', form.roleIds ?? [])
+                        : currentDashboard.scopeRef,
                     isArchived: Boolean(form.isArchived),
                     locked: Boolean(form.locked),
                     scope: currentDashboard.scope,
@@ -7447,6 +7392,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Adds selected widgets to the current dashboard and saves layout.
          */
         async addWidget() {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard()) {
                 console.warn('No current dashboard selected');
                 return;
@@ -7567,6 +7514,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Removes a widget from the specified dashboard and persists the change.
          */
         async removeWidget(dashboardId, widgetId) {
+            if (store.readonly())
+                return;
             const currentDashboard = store.dashboards().find((d) => d.id === dashboardId);
             if (!currentDashboard)
                 return;
@@ -7601,6 +7550,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Persists immediately with queued writes to prevent concurrent save conflicts.
          */
         onGridChange(event) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             // Skip saves during breakpoint transitions to avoid persisting auto-reflowed layouts
@@ -7656,6 +7607,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Applies widget configuration changes returned from popup.
          */
         async handlePopupConfiguration(widgetNode) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             try {
@@ -7687,6 +7640,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Updates widget value (defaultValue) and persists changes.
          */
         async handleValueChanged(widgetNode, data) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             if (!deviceService.isDesktopDevice()) {
@@ -7718,6 +7673,8 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
          * Merges widget options with provided data and persists changes.
          */
         async handleOptionsChanged(widgetNode, data) {
+            if (store.readonly())
+                return;
             if (!store.selectedDashboard())
                 return;
             try {
@@ -7775,7 +7732,7 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
                 }
                 : layout;
             patchState(store, {
-                isAdmin: true,
+                isAdmin: !store.readonly(),
                 isLoading: false,
                 allDashboards: [hydratedLayout],
                 dashboards: [hydratedLayout],
@@ -7827,17 +7784,18 @@ withMethods((store, dashboardPopup = inject(AXMDashboardPopupService), dialogSer
 }), 
 //#endregion
 //#region ---- Hooks ----
-withHooks((store, entityLayoutTab = inject(DASHBOARD_LAYOUT_ENTITY_MODE, { optional: true })) => ({
+withHooks((store, entityLayoutTab = inject(DASHBOARD_LAYOUT_ENTITY_MODE, { optional: true }), readonlyMode = inject(DASHBOARD_READONLY_MODE, { optional: true })) => ({
     onInit() {
         if (entityLayoutTab === true) {
             patchState(store, { entityDetailLayoutLock: true });
         }
+        if (readonlyMode === true) {
+            patchState(store, { readonly: true });
+        }
     },
 })));
 //#endregion
 
-//#endregion
-
 class AXMDashboardWidgetWrapperComponent {
     constructor() {
         this.title = input(null, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
@@ -7919,7 +7877,7 @@ class AXMDashboardGridLayoutSectionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardGridLayoutSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMDashboardGridLayoutSectionComponent, isStandalone: true, selector: "axm-dashboard-grid-layout-section", inputs: { widgetsContext: { classPropertyName: "widgetsContext", publicName: "widgetsContext", isSignal: true, isRequired: false, transformFunction: null }, loadingVariant: { classPropertyName: "loadingVariant", publicName: "loadingVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addWidget: "addWidget" }, ngImport: i0, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\n      <div\n        class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-absolute ax-z-10 ax-bg-white/80\"\n      >\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      <div slot=\"actions\">\n        <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n          {{ '@dashboard:add-widget' | translate | async }}\n        </button>\n      </div>\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.id, widget.config.id!)\"\n              (onConfiguration)=\"store.handlePopupConfiguration(widget.node!)\"\n              (onValueChanged)=\"store.handleValueChanged(widget?.node!, $event)\"\n              (onOptionsChanged)=\"store.handleOptionsChanged(widget?.node!, $event)\"\n            >\n              @if (widget.node) {\n                <ng-container axp-widget-renderer [node]=\"widget.node\" [mode]=\"'view'\"></ng-container>\n              }\n            </axm-dashboard-widget-wrapper>\n          </ax-grid-layout-widget>\n        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i2$3.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "onRender", "isEmptyChange"] }, { kind: "component", type: i2$3.AXGridLayoutWidgetComponent, selector: "ax-grid-layout-widget", inputs: ["options"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "component", type: AXMDashboardWidgetWrapperComponent, selector: "axm-dashboard-widget-wrapper", inputs: ["title", "hasConfiguration", "isLocked"], outputs: ["onDelete", "onConfiguration", "onValueChanged", "onOptionsChanged"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMDashboardGridLayoutSectionComponent, isStandalone: true, selector: "axm-dashboard-grid-layout-section", inputs: { widgetsContext: { classPropertyName: "widgetsContext", publicName: "widgetsContext", isSignal: true, isRequired: false, transformFunction: null }, loadingVariant: { classPropertyName: "loadingVariant", publicName: "loadingVariant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addWidget: "addWidget" }, ngImport: i0, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\n      <div\n        class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-absolute ax-z-10 ax-bg-white/80\"\n      >\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      @if (!store.readonly()) {\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n            {{ '@dashboard:add-widget' | translate | async }}\n          </button>\n        </div>\n      }\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.id, widget.config.id!)\"\n              (onConfiguration)=\"store.handlePopupConfiguration(widget.node!)\"\n              (onValueChanged)=\"store.handleValueChanged(widget?.node!, $event)\"\n              (onOptionsChanged)=\"store.handleOptionsChanged(widget?.node!, $event)\"\n            >\n              @if (widget.node) {\n                <ng-container axp-widget-renderer [node]=\"widget.node\" [mode]=\"'view'\"></ng-container>\n              }\n            </axm-dashboard-widget-wrapper>\n          </ax-grid-layout-widget>\n        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXGridLayoutBuilderModule }, { kind: "component", type: i2$3.AXGridLayoutContainerComponent, selector: "ax-grid-layout-container", inputs: ["options", "isEmpty"], outputs: ["onAdded", "onRemoved", "onWidgetChange", "onChange", "onRender", "isEmptyChange"] }, { kind: "component", type: i2$3.AXGridLayoutWidgetComponent, selector: "ax-grid-layout-widget", inputs: ["options"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXMDashboardWidgetWrapperComponent, selector: "axm-dashboard-widget-wrapper", inputs: ["title", "hasConfiguration", "isLocked"], outputs: ["onDelete", "onConfiguration", "onValueChanged", "onOptionsChanged"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardGridLayoutSectionComponent, decorators: [{
             type: Component,
@@ -7932,9 +7890,687 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPWidgetCoreModule,
                         AXPStateMessageComponent,
                         AXMDashboardWidgetWrapperComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\n      <div\n        class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-absolute ax-z-10 ax-bg-white/80\"\n      >\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      <div slot=\"actions\">\n        <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n          {{ '@dashboard:add-widget' | translate | async }}\n        </button>\n      </div>\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.id, widget.config.id!)\"\n              (onConfiguration)=\"store.handlePopupConfiguration(widget.node!)\"\n              (onValueChanged)=\"store.handleValueChanged(widget?.node!, $event)\"\n              (onOptionsChanged)=\"store.handleOptionsChanged(widget?.node!, $event)\"\n            >\n              @if (widget.node) {\n                <ng-container axp-widget-renderer [node]=\"widget.node\" [mode]=\"'view'\"></ng-container>\n              }\n            </axm-dashboard-widget-wrapper>\n          </ax-grid-layout-widget>\n        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"axm-dashboard-grid-layout-section ax-flex ax-flex-col ax-h-full ax-min-h-0 ax-w-full\">\n  @if (store.isLoading()) {\n    @if (loadingVariant() === 'overlay') {\n      <div\n        class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-absolute ax-z-10 ax-bg-white/80\"\n      >\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    } @else {\n      <div class=\"ax-flex ax-flex-col ax-items-center ax-justify-center ax-h-full ax-w-full ax-flex-1\">\n        <ax-loading></ax-loading>\n        <p class=\"ax-mt-3 ax-text-gray-600\">{{ '@dashboard:loading' | translate | async }}</p>\n      </div>\n    }\n  } @else if (!store.selectedDashboard()?.widgets?.length) {\n    <axp-state-message\n      icon=\"fa-light fa-shapes\"\n      [title]=\"'@dashboard:no-widgets.title'\"\n      [description]=\"'@dashboard:no-widgets.description'\"\n    >\n      @if (!store.readonly()) {\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"addWidget.emit()\" class=\"ax-underline\">\n            {{ '@dashboard:add-widget' | translate | async }}\n          </button>\n        </div>\n      }\n    </axp-state-message>\n  } @else {\n    <axp-widgets-container [context]=\"widgetsContext()\">\n      <ax-grid-layout-container\n        class=\"ax-w-full dark:[--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lighter-surface)] [--ax-comp-grid-layout-stack-item-content-bg-color:var(--ax-sys-color-lightest-surface)]\"\n        [options]=\"store.currentLayoutOptions()\"\n        (onChange)=\"store.onGridChange($event)\"\n      >\n        @for (widget of store.currentWidgets(); track widget.config.id) {\n          <ax-grid-layout-widget [options]=\"widget.resolvedOptions\">\n            @let title = (widget.node?.options?.['title'] ?? widget.config.title) | translate | async;\n            @let isHeaderTitleVisible = widget.node?.meta?.['title']?.['visible'] ?? true;\n\n            <axm-dashboard-widget-wrapper\n              [title]=\"isHeaderTitleVisible ? title! : null\"\n              [hasConfiguration]=\"store.canConfigureWidget()(widget)\"\n              [isLocked]=\"store.isWidgetLocked()(widget)\"\n              (onDelete)=\"confirmWidgetDelete(store.selectedDashboard()!.id, widget.config.id!)\"\n              (onConfiguration)=\"store.handlePopupConfiguration(widget.node!)\"\n              (onValueChanged)=\"store.handleValueChanged(widget?.node!, $event)\"\n              (onOptionsChanged)=\"store.handleOptionsChanged(widget?.node!, $event)\"\n            >\n              @if (widget.node) {\n                <ng-container axp-widget-renderer [node]=\"widget.node\" [mode]=\"'view'\"></ng-container>\n              }\n            </axm-dashboard-widget-wrapper>\n          </ax-grid-layout-widget>\n        }\n      </ax-grid-layout-container>\n    </axp-widgets-container>\n  }\n</div>\n", styles: ["axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-grid-layout-section ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}\n"] }]
         }], propDecorators: { widgetsContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "widgetsContext", required: false }] }], loadingVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingVariant", required: false }] }], addWidget: [{ type: i0.Output, args: ["addWidget"] }] } });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/**
+ * Shared host that loads an entity-scoped dashboard and renders the grid layout section.
+ */
+class AXMEntityDashboardHostComponent {
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.store = inject(AXMDashboardStore);
+        this.entityDashboardService = inject(AXMEntityDashboardService);
+        //#endregion
+        //#region ---- Inputs ----
+        this.entityType = input.required(...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
+        this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.entityTitle = input(...(ngDevMode ? [undefined, { debugName: "entityTitle" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Local State ----
+        this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        this.isReady = signal(false, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Effects ----
+        this.#loadEntityDashboard = effect(() => {
+            const entityType = this.entityType();
+            const entityId = this.entityId();
+            const entityTitle = this.entityTitle();
+            if (!entityType || !entityId) {
+                return;
+            }
+            void this.entityDashboardService
+                .ensureEntityDashboard(entityType, entityId, entityTitle)
+                .then((model) => {
+                this.store.hydrateFromEntityDetailModel(model);
+                this.context.set({ ...model });
+                this.isReady.set(true);
+            });
+        }, ...(ngDevMode ? [{ debugName: "#loadEntityDashboard" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ---- Effects ----
+    #loadEntityDashboard;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMEntityDashboardHostComponent, isStandalone: true, selector: "axm-entity-dashboard-host", inputs: { entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, entityTitle: { classPropertyName: "entityTitle", publicName: "entityTitle", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            AXPDesignerService,
+            { provide: DASHBOARD_LAYOUT_ENTITY_MODE, useValue: true },
+            { provide: DASHBOARD_READONLY_MODE, useValue: true },
+            AXMDashboardStore,
+        ], ngImport: i0, template: `
+    @if (isReady()) {
+      <axm-dashboard-grid-layout-section [widgetsContext]="context()"></axm-dashboard-grid-layout-section>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMDashboardGridLayoutSectionComponent, selector: "axm-dashboard-grid-layout-section", inputs: ["widgetsContext", "loadingVariant"], outputs: ["addWidget"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-entity-dashboard-host',
+                    imports: [AXMDashboardGridLayoutSectionComponent],
+                    template: `
+    @if (isReady()) {
+      <axm-dashboard-grid-layout-section [widgetsContext]="context()"></axm-dashboard-grid-layout-section>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        AXPDesignerService,
+                        { provide: DASHBOARD_LAYOUT_ENTITY_MODE, useValue: true },
+                        { provide: DASHBOARD_READONLY_MODE, useValue: true },
+                        AXMDashboardStore,
+                    ],
+                }]
+        }], propDecorators: { entityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityType", required: true }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: true }] }], entityTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityTitle", required: false }] }] } });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Widget View ----
+class AXMEntityDashboardWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.entityType = computed(() => {
+            const fromOptions = this.options()?.['entityType'];
+            return typeof fromOptions === 'string' && fromOptions.trim() ? fromOptions.trim() : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
+        this.entityId = computed(() => {
+            const fromOptions = this.options()?.['entityId'];
+            return typeof fromOptions === 'string' && fromOptions.trim() ? fromOptions.trim() : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.entityTitle = computed(() => {
+            const subject = this.options()?.['subject'];
+            return typeof subject === 'string' ? subject : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityTitle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMEntityDashboardWidgetViewComponent, isStandalone: true, selector: "axm-entity-dashboard-widget-view", usesInheritance: true, ngImport: i0, template: `
+    @if (entityType() && entityId()) {
+      <axm-entity-dashboard-host
+        [entityType]="entityType()!"
+        [entityId]="entityId()!"
+        [entityTitle]="entityTitle()"
+      ></axm-entity-dashboard-host>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXMEntityDashboardHostComponent, selector: "axm-entity-dashboard-host", inputs: ["entityType", "entityId", "entityTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-entity-dashboard-widget-view',
+                    imports: [AXMEntityDashboardHostComponent],
+                    template: `
+    @if (entityType() && entityId()) {
+      <axm-entity-dashboard-host
+        [entityType]="entityType()!"
+        [entityId]="entityId()!"
+        [entityTitle]="entityTitle()"
+      ></axm-entity-dashboard-host>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//#endregion
+//#region ---- Page Component ----
+class AXMEntityDashboardPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        //#region ---- Inputs ----
+        this.rootContext = input.required(...(ngDevMode ? [{ debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        this.pageConfig = input(...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.route = inject(ActivatedRoute);
+        this.entityDashboardService = inject(AXMEntityDashboardService);
+        //#endregion
+        //#region ---- Computed Properties ----
+        this.entityRef = computed(() => {
+            const moduleName = this.route.snapshot.parent?.paramMap.get('module');
+            const entityName = this.route.snapshot.paramMap.get('entity');
+            return this.entityDashboardService.resolveEntityRefFromContext(moduleName, entityName, this.rootContext());
+        }, ...(ngDevMode ? [{ debugName: "entityRef" }] : /* istanbul ignore next */ []));
+        this.entityTitle = computed(() => {
+            const title = get(this.rootContext(), 'title');
+            return typeof title === 'string' ? title : undefined;
+        }, ...(ngDevMode ? [{ debugName: "entityTitle" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMEntityDashboardPageComponent, isStandalone: true, selector: "axm-entity-dashboard-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: true, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMEntityDashboardPageComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    @if (entityRef(); as ref) {
+      <axm-entity-dashboard-host
+        [entityType]="ref.entityType"
+        [entityId]="ref.entityId"
+        [entityTitle]="entityTitle()"
+      ></axm-entity-dashboard-host>
+    }
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: AXMEntityDashboardHostComponent, selector: "axm-entity-dashboard-host", inputs: ["entityType", "entityId", "entityTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-entity-dashboard-page', imports: [AXMEntityDashboardHostComponent], template: `
+    @if (entityRef(); as ref) {
+      <axm-entity-dashboard-host
+        [entityType]="ref.entityType"
+        [entityId]="ref.entityId"
+        [entityTitle]="entityTitle()"
+      ></axm-entity-dashboard-host>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMEntityDashboardPageComponent,
+                        },
+                    ], styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: true }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }] } });
+
+var entityDashboardPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMEntityDashboardPageComponent: AXMEntityDashboardPageComponent,
+    AXMEntityDashboardWidgetViewComponent: AXMEntityDashboardWidgetViewComponent
+});
+
+//#region ---- Entity Dashboard Page Provider ----
+class AXMEntityDashboardPageComponentProvider {
+    async components() {
+        return [
+            {
+                key: ENTITY_DASHBOARD_PAGE_COMPONENT_KEY,
+                loader: () => Promise.resolve().then(function () { return entityDashboardPage_component; }).then((c) => c.AXMEntityDashboardPageComponent),
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponentProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponentProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMEntityDashboardPageComponentProvider, decorators: [{
+            type: Injectable
+        }] });
+
+var entityDashboardPageComponent_provider = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMEntityDashboardPageComponentProvider: AXMEntityDashboardPageComponentProvider
+});
+
+const AXPEntityDashboardWidget = {
+    name: 'entity-dashboard',
+    title: '@dashboard-management:dashboards.widget.entity-dashboard.title',
+    description: '@dashboard-management:dashboards.widget.entity-dashboard.description',
+    type: 'view',
+    categories: [],
+    groups: [AXPWidgetGroupEnum.EntityWidget],
+    icon: 'fa-light fa-gauge-high',
+    properties: [],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return entityDashboardPage_component; }).then((c) => c.AXMEntityDashboardWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return entityDashboardPage_component; }).then((c) => c.AXMEntityDashboardWidgetViewComponent),
+        },
+    },
+};
+
+//#endregion
+//#region ----   Dashboard Management Widgets Provider   ----
+const DASHBOARD_WIDGETS = [
+    AXPEntityDashboardWidget,
+    AXPShortcutWidget,
+    AXPDonutChartWidget,
+    AXPBarChartWidget,
+    AXPLineChartWidget,
+    AXPFunnelChartWidget,
+    AXPHeatmapChartWidget,
+    AXPKpiProgressWidget,
+    AXPKpiSegmentedWidget,
+    AXPKpiDetailsWidget,
+    AXPKpiStatCardWidget,
+    AXPGaugeChartWidget,
+    AXPStickyNoteWidget,
+    AXPMinimalWeatherWidget,
+    AXPAdvancedWeatherWidget,
+    AXPAnalogClockWidget,
+];
+class AXMDashboardManagementWidgetsProvider {
+    getWidgets() {
+        return DASHBOARD_WIDGETS;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementWidgetsProvider, decorators: [{
+            type: Injectable
+        }] });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+const DASHBOARD_ENTITY_KEY = `${RootConfig.module.name}.${RootConfig.entities.dashboard.name}`;
+//#endregion
+//#region ---- Middleware ----
+/**
+ * Normalizes dashboard scope/scopeRef on create/update and applies tenant lock defaults.
+ */
+const dashboardScopeMiddleware = {
+    target: { ops: ['create', 'update'], order: 4 },
+    execute: async (ctx, next) => {
+        if (ctx.entityName !== DASHBOARD_ENTITY_KEY || ctx.data == null || typeof ctx.data !== 'object') {
+            await next();
+            return;
+        }
+        const payload = ctx.data;
+        let scope = payload['scope'];
+        if (!scope) {
+            scope = 'T';
+            payload['scope'] = scope;
+        }
+        const legacyUserId = get(payload, 'userId');
+        const legacyRoleIds = get(payload, 'roleIds');
+        const legacyEntityId = get(payload, 'entityId');
+        const legacyEntityType = get(payload, 'entityType');
+        const legacyTenantId = get(payload, 'tenantId');
+        const scopeRef = normalizeDashboardScopeRef(scope, payload['scopeRef'], {
+            userId: isString(legacyUserId) ? legacyUserId : undefined,
+            tenantId: isString(legacyTenantId) ? legacyTenantId : undefined,
+            roleIds: Array.isArray(legacyRoleIds) ? legacyRoleIds : readScopeRoleIds(payload['scopeRef']),
+            entityId: isString(legacyEntityId) ? legacyEntityId : undefined,
+            entityType: isString(legacyEntityType) ? legacyEntityType : undefined,
+        });
+        set(payload, 'scopeRef', scopeRef);
+        delete payload['userId'];
+        delete payload['roleIds'];
+        delete payload['entityId'];
+        delete payload['entityType'];
+        delete payload['tenantId'];
+        if (scope === 'T') {
+            payload['locked'] = true;
+        }
+        if (scope === 'E') {
+            const entityRef = buildEntityScopeRef(get(scopeRef, 'entityType'), get(scopeRef, 'entityId'));
+            set(payload, 'scopeRef', entityRef);
+        }
+        if (scope === 'U') {
+            set(payload, 'scopeRef', buildUserScopeRef(get(scopeRef, 'userId')));
+        }
+        if (scope === 'T') {
+            set(payload, 'scopeRef', buildTenantScopeRef(get(scopeRef, 'tenantId'), readScopeRoleIds(scopeRef)));
+        }
+        await next();
+    },
+};
+//#endregion
+
+// Entity Modules
+function createAppRoute() {
+    const config = inject(AXP_ENTITY_CONFIG_TOKEN);
+    return {
+        path: ':app',
+        canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
+        data: { rootLayout: true },
+        loadComponent: () => {
+            return config.viewers.root();
+        },
+        children: [
+            {
+                path: 'dashboard',
+                loadComponent: () => Promise.resolve().then(function () { return homeDashboard; }).then((c) => c.AXMDashboardHomeComponent),
+            },
+        ],
+    };
+}
+class AXMDashboardManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, imports: [AXPWidgetCoreModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, providers: [
+            { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
+            {
+                provide: AXP_HOME_PAGES,
+                multi: true,
+                useFactory: () => [
+                    {
+                        key: 'dashboard',
+                        title: 'Dashboard',
+                        route: createAppRoute(),
+                    },
+                ],
+            },
+            // Module-specific providers (not part of manifest system)
+            AXPWidgetsModule,
+            {
+                provide: AXP_HOME_PAGE_DEFAULT_KEY,
+                useValue: 'dashboard',
+            },
+            // Module Manifest Provider
+            {
+                provide: AXP_MODULE_MANIFEST_PROVIDER,
+                useValue: DashboardManagementManifest,
+                multi: true,
+            },
+            // Provider references (now using tokens)
+            {
+                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                useClass: AXMPermissionDefinitionProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_MENU_PROVIDER,
+                useClass: AXMMenuProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_DEFINITION_LOADER,
+                useClass: AXMEntityProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_ACTION_PLUGIN,
+                useValue: dashboardPlugin,
+                multi: true,
+            },
+            {
+                provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
+                useValue: dashboardScopeMiddleware,
+                multi: true,
+            },
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-gjCiELmH.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return entityDashboardPageComponent_provider; }).then((m) => m.AXMEntityDashboardPageComponentProvider)),
+        ], imports: [AXPWidgetCoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPWidgetCoreModule,
+                        // Entity Modules
+                    ],
+                    providers: [
+                        { provide: AXP_WIDGET_DEFINITION_PROVIDER, useClass: AXMDashboardManagementWidgetsProvider, multi: true },
+                        {
+                            provide: AXP_HOME_PAGES,
+                            multi: true,
+                            useFactory: () => [
+                                {
+                                    key: 'dashboard',
+                                    title: 'Dashboard',
+                                    route: createAppRoute(),
+                                },
+                            ],
+                        },
+                        // Module-specific providers (not part of manifest system)
+                        AXPWidgetsModule,
+                        {
+                            provide: AXP_HOME_PAGE_DEFAULT_KEY,
+                            useValue: 'dashboard',
+                        },
+                        // Module Manifest Provider
+                        {
+                            provide: AXP_MODULE_MANIFEST_PROVIDER,
+                            useValue: DashboardManagementManifest,
+                            multi: true,
+                        },
+                        // Provider references (now using tokens)
+                        {
+                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                            useClass: AXMPermissionDefinitionProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_MENU_PROVIDER,
+                            useClass: AXMMenuProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_DEFINITION_LOADER,
+                            useClass: AXMEntityProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_ACTION_PLUGIN,
+                            useValue: dashboardPlugin,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_ENTITY_STORAGE_MIDDLEWARE,
+                            useValue: dashboardScopeMiddleware,
+                            multi: true,
+                        },
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-modules-dashboard-management-index-gjCiELmH.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return entityDashboardPageComponent_provider; }).then((m) => m.AXMEntityDashboardPageComponentProvider)),
+                    ],
+                }]
+        }] });
+
+async function dashboardFactory() {
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.dashboard.name,
+        title: RootConfig.entities.dashboard.title,
+        icon: RootConfig.entities.dashboard.icon,
+        plugins: [{ name: 'category' }, { name: 'archive' }],
+        pages: [
+            {
+                componentKey: DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY,
+                title: '@dashboard-management:dashboards.entities.dashboard.pages.layout.title',
+                description: '@dashboard-management:dashboards.entities.dashboard.pages.layout.description',
+                icon: 'fa-light fa-table-layout',
+                layout: { order: 1, position: 'after' },
+            },
+        ],
+        formats: {
+            individual: RootConfig.entities.dashboard.title,
+            plural: RootConfig.entities.dashboard.titlePlural,
+            displayName: '@general:terms.interface.configuration',
+            searchResult: {
+                title: '{{ title }}',
+                description: RootConfig.module.title,
+            },
+        },
+        relatedEntities: [],
+        groups: [
+            {
+                id: 'section',
+                title: RootConfig.entities.dashboard.title,
+            },
+            {
+                id: 'access',
+                title: '@dashboard-management:dashboards.entities.dashboard.groups.access.title',
+            },
+        ],
+        properties: [
+            {
+                name: 'id',
+                title: 'ID',
+                groupId: 'section',
+                schema: { dataType: 'uuid', visible: false, nullable: false, readonly: true, unique: { enabled: true } },
+            },
+            {
+                name: 'title',
+                title: '@general:terms.common.title',
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                        inline: {
+                            enabled: true,
+                        },
+                    },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsList.Editors.TextBox,
+                        options: {
+                            multiLanguage: true,
+                            placeholder: '@general:terms.common.title',
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+            },
+            {
+                name: 'description',
+                title: '@dashboard-management:dashboards.entities.dashboard.fields.description.title',
+                groupId: 'section',
+                options: {
+                    sort: {
+                        enabled: false,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: false,
+                        },
+                        inline: {
+                            enabled: false,
+                        },
+                    },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsList.Editors.LargeTextBox,
+                        options: {
+                            rows: 3,
+                            multiLanguage: true,
+                            placeholder: '@general:terms.common.description',
+                        },
+                    },
+                },
+            },
+            {
+                name: 'scope',
+                title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.title',
+                groupId: 'access',
+                options: {
+                    sort: { enabled: true },
+                    filter: { advance: { enabled: true }, inline: { enabled: true } },
+                },
+                schema: {
+                    dataType: 'string',
+                    visible: false,
+                    interface: {
+                        type: AXPWidgetsList.Editors.SelectBox,
+                        options: {
+                            valueField: 'id',
+                            dataSource: [
+                                {
+                                    id: 'T',
+                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.tenant',
+                                },
+                                {
+                                    id: 'U',
+                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.personal',
+                                },
+                                {
+                                    id: 'E',
+                                    title: '@dashboard-management:dashboards.entities.dashboard.fields.scope.options.entity',
+                                },
+                            ],
+                        },
+                    },
+                },
+            },
+            {
+                name: 'scopeRef.roleIds',
+                title: '@dashboard:roles',
+                groupId: 'access',
+                schema: {
+                    dataType: 'object',
+                    visible: `{{ !context.eval("scope") || context.eval("scope") === "T" }}`,
+                    interface: {
+                        type: AXPWidgetsList.Editors.LookupBox,
+                        options: {
+                            entity: 'SecurityManagement.Role',
+                            multiple: true,
+                            look: 'select',
+                        },
+                    },
+                },
+            },
+        ],
+        columns: [{ name: 'title' }, { name: 'description' }],
+        interfaces: {
+            master: {
+                create: {
+                    sections: [{ id: 'section' }, { id: 'access' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
+                        { name: 'scopeRef.roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                },
+                update: {
+                    sections: [{ id: 'section' }, { id: 'access' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
+                        { name: 'scopeRef.roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [{ id: 'section', layout: { positions: { lg: { colSpan: 12 } } } }, { id: 'access' }],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
+                        { name: 'scopeRef.roleIds', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
+                    ],
+                    actions: [...entityMasterRecordActions()],
+                },
+                list: {
+                    actions: [...entityMasterCrudActions()],
+                    views: [
+                        createQueryView('tenant', '@dashboard-management:dashboards.entities.dashboard.views.tenant', true, {
+                            sorts: [{ name: 'title', dir: 'asc' }],
+                            conditions: [{ name: 'scope', operator: { type: 'equal' }, value: 'T' }],
+                        }),
+                    ],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+//#endregion
+
+//#region ---- Dashboard Scope Types ----
+//#endregion
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    buildEntityScopeRef: buildEntityScopeRef,
+    buildTenantScopeRef: buildTenantScopeRef,
+    buildUserScopeRef: buildUserScopeRef,
+    dashboardFactory: dashboardFactory,
+    normalizeDashboardScopeRef: normalizeDashboardScopeRef,
+    readScopeEntityRef: readScopeEntityRef,
+    readScopeRoleIds: readScopeRoleIds,
+    readScopeTenantId: readScopeTenantId,
+    readScopeUserId: readScopeUserId
+});
+
+// Entity Services
+// Entity Modules
+
+//#endregion
+
 class AXMDashboardHomeComponent extends AXPPageLayoutBaseComponent {
     constructor() {
         super(...arguments);
@@ -8112,7 +8748,7 @@ class AXMDashboardHomeComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMDashboardHomeComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content class=\"ax-relative\">\n    @if (store.isLoading()) {\n      <div class=\"axm-dashboard-home__skeleton ax-w-full ax-min-h-full\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"axm-dashboard-home__skeleton-grid\">\n          @for (widget of skeletonWidgets; track widget.id) {\n            <article\n              class=\"axm-dashboard-home__skeleton-widget\"\n              [style.grid-area]=\"widget.area\"\n            >\n              <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-title\"></ax-skeleton>\n\n              <div class=\"axm-dashboard-home__skeleton-body\">\n                @switch (widget.variant) {\n                  @case ('list') {\n                    @for (row of skeletonListRows; track row) {\n                      <div class=\"axm-dashboard-home__skeleton-list-row\">\n                        <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-avatar\"></ax-skeleton>\n                        <div class=\"axm-dashboard-home__skeleton-list-text\">\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--wide\"></ax-skeleton>\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--narrow\"></ax-skeleton>\n                        </div>\n                      </div>\n                    }\n                  }\n                  @case ('compact') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-circle\"></ax-skeleton>\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--medium\"></ax-skeleton>\n                  }\n                  @case ('action') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-action\"></ax-skeleton>\n                  }\n                }\n              </div>\n            </article>\n          }\n        </div>\n      </div>\n    } @else if (!store.dashboards().length) {\n      <axp-state-message\n        icon=\"fa-light fa-shapes\"\n        [title]=\"'@dashboard:empty-state.title'\"\n        [description]=\"'@dashboard:empty-state.description'\"\n      >\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"execute({ name: 'new-dashboard' })\" class=\"ax-underline\">\n            {{ '@dashboard:add-first-dashboard' | translate | async }}\n          </button>\n        </div>\n      </axp-state-message>\n    } @else {\n      <axm-dashboard-grid-layout-section\n        [widgetsContext]=\"context()\"\n        [loadingVariant]=\"'overlay'\"\n        (addWidget)=\"execute({ name: 'new-widget' })\"\n      ></axm-dashboard-grid-layout-section>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axm-dashboard-home{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-dashboard-home .placeholder-content{border-radius:.5rem!important;border-width:1px!important;border-style:dashed!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))!important;background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5)!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}axm-dashboard-home .axm-dashboard-home__skeleton-grid{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,minmax(72px,auto));grid-template-areas:\"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"action action action tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\"}axm-dashboard-home .axm-dashboard-home__skeleton-widget{display:flex;min-height:0px;flex-direction:column;gap:.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-dashboard-home .axm-dashboard-home__skeleton-title{height:1rem;width:8rem;max-width:100%;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-body{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-list-row{display:flex;align-items:center;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-avatar{height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-list-text{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.5rem}axm-dashboard-home .axm-dashboard-home__skeleton-line{height:.75rem;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-line--wide{width:100%}axm-dashboard-home .axm-dashboard-home__skeleton-line--medium{width:66.666667%}axm-dashboard-home .axm-dashboard-home__skeleton-line--narrow{width:60%}axm-dashboard-home .axm-dashboard-home__skeleton-circle{height:4rem;width:4rem;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-action{height:2.5rem;width:100%;border-radius:.5rem}@media(max-width:768px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:\"clock clock clock notes notes notes\" \"action action action notes notes notes\" \"tasks tasks tasks tasks tasks tasks\" \"notifications notifications notifications notifications notifications notifications\"}}@media(max-width:480px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:\"clock\" \"action\" \"tasks\" \"notifications\" \"notes\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: AXMDashboardGridLayoutSectionComponent, selector: "axm-dashboard-grid-layout-section", inputs: ["widgetsContext", "loadingVariant"], outputs: ["addWidget"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content class=\"ax-relative\">\n    @if (store.isLoading()) {\n      <div class=\"axm-dashboard-home__skeleton ax-w-full ax-min-h-full\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"axm-dashboard-home__skeleton-grid\">\n          @for (widget of skeletonWidgets; track widget.id) {\n            <article\n              class=\"axm-dashboard-home__skeleton-widget\"\n              [style.grid-area]=\"widget.area\"\n            >\n              <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-title\"></ax-skeleton>\n\n              <div class=\"axm-dashboard-home__skeleton-body\">\n                @switch (widget.variant) {\n                  @case ('list') {\n                    @for (row of skeletonListRows; track row) {\n                      <div class=\"axm-dashboard-home__skeleton-list-row\">\n                        <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-avatar\"></ax-skeleton>\n                        <div class=\"axm-dashboard-home__skeleton-list-text\">\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--wide\"></ax-skeleton>\n                          <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--narrow\"></ax-skeleton>\n                        </div>\n                      </div>\n                    }\n                  }\n                  @case ('compact') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-circle\"></ax-skeleton>\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-line axm-dashboard-home__skeleton-line--medium\"></ax-skeleton>\n                  }\n                  @case ('action') {\n                    <ax-skeleton [animated]=\"true\" class=\"axm-dashboard-home__skeleton-action\"></ax-skeleton>\n                  }\n                }\n              </div>\n            </article>\n          }\n        </div>\n      </div>\n    } @else if (!store.dashboards().length) {\n      <axp-state-message\n        icon=\"fa-light fa-shapes\"\n        [title]=\"'@dashboard:empty-state.title'\"\n        [description]=\"'@dashboard:empty-state.description'\"\n      >\n        <div slot=\"actions\">\n          <button type=\"button\" (click)=\"execute({ name: 'new-dashboard' })\" class=\"ax-underline\">\n            {{ '@dashboard:add-first-dashboard' | translate | async }}\n          </button>\n        </div>\n      </axp-state-message>\n    } @else {\n      <axm-dashboard-grid-layout-section\n        [widgetsContext]=\"context()\"\n        [loadingVariant]=\"'overlay'\"\n        (addWidget)=\"execute({ name: 'new-widget' })\"\n      ></axm-dashboard-grid-layout-section>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axm-dashboard-home{background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}axm-dashboard-home .placeholder-content{border-radius:.5rem!important;border-width:1px!important;border-style:dashed!important;--tw-border-opacity: 1 !important;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1))!important;background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5)!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content{border-radius:.5rem!important;border-width:1px!important;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;background-color:rgb(var(--ax-sys-color-lightest-surface))!important;color:rgb(var(--ax-sys-color-on-lightest-surface))!important;border-color:rgb(var(--ax-sys-color-border-lightest-surface))!important}axm-dashboard-home ax-grid-layout-widget .grid-stack-item-content:is(.ax-dark *){background-color:rgb(var(--ax-sys-color-lighter-surface))!important;color:rgb(var(--ax-sys-color-on-lighter-surface))!important;border-color:rgb(var(--ax-sys-color-border-lighter-surface))!important}axm-dashboard-home .axm-dashboard-home__skeleton-grid{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(5,minmax(72px,auto));grid-template-areas:\"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"clock clock clock tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"action action action tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\" \"notes notes notes tasks tasks tasks tasks tasks notifications notifications notifications notifications\"}axm-dashboard-home .axm-dashboard-home__skeleton-widget{display:flex;min-height:0px;flex-direction:column;gap:.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-border-lightest-surface),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-lightest-surface),var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-dashboard-home .axm-dashboard-home__skeleton-title{height:1rem;width:8rem;max-width:100%;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-body{display:flex;min-height:0px;flex:1 1 0%;flex-direction:column;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-list-row{display:flex;align-items:center;gap:.75rem}axm-dashboard-home .axm-dashboard-home__skeleton-avatar{height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-list-text{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.5rem}axm-dashboard-home .axm-dashboard-home__skeleton-line{height:.75rem;border-radius:.25rem}axm-dashboard-home .axm-dashboard-home__skeleton-line--wide{width:100%}axm-dashboard-home .axm-dashboard-home__skeleton-line--medium{width:66.666667%}axm-dashboard-home .axm-dashboard-home__skeleton-line--narrow{width:60%}axm-dashboard-home .axm-dashboard-home__skeleton-circle{height:4rem;width:4rem;border-radius:9999px}axm-dashboard-home .axm-dashboard-home__skeleton-action{height:2.5rem;width:100%;border-radius:.5rem}@media(max-width:768px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:\"clock clock clock notes notes notes\" \"action action action notes notes notes\" \"tasks tasks tasks tasks tasks tasks\" \"notifications notifications notifications notifications notifications notifications\"}}@media(max-width:480px){axm-dashboard-home .axm-dashboard-home__skeleton-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:\"clock\" \"action\" \"tasks\" \"notifications\" \"notes\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: AXMDashboardGridLayoutSectionComponent, selector: "axm-dashboard-grid-layout-section", inputs: ["widgetsContext", "loadingVariant"], outputs: ["addWidget"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMDashboardHomeComponent, decorators: [{
             type: Component,
@@ -8213,7 +8849,7 @@ class AXMAddDashboardPopup extends AXBasePageComponent {
                         title: this.multiLanguageResolver.resolve(i.title),
                     }));
                 }
-                this.selectedRoleIds.set(this.roles.filter((i) => this.data?.roleIds?.includes(i.id)).map((i) => i.id));
+                this.selectedRoleIds.set(this.roles.filter((i) => readScopeRoleIds(this.data?.scopeRef).includes(i.id)).map((i) => i.id));
             }
             catch (error) {
                 console.error('Error loading roles:', error);
@@ -8222,16 +8858,19 @@ class AXMAddDashboardPopup extends AXBasePageComponent {
         }
     }
     async handleClose(isCanceled = false) {
+        const userId = this.sessionService.user?.id ?? '';
+        const tenantId = this.sessionService.tenant?.id ?? '';
+        const scope = this.showAdminFields() ? 'T' : 'U';
         this.close({
             title: this.title()?.trim(),
             description: this.description()?.trim(),
-            roleIds: this.showAdminFields() ? this.selectedRoleIds() : undefined,
+            scopeRef: scope === 'T' ? buildTenantScopeRef(tenantId, this.selectedRoleIds()) : buildUserScopeRef(userId),
             isArchived: this.showAdminFields() ? this.isArchived() : undefined,
             locked: this.showAdminFields() ? this.isLocked() : undefined,
-            scope: this.showAdminFields() ? 'T' : 'U',
-            createdBy: this.sessionService.user?.id,
+            scope,
+            createdBy: userId,
             createdAt: new Date(),
-            updatedBy: this.sessionService.user?.id,
+            updatedBy: userId,
             updatedAt: new Date(),
             isCanceled,
         });
@@ -8408,5 +9047,5 @@ var AXPHomeDashboardSetting;
  * Generated bundle index. Do not edit.
  */
 
-export { AXP_DASHBOARD_SHARED_SUB_CHART_SPECIALIZED as $, AXMDashboardStore as A, AXPHeatmapChartWidgetViewComponent as B, AXPHomeDashboardSetting as C, DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY as D, AXPKpiDetailsWidget as E, AXPKpiDetailsWidgetViewComponent as F, AXPKpiProgressWidget as G, AXPKpiProgressWidgetViewComponent as H, AXPKpiSegmentedWidget as I, AXPKpiSegmentedWidgetViewComponent as J, AXPKpiStatCardWidget as K, AXPKpiStatCardWidgetViewComponent as L, AXPLineChartWidget as M, AXPLineChartWidgetViewComponent as N, AXPMinimalWeatherWidget as O, AXPShortcutWidget as P, AXPShortcutWidgetViewComponent as Q, AXPStickyNoteWidget as R, AXPStickyNoteWidgetViewComponent as S, AXPWeatherApiAbstract as T, AXPWeatherApiMockService as U, AXPWeatherApiService as V, AXPWeatherWidget as W, AXPWeatherWidgetViewComponent as X, AXP_DASHBOARD_SHARED_SUB_CHART_CARTESIAN as Y, AXP_DASHBOARD_SHARED_SUB_CHART_KPI as Z, AXP_DASHBOARD_SHARED_SUB_CHART_RADIAL as _, AXMDashboardGridLayoutSectionComponent as a, AXP_DASHBOARD_SHARED_SUB_UTILITY_NOTES as a0, AXP_DASHBOARD_SHARED_SUB_UTILITY_SHORTCUT as a1, AXP_DASHBOARD_SHARED_SUB_UTILITY_TIME as a2, AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER as a3, AXP_DATE_FORMAT_OPTIONS as a4, AXP_TIMEZONE_OPTIONS as a5, AXP_WIDGETS_CHART_CATEGORY as a6, AXP_WIDGETS_UTILITY_CATEGORY as a7, RootConfig as a8, dashboardFactory as a9, DASHBOARD_LAYOUT_ENTITY_MODE as b, AXMAddDashboardPopup as c, AXMAdvancedWeatherViewComponent as d, AXMAnalogClockComponent as e, AXMClockWidgetViewComponent as f, AXMConfigurationPopup as g, AXMDashboardHomeComponent as h, AXMDashboardManagementModule as i, AXMDashboardPopupService as j, AXMDashboardWidgetWrapperComponent as k, AXMMinimalWeatherViewComponent as l, AXPAdvancedWeatherWidget as m, AXPAnalogClockWidget as n, AXPBarChartWidget as o, AXPBarChartWidgetViewComponent as p, AXPClockCalendarWidget as q, AXPClockCalendarWidgetViewComponent as r, AXPDashboardWidgetComponent as s, AXPDonutChartWidget as t, AXPDonutChartWidgetViewComponent as u, AXPFunnelChartWidget as v, AXPFunnelChartWidgetViewComponent as w, AXPGaugeChartWidget as x, AXPGaugeChartWidgetViewComponent as y, AXPHeatmapChartWidget as z };
-//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-Lx3VuIg6.mjs.map
+export { AXP_DASHBOARD_SHARED_SUB_CHART_SPECIALIZED as $, AXMDashboardStore as A, AXPHeatmapChartWidgetViewComponent as B, AXPHomeDashboardSetting as C, DASHBOARD_LAYOUT_PAGE_COMPONENT_KEY as D, AXPKpiDetailsWidget as E, AXPKpiDetailsWidgetViewComponent as F, AXPKpiProgressWidget as G, AXPKpiProgressWidgetViewComponent as H, AXPKpiSegmentedWidget as I, AXPKpiSegmentedWidgetViewComponent as J, AXPKpiStatCardWidget as K, AXPKpiStatCardWidgetViewComponent as L, AXPLineChartWidget as M, AXPLineChartWidgetViewComponent as N, AXPMinimalWeatherWidget as O, AXPShortcutWidget as P, AXPShortcutWidgetViewComponent as Q, AXPStickyNoteWidget as R, AXPStickyNoteWidgetViewComponent as S, AXPWeatherApiAbstract as T, AXPWeatherApiMockService as U, AXPWeatherApiService as V, AXPWeatherWidget as W, AXPWeatherWidgetViewComponent as X, AXP_DASHBOARD_SHARED_SUB_CHART_CARTESIAN as Y, AXP_DASHBOARD_SHARED_SUB_CHART_KPI as Z, AXP_DASHBOARD_SHARED_SUB_CHART_RADIAL as _, AXMDashboardGridLayoutSectionComponent as a, AXP_DASHBOARD_SHARED_SUB_UTILITY_NOTES as a0, AXP_DASHBOARD_SHARED_SUB_UTILITY_SHORTCUT as a1, AXP_DASHBOARD_SHARED_SUB_UTILITY_TIME as a2, AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER as a3, AXP_DATE_FORMAT_OPTIONS as a4, AXP_TIMEZONE_OPTIONS as a5, AXP_WIDGETS_CHART_CATEGORY as a6, AXP_WIDGETS_UTILITY_CATEGORY as a7, RootConfig as a8, buildEntityScopeRef as a9, buildTenantScopeRef as aa, buildUserScopeRef as ab, dashboardFactory as ac, normalizeDashboardScopeRef as ad, readScopeEntityRef as ae, readScopeRoleIds as af, readScopeTenantId as ag, readScopeUserId as ah, DASHBOARD_LAYOUT_ENTITY_MODE as b, AXMAddDashboardPopup as c, AXMAdvancedWeatherViewComponent as d, AXMAnalogClockComponent as e, AXMClockWidgetViewComponent as f, AXMConfigurationPopup as g, AXMDashboardHomeComponent as h, AXMDashboardManagementModule as i, AXMDashboardPopupService as j, AXMDashboardWidgetWrapperComponent as k, AXMMinimalWeatherViewComponent as l, AXPAdvancedWeatherWidget as m, AXPAnalogClockWidget as n, AXPBarChartWidget as o, AXPBarChartWidgetViewComponent as p, AXPClockCalendarWidget as q, AXPClockCalendarWidgetViewComponent as r, AXPDashboardWidgetComponent as s, AXPDonutChartWidget as t, AXPDonutChartWidgetViewComponent as u, AXPFunnelChartWidget as v, AXPFunnelChartWidgetViewComponent as w, AXPGaugeChartWidget as x, AXPGaugeChartWidgetViewComponent as y, AXPHeatmapChartWidget as z };
+//# sourceMappingURL=acorex-modules-dashboard-management-acorex-modules-dashboard-management-DLuhOPFz.mjs.map