@acorex-platform/module-report-management-client 0.0.30 → 0.0.33

package/fesm2022/{acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-BDCuhd5O.mjs → acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-DENcGULA.mjs}

@@ -1,21 +1,24 @@
-import { AXPExpressionEvaluatorService, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, provideLazyProvider, applySystemActionDefault, AXPDeviceService } from '@acorex-platform/framework-client/core';
-import { RootConfig, AXPInsightsReportingPermissionKeys, AXPReportManagementMenuKeys, AXPReportManagementFeatureKeys, AXMReportManagementQueryKeys, AXMReportManagementCommandKeys } from '@acorex-platform/module-report-management-client/contracts';
+import { AXPExpressionEvaluatorService, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, provideLazyProvider, applySystemActionDefault, AXPDeviceService } from '@acorex-platform/framework-client/core';
+import { RootConfig, AXPInsightsReportingPermissionKeys, AXPReportManagementMenuKeys, AXPReportManagementFeatureKeys, AXPReportManagementSettings, AXP_REPORT_MANAGEMENT_GENERATION_SETTING_DEFAULTS, buildReportGenerationNotificationCorrelationId, AXMReportManagementQueryKeys, REPORT_GENERATION_NOTIFICATION_DEFINITION_KEY, AXMReportManagementCommandKeys } from '@acorex-platform/module-report-management-client/contracts';
 import { AXPDomainModule } from '@acorex-platform/framework-client/domain';
 import { AXPEntityService, resolveEntityPluginDetailPageOrder, AXP_ENTITY_ACTION_PLUGIN, provideEntity } from '@acorex-platform/framework-client/layout/entity';
 import { AXP_PAGE_COMPONENT_PROVIDER, AXPStateMessageComponent, AXPTextCommandColumnComponent, AXPThemeLayoutStartSideComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutFooterComponent } from '@acorex-platform/framework-client/layout/components';
 import { AXPRootLayoutComponent } from '@acorex-platform/framework-client/themes/default';
 import * as i0 from '@angular/core';
-import { Injectable, inject, Injector, NgModule, computed, effect, untracked, signal, ChangeDetectionStrategy, Component, ViewEncapsulation, viewChild, DestroyRef, input } from '@angular/core';
-import { ROUTES, ActivatedRoute } from '@angular/router';
-import { AXPTabNavigationService, AXPBackgroundOperationHandler, AXP_BACKGROUND_OPERATION_HANDLERS, AXP_PROTECTED_ROUTE_GUARDS, AXP_MENU_PROVIDER, AXPSettingsService, commandMessageTextForError, AXPCommonSettings } from '@acorex-platform/framework-client/common';
+import { Injectable, inject, DestroyRef, Injector, effect, NgModule, computed, untracked, signal, ChangeDetectionStrategy, Component, ViewEncapsulation, viewChild, input } from '@angular/core';
+import { ROUTES, ActivatedRoute, NavigationStart } from '@angular/router';
+import { AXPTabNavigationService, AXPBackgroundOperationHandler, AXP_BACKGROUND_OPERATION_HANDLERS, AXP_USER_NOTIFICATION_SERVICE, AXP_PROTECTED_ROUTE_GUARDS, AXP_MENU_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER, AXPSettingsService, commandMessageTextForError, AXPCommonSettings } from '@acorex-platform/framework-client/common';
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
-import { AXPQueryService, AXPRuntimeModule, provideCommandSetups, AXPCommandService } from '@acorex-platform/framework-client/runtime';
+import { AXPQueryService, AXPCommandService, AXPRuntimeModule, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
 import { AXPCommonPermissionGroupKeys } from '@acorex-platform/module-common-client/contracts';
+import { AXPWidgetsList, runtimeQueryPayloadData, resolveMultiLanguageString, runtimeQueryObjectData, runtimeQueryCollectionData, AXPPlatformScope, runtimeCommandPayloadData, getSystemActions } from '@acorex-platform/framework-shared/core';
 import { get, isString } from 'lodash-es';
-import { AXPopupService } from '@acorex/components/popup';
-import { resolveMultiLanguageString, runtimeQueryPayloadData, runtimeQueryObjectData, runtimeQueryCollectionData, AXPPlatformScope, AXPWidgetsList, getSystemActions } from '@acorex-platform/framework-shared/core';
 import * as i1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPInAppInboxConnectorService } from '@acorex-platform/module-communication-management-client';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { map, distinctUntilChanged, Subscription, combineLatest } from 'rxjs';
+import { AXPopupService } from '@acorex/components/popup';
 import { AXBadgeModule } from '@acorex/components/badge';
 import * as i1$2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
@@ -33,12 +36,11 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { Subscription, combineLatest } from 'rxjs';
+import { filter } from 'rxjs/operators';
 import { AXPPageStatus } from '@acorex-platform/framework-shared/widget-core';
 import { AXLocaleService } from '@acorex/core/locale';
 import * as i2$1 from '@acorex-platform/framework-client/layout/widget-core';
 import { AXPWidgetRegistryService, AXPWidgetCoreModule } from '@acorex-platform/framework-client/layout/widget-core';
-import { AXToastService } from '@acorex/components/toast';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { set } from 'lodash';
 import { AXBarChartComponent } from '@acorex/charts/bar-chart';
@@ -163,6 +165,79 @@ class AXPReportManagementFeatureDefinitionProvider {
 }
 //#endregion
 
+//#region ----- Report management settings -----
+const DEDUPE_POLICY_ITEMS = [
+    {
+        value: 'none',
+        text: '@report-management:settings.generation.items.dedupe-policy.options.none',
+    },
+    {
+        value: 'in-flight',
+        text: '@report-management:settings.generation.items.dedupe-policy.options.in-flight',
+    },
+    {
+        value: 'in-flight-or-cooldown',
+        text: '@report-management:settings.generation.items.dedupe-policy.options.in-flight-or-cooldown',
+    },
+];
+class AXMReportManagementSettingProvider {
+    async provide(context) {
+        const cooldownPolicy = `{{ context.eval('${AXPReportManagementSettings.GenerationDedupePolicy}') === 'in-flight-or-cooldown' }}`;
+        context
+            .addGroup('report-management', '@report-management:settings.group.title', '@report-management:settings.group.description', 'fa-light fa-chart-line', undefined, 840)
+            .addSection('generation', '@report-management:settings.generation.title', '@report-management:settings.generation.description')
+            .addSetting({
+            key: AXPReportManagementSettings.GenerationDedupePolicy,
+            title: '@report-management:settings.generation.items.dedupe-policy.title',
+            description: '@report-management:settings.generation.items.dedupe-policy.description',
+            scope: 'P',
+            overridableAt: [],
+            isInherited: false,
+            defaultValue: AXP_REPORT_MANAGEMENT_GENERATION_SETTING_DEFAULTS[AXPReportManagementSettings.GenerationDedupePolicy],
+            widget: {
+                type: AXPWidgetsList.Editors.SelectBox,
+                options: {
+                    valueField: 'value',
+                    textField: 'text',
+                    dataSource: DEDUPE_POLICY_ITEMS,
+                },
+            },
+            validationRules: [{ rule: 'required' }],
+        })
+            .addSetting({
+            key: AXPReportManagementSettings.GenerationDedupeCooldownMinutes,
+            title: '@report-management:settings.generation.items.dedupe-cooldown-minutes.title',
+            description: '@report-management:settings.generation.items.dedupe-cooldown-minutes.description',
+            scope: 'P',
+            overridableAt: [],
+            isInherited: false,
+            defaultValue: AXP_REPORT_MANAGEMENT_GENERATION_SETTING_DEFAULTS[AXPReportManagementSettings.GenerationDedupeCooldownMinutes],
+            widget: {
+                type: AXPWidgetsList.Editors.NumberBox,
+                options: { minValue: 0, maxValue: 1440, visibility: cooldownPolicy },
+            },
+            validationRules: [{ rule: 'required' }],
+        })
+            .addSetting({
+            key: AXPReportManagementSettings.GenerationMaxConcurrentPerUser,
+            title: '@report-management:settings.generation.items.max-concurrent-per-user.title',
+            description: '@report-management:settings.generation.items.max-concurrent-per-user.description',
+            scope: 'P',
+            overridableAt: [],
+            isInherited: false,
+            defaultValue: AXP_REPORT_MANAGEMENT_GENERATION_SETTING_DEFAULTS[AXPReportManagementSettings.GenerationMaxConcurrentPerUser],
+            widget: {
+                type: AXPWidgetsList.Editors.NumberBox,
+                options: { minValue: 0, maxValue: 50 },
+            },
+            validationRules: [{ rule: 'required' }],
+        })
+            .endSection()
+            .endGroup();
+    }
+}
+//#endregion
+
 //#region ----- Types -----
 //#endregion
 //#region ----- Date helpers -----
@@ -416,6 +491,558 @@ function createEntityReportsPlugin(_injector) {
 }
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Command -----
+/** Opens a report in the full-page report viewer. */
+class AXPOpenReportViewerCommand {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.sessionService = inject(AXPSessionService);
+        this.tabNavigation = inject(AXPTabNavigationService);
+        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
+        this.translate = inject(AXTranslationService);
+        this.inboxConnector = inject(AXPInAppInboxConnectorService, { optional: true });
+    }
+    //#endregion
+    //#region ----- Command Implementation -----
+    async execute(input) {
+        const rowData = this.resolveRowData(input);
+        const options = await this.resolveOptions(input, rowData);
+        if (!options.reportId) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translate.translateAsync('@report-management:report-viewer.messages.error.invalid-popup-target'),
+                },
+            };
+        }
+        const runId = typeof options.runId === 'string' ? options.runId.trim() : '';
+        if (runId) {
+            await this.dismissReportGenerationInboxNotification(runId);
+        }
+        const appName = this.sessionService.application?.name;
+        if (!appName) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translate.translateAsync('@report-management:report-viewer.messages.error.invalid-popup-target'),
+                },
+            };
+        }
+        // Put reportId in the path (not queryParams): tabular navigation drops NavigationExtras.
+        const path = runId
+            ? `${appName}/${RootConfig.module.route}/viewer/${options.reportId}?runId=${encodeURIComponent(runId)}`
+            : `${appName}/${RootConfig.module.route}/viewer/${options.reportId}`;
+        await this.tabNavigation.navigate(path);
+        return { success: true, kind: 'object', data: undefined };
+    }
+    //#endregion
+    //#region ----- Helpers -----
+    async dismissReportGenerationInboxNotification(runId) {
+        if (!this.inboxConnector) {
+            return;
+        }
+        try {
+            await this.inboxConnector.dismissByCorrelationId(buildReportGenerationNotificationCorrelationId(runId));
+        }
+        catch {
+            // Best-effort — navigation should still proceed.
+        }
+    }
+    resolveRowData(input) {
+        const ctx = input;
+        if (ctx?.data && typeof ctx.data === 'object') {
+            return ctx.data;
+        }
+        if (input['data'] &&
+            typeof input['data'] === 'object') {
+            return input['data'];
+        }
+        return input;
+    }
+    async resolveOptions(input, rowData) {
+        const typedInput = input;
+        const rawOptions = {
+            reportId: typedInput.reportId,
+            runId: typedInput.runId,
+            ...(typedInput.options ?? {}),
+        };
+        const scope = {
+            context: {
+                eval: (path) => get(rowData, path),
+            },
+        };
+        return (await this.expressionEvaluator.evaluate(rawOptions, scope));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportViewerCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportViewerCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportViewerCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+var openReportViewer_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPOpenReportViewerCommand: AXPOpenReportViewerCommand
+});
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Handler -----
+class AXMReportGenerationBackgroundOperationHandler extends AXPBackgroundOperationHandler {
+    constructor() {
+        super(...arguments);
+        this.providerKey = 'report-management';
+        this.openViewer = inject(AXPOpenReportViewerCommand);
+        this.queryService = inject(AXPQueryService);
+    }
+    async execute(command, operation) {
+        if (command.name !== 'click') {
+            return;
+        }
+        const reportRequestId = get(operation.data, 'reportRequestId') ??
+            get(operation.data, 'payload.reportRequestId') ??
+            get(operation.data, 'command.payload.reportRequestId');
+        if (typeof reportRequestId !== 'string' || !reportRequestId.trim()) {
+            return;
+        }
+        const result = await this.queryService.fetch(AXMReportManagementQueryKeys.ReportGeneration.Get, { id: reportRequestId });
+        const request = runtimeQueryPayloadData(result);
+        if (!request?.reportId) {
+            return;
+        }
+        if (request.status === 'completed') {
+            await this.openViewer.execute({ reportId: request.reportId, runId: request.id });
+            return;
+        }
+        await this.openViewer.execute({ reportId: request.reportId });
+    }
+    resolveCta(operation) {
+        if (operation.status === 'failed' && operation.capabilities.retryable) {
+            return {
+                text: '@general:background-operation.actions.retry',
+                icon: 'fa-light fa-arrow-rotate-right',
+                color: 'primary',
+                look: 'solid',
+                command: { name: 'retry' },
+            };
+        }
+        if (operation.status === 'completed' && operation.capabilities.clickable) {
+            return {
+                text: '@report-management:report-generation.notifications.actions.open-viewer',
+                icon: 'fa-light fa-file-chart-column',
+                color: 'primary',
+                look: 'solid',
+                command: { name: 'click' },
+            };
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationBackgroundOperationHandler, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationBackgroundOperationHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationBackgroundOperationHandler, decorators: [{
+            type: Injectable
+        }] });
+//#endregion
+//#region ----- Providers -----
+const AXM_REPORT_GENERATION_BACKGROUND_OPERATION_HANDLERS = [
+    {
+        provide: AXP_BACKGROUND_OPERATION_HANDLERS,
+        useExisting: AXMReportGenerationBackgroundOperationHandler,
+        multi: true,
+    },
+    AXMReportGenerationBackgroundOperationHandler,
+];
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const TOASTED_KEYS_STORAGE = 'axp:report-generation-inbox-toast-keys';
+//#endregion
+//#region ----- Bridge -----
+/**
+ * When a report-generation inbox row arrives (user was not watching inline),
+ * mirrors it as a transient toast with an open action. Inbox persistence stays server-owned.
+ */
+class AXMReportGenerationInboxToastBridgeService {
+    constructor() {
+        //#region ----- Dependencies -----
+        this.inboxConnector = inject(AXPInAppInboxConnectorService, { optional: true });
+        this.userNotificationService = inject(AXP_USER_NOTIFICATION_SERVICE);
+        this.commandService = inject(AXPCommandService);
+        this.translationService = inject(AXTranslationService);
+        this.sessionService = inject(AXPSessionService);
+        this.destroyRef = inject(DestroyRef);
+        this.injector = inject(Injector);
+        //#endregion
+        //#region ----- State -----
+        this.started = false;
+        this.inboxBaselined = false;
+        this.boundUserId = null;
+        this.toastedKeys = new Set();
+    }
+    //#endregion
+    //#region ----- Lifecycle -----
+    start() {
+        if (this.started || !this.inboxConnector) {
+            return;
+        }
+        this.started = true;
+        this.sessionService.isReadyForAppScopedApi$
+            .pipe(map(() => this.sessionService.user?.id?.trim() || null), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
+            .subscribe((userId) => {
+            this.bindSessionUser(userId);
+        });
+        this.bindSessionUser(this.sessionService.user?.id?.trim() || null);
+        effect(() => {
+            const userId = this.sessionService.user?.id?.trim();
+            const inboxLoading = this.inboxConnector?.loading() ?? false;
+            const items = this.readReportGenerationItems();
+            if (!this.sessionService.isReadyForAppScopedApi || !userId) {
+                return;
+            }
+            if (!this.inboxBaselined) {
+                for (const item of items) {
+                    this.markToasted(this.toastKey(item));
+                }
+                if (!inboxLoading) {
+                    this.inboxBaselined = true;
+                }
+                return;
+            }
+            for (const item of items) {
+                const key = this.toastKey(item);
+                if (this.toastedKeys.has(key)) {
+                    continue;
+                }
+                this.markToasted(key);
+                void this.showToastForInboxItem(item);
+            }
+        }, { injector: this.injector });
+    }
+    //#endregion
+    //#region ----- Toast -----
+    async showToastForInboxItem(item) {
+        const action = item.actions?.[0];
+        const actionTitle = action?.title
+            ? await this.translationService.translateAsync(action.title)
+            : await this.translationService.translateAsync('@report-management:report-generation.notifications.actions.open-viewer');
+        const toastActions = action?.command?.name
+            ? [
+                {
+                    text: actionTitle,
+                    color: 'primary',
+                    onClick: () => this.executeInboxAction(item, action),
+                },
+            ]
+            : undefined;
+        await this.userNotificationService.notify({
+            correlationId: item.correlationId?.trim() || item.id,
+            title: await this.resolveText(item.title),
+            body: await this.resolveText(item.body),
+            icon: item.iconClass ?? this.resolveIcon(item),
+            delivery: {
+                toast: {
+                    color: this.resolveToastColor(item),
+                    location: 'bottom-center',
+                    closeButton: true,
+                    timeOut: 8_000,
+                    timeOutProgress: true,
+                    showActions: !!toastActions?.length,
+                },
+            },
+            toastActions,
+        });
+    }
+    async executeInboxAction(item, action) {
+        if (!action.command?.name) {
+            return;
+        }
+        await this.commandService.execute(action.command.name, action.command.options ?? {});
+    }
+    //#endregion
+    //#region ----- Helpers -----
+    readReportGenerationItems() {
+        const userId = this.sessionService.user?.id?.trim();
+        return (this.inboxConnector?.inboxList() ?? []).filter((item) => {
+            if (item.definitionKey !== REPORT_GENERATION_NOTIFICATION_DEFINITION_KEY) {
+                return false;
+            }
+            const recipientUserId = item.recipientUserId?.trim();
+            return !recipientUserId || recipientUserId === userId;
+        });
+    }
+    toastKey(item) {
+        return item.correlationId?.trim() || item.id;
+    }
+    bindSessionUser(userId) {
+        if (userId === this.boundUserId) {
+            return;
+        }
+        this.boundUserId = userId;
+        this.inboxBaselined = false;
+        this.toastedKeys.clear();
+        if (userId) {
+            this.loadPersistedToastedKeys(userId);
+        }
+    }
+    markToasted(key) {
+        const normalized = key.trim();
+        if (!normalized) {
+            return;
+        }
+        this.toastedKeys.add(normalized);
+        this.persistToastedKeys();
+    }
+    toastedStorageKey(userId) {
+        return `${TOASTED_KEYS_STORAGE}:${userId}`;
+    }
+    loadPersistedToastedKeys(userId) {
+        try {
+            const raw = sessionStorage.getItem(this.toastedStorageKey(userId));
+            if (!raw) {
+                return;
+            }
+            const parsed = JSON.parse(raw);
+            if (!Array.isArray(parsed)) {
+                return;
+            }
+            for (const entry of parsed) {
+                if (typeof entry === 'string' && entry.trim()) {
+                    this.toastedKeys.add(entry.trim());
+                }
+            }
+        }
+        catch {
+            // Ignore corrupt session storage.
+        }
+    }
+    persistToastedKeys() {
+        const userId = this.boundUserId?.trim();
+        if (!userId) {
+            return;
+        }
+        try {
+            sessionStorage.setItem(this.toastedStorageKey(userId), JSON.stringify([...this.toastedKeys]));
+        }
+        catch {
+            // Ignore quota / privacy errors.
+        }
+    }
+    async resolveText(value) {
+        const text = value?.trim();
+        if (!text) {
+            return '';
+        }
+        if (text.startsWith('@')) {
+            return this.translationService.translateAsync(text);
+        }
+        return text;
+    }
+    resolveToastColor(item) {
+        switch (item.priority) {
+            case 'Danger':
+                return 'danger';
+            case 'Warning':
+                return 'warning';
+            default:
+                return 'success';
+        }
+    }
+    resolveIcon(item) {
+        if (item.priority === 'Danger') {
+            return 'fa-light fa-circle-exclamation';
+        }
+        if (item.priority === 'Warning') {
+            return 'fa-light fa-triangle-exclamation';
+        }
+        return 'fa-light fa-circle-check';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationInboxToastBridgeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationInboxToastBridgeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationInboxToastBridgeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Providers -----
+function provideReportGenerationInboxToastBridge() {
+    return [
+        provideAppStartUpTask(() => {
+            const bridge = inject(AXMReportGenerationInboxToastBridgeService);
+            const inbox = inject(AXPInAppInboxConnectorService, { optional: true });
+            return {
+                name: 'report-generation-inbox-toast-bridge',
+                priority: AXP_APP_STARTUP_PRIORITY.realtimeHandlers,
+                run: async () => {
+                    if (inbox) {
+                        await inbox.ensureReady();
+                        await inbox.refresh();
+                    }
+                    bridge.start();
+                },
+            };
+        }),
+    ];
+}
+//#endregion
+
+function routesFacory() {
+    let routes = [
+        {
+            path: `:app/${RootConfig.module.route}/viewer`,
+            canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
+            data: { tab: true, rootLayout: true },
+            loadComponent: () => {
+                return AXPRootLayoutComponent;
+            },
+            children: [
+                {
+                    path: ':reportId',
+                    loadComponent: () => Promise.resolve().then(function () { return reportViewerPage_component; }).then((c) => c.AXPReportViewerPageComponent),
+                    data: { reuse: true },
+                },
+                {
+                    path: '',
+                    loadComponent: () => Promise.resolve().then(function () { return reportViewerPage_component; }).then((c) => c.AXPReportViewerPageComponent),
+                    data: { reuse: true },
+                },
+            ],
+        },
+    ];
+    return routes;
+}
+class AXMReportManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, imports: [AXPDomainModule,
+            AXPRuntimeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, providers: [
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFacory,
+            },
+            provideEntity([RootConfig.entities.report.fullName, RootConfig.entities.category.fullName]),
+            // Module Manifest Provider
+            {
+                provide: AXP_MODULE_MANIFEST_PROVIDER,
+                useValue: ReportManagementManifest,
+                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_FEATURE_DEFINITION_PROVIDER,
+                useClass: AXPReportManagementFeatureDefinitionProvider,
+                multi: true,
+            },
+            {
+                provide: AXP_SETTING_DEFINITION_PROVIDER,
+                useClass: AXMReportManagementSettingProvider,
+                multi: true,
+            },
+            ...AXM_REPORT_GENERATION_BACKGROUND_OPERATION_HANDLERS,
+            ...provideReportGenerationInboxToastBridge(),
+            provideCommandSetups([
+                {
+                    key: 'ReportManagement.Report:OpenInPopup',
+                    command: () => Promise.resolve().then(function () { return openReportInPopup_command; }).then((c) => c.AXPOpenReportInPopupCommand),
+                },
+                {
+                    key: 'ReportManagement.Report:OpenViewer',
+                    command: () => Promise.resolve().then(function () { return openReportViewer_command; }).then((c) => c.AXPOpenReportViewerCommand),
+                },
+            ]),
+            {
+                provide: AXP_ENTITY_ACTION_PLUGIN,
+                multi: true,
+                useFactory: () => createEntityReportsPlugin(inject(Injector)),
+            },
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-B_i4p7tQ.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
+        ], imports: [AXPDomainModule,
+            AXPRuntimeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPDomainModule,
+                        AXPRuntimeModule,
+                        // Entity Modules
+                    ],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFacory,
+                        },
+                        provideEntity([RootConfig.entities.report.fullName, RootConfig.entities.category.fullName]),
+                        // Module Manifest Provider
+                        {
+                            provide: AXP_MODULE_MANIFEST_PROVIDER,
+                            useValue: ReportManagementManifest,
+                            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_FEATURE_DEFINITION_PROVIDER,
+                            useClass: AXPReportManagementFeatureDefinitionProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_SETTING_DEFINITION_PROVIDER,
+                            useClass: AXMReportManagementSettingProvider,
+                            multi: true,
+                        },
+                        ...AXM_REPORT_GENERATION_BACKGROUND_OPERATION_HANDLERS,
+                        ...provideReportGenerationInboxToastBridge(),
+                        provideCommandSetups([
+                            {
+                                key: 'ReportManagement.Report:OpenInPopup',
+                                command: () => Promise.resolve().then(function () { return openReportInPopup_command; }).then((c) => c.AXPOpenReportInPopupCommand),
+                            },
+                            {
+                                key: 'ReportManagement.Report:OpenViewer',
+                                command: () => Promise.resolve().then(function () { return openReportViewer_command; }).then((c) => c.AXPOpenReportViewerCommand),
+                            },
+                        ]),
+                        {
+                            provide: AXP_ENTITY_ACTION_PLUGIN,
+                            multi: true,
+                            useFactory: () => createEntityReportsPlugin(inject(Injector)),
+                        },
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-B_i4p7tQ.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
+                    ],
+                }]
+        }] });
+
 //#endregion
 
 //#region ----   Imports   ----
@@ -843,6 +1470,7 @@ class AXPOpenReportInPopupCommand {
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
         this.translate = inject(AXTranslationService);
         this.reportViewerService = inject(AXPReportViewerService);
+        this.inboxConnector = inject(AXPInAppInboxConnectorService, { optional: true });
     }
     //#endregion
     //#region ----- Command Implementation -----
@@ -858,9 +1486,12 @@ class AXPOpenReportInPopupCommand {
             };
         }
         const runId = typeof options.runId === 'string' ? options.runId.trim() : '';
+        if (runId) {
+            await this.dismissReportGenerationInboxNotification(runId);
+        }
         const popupTitle = await this.resolvePopupTitle(options, rowData, runId);
         const parameters = resolveReportParameterValues(options.parameters);
-        const comp = (await import('./acorex-platform-module-report-management-client-report-popup-viewer.component-B9msMMod.mjs')).AXPReportPopupViewerComponent;
+        const comp = (await import('./acorex-platform-module-report-management-client-report-popup-viewer.component-B6aTfRp0.mjs')).AXPReportPopupViewerComponent;
         this.popupService.open(comp, {
             title: popupTitle,
             size: 'lg',
@@ -941,295 +1572,37 @@ class AXPOpenReportInPopupCommand {
             return '';
         }
         const scope = {
-            context: {
-                eval: (path) => get(rowData, path),
-            },
-        };
-        const evaluated = await this.expressionEvaluator.evaluate(title, scope);
-        return isString(evaluated) ? evaluated : title;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportInPopupCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportInPopupCommand, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportInPopupCommand, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-var openReportInPopup_command = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPOpenReportInPopupCommand: AXPOpenReportInPopupCommand
-});
-
-//#region ----- Imports -----
-//#endregion
-//#region ----- Command -----
-/** Opens a report in the full-page report viewer. */
-class AXPOpenReportViewerCommand {
-    constructor() {
-        //#region ----- Services & Dependencies -----
-        this.sessionService = inject(AXPSessionService);
-        this.tabNavigation = inject(AXPTabNavigationService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.translate = inject(AXTranslationService);
-    }
-    //#endregion
-    //#region ----- Command Implementation -----
-    async execute(input) {
-        const rowData = this.resolveRowData(input);
-        const options = await this.resolveOptions(input, rowData);
-        if (!options.reportId) {
-            return {
-                success: false,
-                message: {
-                    text: await this.translate.translateAsync('@report-management:report-viewer.messages.error.invalid-popup-target'),
-                },
-            };
-        }
-        const appName = this.sessionService.application?.name;
-        if (!appName) {
-            return {
-                success: false,
-                message: {
-                    text: await this.translate.translateAsync('@report-management:report-viewer.messages.error.invalid-popup-target'),
-                },
-            };
-        }
-        // Put reportId in the path (not queryParams): tabular navigation drops NavigationExtras.
-        const runId = typeof options.runId === 'string' ? options.runId.trim() : '';
-        const path = runId
-            ? `${appName}/${RootConfig.module.route}/viewer/${options.reportId}?runId=${encodeURIComponent(runId)}`
-            : `${appName}/${RootConfig.module.route}/viewer/${options.reportId}`;
-        await this.tabNavigation.navigate(path);
-        return { success: true, kind: 'object', data: undefined };
-    }
-    //#endregion
-    //#region ----- Helpers -----
-    resolveRowData(input) {
-        const ctx = input;
-        if (ctx?.data && typeof ctx.data === 'object') {
-            return ctx.data;
-        }
-        if (input['data'] &&
-            typeof input['data'] === 'object') {
-            return input['data'];
-        }
-        return input;
-    }
-    async resolveOptions(input, rowData) {
-        const typedInput = input;
-        const rawOptions = {
-            reportId: typedInput.reportId,
-            runId: typedInput.runId,
-            ...(typedInput.options ?? {}),
-        };
-        const scope = {
-            context: {
-                eval: (path) => get(rowData, path),
-            },
-        };
-        return (await this.expressionEvaluator.evaluate(rawOptions, scope));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportViewerCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportViewerCommand, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportViewerCommand, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-var openReportViewer_command = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPOpenReportViewerCommand: AXPOpenReportViewerCommand
-});
-
-//#region ----- Imports -----
-//#endregion
-//#region ----- Handler -----
-class AXMReportGenerationBackgroundOperationHandler extends AXPBackgroundOperationHandler {
-    constructor() {
-        super(...arguments);
-        this.providerKey = 'report-management';
-        this.openPopup = inject(AXPOpenReportInPopupCommand);
-        this.openViewer = inject(AXPOpenReportViewerCommand);
-        this.queryService = inject(AXPQueryService);
-    }
-    async execute(command, operation) {
-        if (command.name !== 'click') {
-            return;
-        }
-        const reportRequestId = get(operation.data, 'reportRequestId') ??
-            get(operation.data, 'payload.reportRequestId') ??
-            get(operation.data, 'command.payload.reportRequestId');
-        if (typeof reportRequestId !== 'string' || !reportRequestId.trim()) {
-            return;
-        }
-        const result = await this.queryService.fetch(AXMReportManagementQueryKeys.ReportGeneration.Get, { id: reportRequestId });
-        const request = runtimeQueryPayloadData(result);
-        if (!request?.reportId) {
-            return;
-        }
-        if (request.status === 'completed') {
-            await this.openPopup.execute({ reportId: request.reportId, runId: request.id });
-            return;
-        }
-        await this.openViewer.execute({ reportId: request.reportId });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationBackgroundOperationHandler, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationBackgroundOperationHandler }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportGenerationBackgroundOperationHandler, decorators: [{
-            type: Injectable
-        }] });
-//#endregion
-//#region ----- Providers -----
-const AXM_REPORT_GENERATION_BACKGROUND_OPERATION_HANDLERS = [
-    {
-        provide: AXP_BACKGROUND_OPERATION_HANDLERS,
-        useExisting: AXMReportGenerationBackgroundOperationHandler,
-        multi: true,
-    },
-    AXMReportGenerationBackgroundOperationHandler,
-];
-
-function routesFacory() {
-    let routes = [
-        {
-            path: `:app/${RootConfig.module.route}/viewer`,
-            canActivate: [...AXP_PROTECTED_ROUTE_GUARDS],
-            data: { tab: true, rootLayout: true },
-            loadComponent: () => {
-                return AXPRootLayoutComponent;
-            },
-            children: [
-                {
-                    path: ':reportId',
-                    loadComponent: () => Promise.resolve().then(function () { return reportViewerPage_component; }).then((c) => c.AXPReportViewerPageComponent),
-                    data: { reuse: true },
-                },
-                {
-                    path: '',
-                    loadComponent: () => Promise.resolve().then(function () { return reportViewerPage_component; }).then((c) => c.AXPReportViewerPageComponent),
-                    data: { reuse: true },
-                },
-            ],
-        },
-    ];
-    return routes;
-}
-class AXMReportManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, imports: [AXPDomainModule,
-            AXPRuntimeModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, providers: [
-            {
-                provide: ROUTES,
-                multi: true,
-                useFactory: routesFacory,
-            },
-            provideEntity([RootConfig.entities.report.fullName, RootConfig.entities.category.fullName]),
-            // Module Manifest Provider
-            {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: ReportManagementManifest,
-                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_FEATURE_DEFINITION_PROVIDER,
-                useClass: AXPReportManagementFeatureDefinitionProvider,
-                multi: true,
-            },
-            ...AXM_REPORT_GENERATION_BACKGROUND_OPERATION_HANDLERS,
-            provideCommandSetups([
-                {
-                    key: 'ReportManagement.Report:OpenInPopup',
-                    command: () => Promise.resolve().then(function () { return openReportInPopup_command; }).then((c) => c.AXPOpenReportInPopupCommand),
-                },
-                {
-                    key: 'ReportManagement.Report:OpenViewer',
-                    command: () => Promise.resolve().then(function () { return openReportViewer_command; }).then((c) => c.AXPOpenReportViewerCommand),
-                },
-            ]),
-            {
-                provide: AXP_ENTITY_ACTION_PLUGIN,
-                multi: true,
-                useFactory: () => createEntityReportsPlugin(inject(Injector)),
+            context: {
+                eval: (path) => get(rowData, path),
             },
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-C6tJPxri.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
-        ], imports: [AXPDomainModule,
-            AXPRuntimeModule] }); }
+        };
+        const evaluated = await this.expressionEvaluator.evaluate(title, scope);
+        return isString(evaluated) ? evaluated : title;
+    }
+    async dismissReportGenerationInboxNotification(runId) {
+        if (!this.inboxConnector) {
+            return;
+        }
+        try {
+            await this.inboxConnector.dismissByCorrelationId(buildReportGenerationNotificationCorrelationId(runId));
+        }
+        catch {
+            // Best-effort — opening the report should still proceed.
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportInPopupCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportInPopupCommand, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMReportManagementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AXPDomainModule,
-                        AXPRuntimeModule,
-                        // Entity Modules
-                    ],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: ROUTES,
-                            multi: true,
-                            useFactory: routesFacory,
-                        },
-                        provideEntity([RootConfig.entities.report.fullName, RootConfig.entities.category.fullName]),
-                        // Module Manifest Provider
-                        {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: ReportManagementManifest,
-                            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_FEATURE_DEFINITION_PROVIDER,
-                            useClass: AXPReportManagementFeatureDefinitionProvider,
-                            multi: true,
-                        },
-                        ...AXM_REPORT_GENERATION_BACKGROUND_OPERATION_HANDLERS,
-                        provideCommandSetups([
-                            {
-                                key: 'ReportManagement.Report:OpenInPopup',
-                                command: () => Promise.resolve().then(function () { return openReportInPopup_command; }).then((c) => c.AXPOpenReportInPopupCommand),
-                            },
-                            {
-                                key: 'ReportManagement.Report:OpenViewer',
-                                command: () => Promise.resolve().then(function () { return openReportViewer_command; }).then((c) => c.AXPOpenReportViewerCommand),
-                            },
-                        ]),
-                        {
-                            provide: AXP_ENTITY_ACTION_PLUGIN,
-                            multi: true,
-                            useFactory: () => createEntityReportsPlugin(inject(Injector)),
-                        },
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-report-management-client-entity-reports-page-component.provider-C6tJPxri.mjs').then((m) => m.AXMEntityReportsPageComponentProvider)),
-                    ],
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPOpenReportInPopupCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
+var openReportInPopup_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPOpenReportInPopupCommand: AXPOpenReportInPopupCommand
+});
+
 //#region ----   Report Viewer User Settings Service   ----
 class AXPReportViewerUserSettingsService {
     constructor() {
@@ -1532,6 +1905,7 @@ function applyGroupByDrillLinksToColumns(columns, groupByDefinitions) {
 }
 //#endregion
 
+const OPEN_REPORT_VIEWER_COMMAND = 'ReportManagement.Report:OpenViewer';
 const AXPReportViewerViewModel = signalStore(withState(() => ({
     reportDefinition: null,
     currentLayout: null,
@@ -1549,6 +1923,9 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
     frozen: false,
     freeze: null,
     backgroundQueued: false,
+    backgroundGenerationRequestId: null,
+    /** When true, completion is delivered inline on the viewer (no server inbox toast). */
+    inlineGenerationWatchActive: false,
     parametersReadonly: false,
     selectedLayoutIds: [],
 })), withComputed((store, widgetRegistryService = inject(AXPWidgetRegistryService)) => ({
@@ -1602,7 +1979,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
             return true;
         }
         if ((store.reportDefinition()?.generation?.mode ?? 'interactive') === 'background') {
-            if (store.backgroundQueued()) {
+            if (store.backgroundQueued() && !store.frozen()) {
                 return false;
             }
             return store.selectedLayoutIds().length > 0;
@@ -1735,6 +2112,12 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
     isBackgroundReportMode: computed(() => (store.reportDefinition()?.generation?.mode ?? 'interactive') === 'background'),
     hasSelectedBackgroundLayouts: computed(() => store.selectedLayoutIds().length > 0),
     areParametersReadonly: computed(() => store.parametersReadonly() || store.frozen()),
+    isBackgroundGenerateDisabled: computed(() => {
+        if ((store.reportDefinition()?.generation?.mode ?? 'interactive') !== 'background') {
+            return false;
+        }
+        return store.backgroundQueued() || store.selectedLayoutIds().length === 0;
+    }),
     canSwitchLayout: computed(() => {
         if (store.frozen() && (store.freeze()?.dataSources?.length ?? 0) <= 1) {
             return false;
@@ -1743,8 +2126,207 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
     }),
     generationMode: computed(() => store.reportDefinition()?.generation?.mode ?? 'interactive'),
     //#endregion
-})), withMethods((store, reportDefinitionService = inject(AXPReportViewerService), reportUserSettingsService = inject(AXPReportViewerUserSettingsService), queryService = inject(AXPQueryService), commandService = inject(AXPCommandService), toastService = inject(AXToastService), translationService = inject(AXTranslationService)) => {
+})), withMethods((store, reportDefinitionService = inject(AXPReportViewerService), reportUserSettingsService = inject(AXPReportViewerUserSettingsService), queryService = inject(AXPQueryService), commandService = inject(AXPCommandService), userNotificationService = inject(AXP_USER_NOTIFICATION_SERVICE), translationService = inject(AXTranslationService), inboxConnector = inject(AXPInAppInboxConnectorService, {
+    optional: true,
+})) => {
     let activeFetchCount = 0;
+    let activeGenerationWatchId = null;
+    const BACKGROUND_GENERATION_POLL_MS = 3_000;
+    const dismissReportGenerationInboxNotification = async (runId) => {
+        const normalized = runId.trim();
+        if (!normalized || !inboxConnector) {
+            return;
+        }
+        try {
+            await inboxConnector.dismissByCorrelationId(buildReportGenerationNotificationCorrelationId(normalized));
+        }
+        catch {
+            // Best-effort — the report viewer should still open.
+        }
+    };
+    const openGeneratedReportFromNotification = async (runId) => {
+        const report = store.reportDefinition();
+        const normalizedRunId = runId.trim();
+        if (!report?.id || !normalizedRunId) {
+            return;
+        }
+        await dismissReportGenerationInboxNotification(normalizedRunId);
+        await commandService.execute(OPEN_REPORT_VIEWER_COMMAND, {
+            reportId: report.id,
+            runId: normalizedRunId,
+        });
+    };
+    const showGenerationNotification = async (options) => {
+        const runId = options.runId?.trim();
+        const showOpenAction = options.showOpenAction === true && !!runId;
+        const toastActions = showOpenAction
+            ? [
+                {
+                    text: await translationService.translateAsync('@report-management:report-generation.notifications.actions.open-viewer'),
+                    color: 'primary',
+                    onClick: () => openGeneratedReportFromNotification(runId),
+                },
+            ]
+            : undefined;
+        await userNotificationService.notify({
+            correlationId: runId
+                ? buildReportGenerationNotificationCorrelationId(runId)
+                : `report-generation-ui:${options.titleKey}`,
+            title: await translationService.translateAsync(options.titleKey),
+            body: await translationService.translateAsync(options.bodyKey),
+            icon: options.icon,
+            delivery: {
+                toast: {
+                    color: options.color,
+                    location: 'bottom-center',
+                    closeButton: true,
+                    timeOut: showOpenAction ? 8_000 : 3_000,
+                    timeOutProgress: true,
+                    showActions: showOpenAction,
+                },
+            },
+            toastActions,
+        });
+    };
+    const showGenerationReadyNotification = async (runId) => {
+        await showGenerationNotification({
+            color: 'success',
+            icon: 'fa-light fa-circle-check',
+            titleKey: '@report-management:report-generation.notifications.complete.title',
+            bodyKey: '@report-management:report-generation.notifications.complete.body',
+            runId,
+            showOpenAction: false,
+        });
+    };
+    const showGenerationFailedNotification = async () => {
+        await showGenerationNotification({
+            color: 'danger',
+            icon: 'fa-light fa-circle-exclamation',
+            titleKey: '@report-management:report-generation.notifications.failed.title',
+            bodyKey: '@report-management:report-generation.notifications.failed.body',
+        });
+    };
+    const api = {
+        loadFrozenRun: async (_runId) => { },
+        startBackgroundGenerationWatch: async (_requestId) => { },
+    };
+    api.loadFrozenRun = async (runId) => {
+        patchState(store, { status: AXPPageStatus.Processing, error: null });
+        try {
+            const result = await queryService.fetch(AXMReportManagementQueryKeys.ReportGeneration.GetViewerFreeze, { id: runId });
+            const freeze = runtimeQueryPayloadData(result);
+            if (!result?.success || !freeze) {
+                patchState(store, {
+                    error: commandMessageTextForError(result?.message?.text) ||
+                        '@report-management:report-generation.errors.freeze-not-found',
+                });
+                return;
+            }
+            let report = store.reportDefinition();
+            if (freeze.definition) {
+                report = {
+                    id: freeze.reportId,
+                    title: freeze.definition.title,
+                    categoryIds: report?.categoryIds ?? [],
+                    parameterGroups: report?.parameterGroups ?? [],
+                    layouts: freeze.definition.layouts,
+                    defaultLayoutId: freeze.definition.defaultLayoutId,
+                    generation: report?.generation,
+                };
+            }
+            else if (!report) {
+                report = (await reportDefinitionService.getReportById(freeze.reportId)) ?? null;
+            }
+            if (!report) {
+                patchState(store, {
+                    error: '@report-management:report-viewer.messages.error.failed-to-load',
+                });
+                return;
+            }
+            const defaultLayout = report.layouts.find((layout) => layout.id === freeze.definition?.defaultLayoutId) ||
+                report.layouts.find((layout) => layout.id === freeze.dataSources[0]?.layoutId) ||
+                report.layouts[0];
+            patchState(store, {
+                reportDefinition: report,
+                currentLayout: defaultLayout,
+                filterContext: freeze.parameters ?? {},
+                lastAppliedFilterContext: freeze.parameters ?? {},
+                allowFetchData: true,
+                shouldExecuteReport: true,
+                hasBeenExecuted: true,
+                executionRequestId: store.executionRequestId() + 1,
+                runId,
+                frozen: true,
+                freeze,
+                backgroundQueued: false,
+                backgroundGenerationRequestId: null,
+                inlineGenerationWatchActive: false,
+                parametersReadonly: true,
+                status: AXPPageStatus.Idle,
+            });
+        }
+        catch (error) {
+            patchState(store, {
+                error: error instanceof Error
+                    ? error.message
+                    : '@report-management:report-generation.errors.freeze-not-found',
+            });
+        }
+        finally {
+            patchState(store, { status: AXPPageStatus.Idle });
+        }
+    };
+    api.startBackgroundGenerationWatch = async (requestId) => {
+        activeGenerationWatchId = requestId;
+        while (activeGenerationWatchId === requestId) {
+            if (!store.backgroundQueued() || store.backgroundGenerationRequestId() !== requestId) {
+                return;
+            }
+            await new Promise((resolve) => setTimeout(resolve, BACKGROUND_GENERATION_POLL_MS));
+            if (activeGenerationWatchId !== requestId) {
+                return;
+            }
+            try {
+                const result = await queryService.fetch(AXMReportManagementQueryKeys.ReportGeneration.Get, { id: requestId });
+                const request = runtimeQueryPayloadData(result);
+                if (!request || activeGenerationWatchId !== requestId) {
+                    continue;
+                }
+                if (request.status === 'completed') {
+                    activeGenerationWatchId = null;
+                    const inlineWatchActive = store.inlineGenerationWatchActive();
+                    patchState(store, {
+                        backgroundQueued: false,
+                        inlineGenerationWatchActive: false,
+                        ...(inlineWatchActive ? {} : { backgroundGenerationRequestId: null }),
+                    });
+                    if (!inlineWatchActive) {
+                        return;
+                    }
+                    await api.loadFrozenRun(requestId);
+                    if (!store.error()) {
+                        await showGenerationReadyNotification(requestId);
+                    }
+                    return;
+                }
+                if (request.status === 'failed' || request.status === 'cancelled') {
+                    activeGenerationWatchId = null;
+                    patchState(store, {
+                        backgroundQueued: false,
+                        backgroundGenerationRequestId: null,
+                        inlineGenerationWatchActive: false,
+                        status: AXPPageStatus.Error,
+                        error: '@report-management:report-generation.notifications.failed.body',
+                    });
+                    await showGenerationFailedNotification();
+                    return;
+                }
+            }
+            catch {
+                // Keep polling while the run is still active.
+            }
+        }
+    };
     const generateInBackground = async () => {
         const report = store.reportDefinition();
         const isBackgroundMode = (report?.generation?.mode ?? 'interactive') === 'background';
@@ -1762,6 +2344,16 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
             return;
         }
         patchState(store, { status: AXPPageStatus.Submitting, error: null });
+        if (store.frozen()) {
+            patchState(store, {
+                frozen: false,
+                freeze: null,
+                runId: null,
+                hasBeenExecuted: false,
+                allowFetchData: false,
+                parametersReadonly: false,
+            });
+        }
         try {
             const result = await commandService.executeRemote(AXMReportManagementCommandKeys.ReportGeneration.Create, {
                 reportId: report.id,
@@ -1769,6 +2361,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                 layoutId: layoutIds[0],
                 parameters: store.filterContext(),
                 trigger: 'manual',
+                suppressNotificationOnComplete: true,
             });
             if (!result?.success) {
                 patchState(store, {
@@ -1778,17 +2371,47 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                 });
                 return;
             }
+            const createResult = runtimeCommandPayloadData(result);
+            const requestId = createResult?.id?.trim();
+            if (!createResult || !requestId) {
+                patchState(store, {
+                    status: AXPPageStatus.Error,
+                    error: '@report-management:report-generation.errors.create-failed',
+                });
+                return;
+            }
+            if (createResult.status === 'completed') {
+                patchState(store, { status: AXPPageStatus.Idle, error: null });
+                await api.loadFrozenRun(requestId);
+                if (!store.error()) {
+                    await showGenerationReadyNotification(requestId);
+                }
+                return;
+            }
             patchState(store, {
                 status: AXPPageStatus.Submitted,
                 backgroundQueued: true,
-                allowFetchData: false,
-                hasBeenExecuted: false,
-            });
-            toastService.show({
-                color: 'success',
-                title: await translationService.translateAsync('@report-management:report-generation.messages.queued-title'),
-                content: await translationService.translateAsync('@report-management:report-generation.messages.queued-body'),
+                backgroundGenerationRequestId: requestId,
+                inlineGenerationWatchActive: true,
+                error: null,
             });
+            if (createResult.deduplicated) {
+                await showGenerationNotification({
+                    color: 'warning',
+                    icon: 'fa-light fa-triangle-exclamation',
+                    titleKey: '@report-management:report-generation.messages.deduplicated-title',
+                    bodyKey: '@report-management:report-generation.messages.deduplicated-body',
+                });
+            }
+            else {
+                await showGenerationNotification({
+                    color: 'success',
+                    icon: 'fa-light fa-clock',
+                    titleKey: '@report-management:report-generation.messages.queued-title',
+                    bodyKey: '@report-management:report-generation.messages.queued-body',
+                });
+            }
+            void api.startBackgroundGenerationWatch(requestId);
         }
         catch (error) {
             patchState(store, {
@@ -1799,12 +2422,34 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
             });
         }
     };
+    const releaseInlineNotificationWatch = async () => {
+        const requestId = store.backgroundGenerationRequestId()?.trim();
+        activeGenerationWatchId = null;
+        patchState(store, {
+            inlineGenerationWatchActive: false,
+            backgroundQueued: false,
+        });
+        if (!requestId) {
+            return;
+        }
+        try {
+            await commandService.executeRemote(AXMReportManagementCommandKeys.ReportGeneration.ReleaseInlineWatch, { id: requestId });
+        }
+        catch {
+            // Best-effort — completion notify re-reads the flag from storage.
+        }
+    };
     const executeReport = async () => {
         try {
             if (store.status() === AXPPageStatus.Processing ||
                 store.status() === AXPPageStatus.Submitting) {
                 return;
             }
+            const report = store.reportDefinition();
+            if ((report?.generation?.mode ?? 'interactive') === 'background') {
+                await generateInBackground();
+                return;
+            }
             if (store.frozen()) {
                 patchState(store, {
                     allowFetchData: true,
@@ -1814,7 +2459,6 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                 });
                 return;
             }
-            const report = store.reportDefinition();
             const layout = store.currentLayout();
             if (!report || !layout) {
                 patchState(store, {
@@ -1822,10 +2466,6 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                 });
                 return;
             }
-            if ((report.generation?.mode ?? 'interactive') === 'background') {
-                await generateInBackground();
-                return;
-            }
             patchState(store, {
                 status: AXPPageStatus.Submitting,
                 error: null,
@@ -1956,6 +2596,7 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
     return {
         //#region ----   Report Loading   ----
         async loadReport(reportId) {
+            await releaseInlineNotificationWatch();
             patchState(store, {
                 status: AXPPageStatus.Processing,
                 error: null,
@@ -1986,6 +2627,8 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                         frozen: false,
                         freeze: null,
                         backgroundQueued: false,
+                        backgroundGenerationRequestId: null,
+                        inlineGenerationWatchActive: false,
                         parametersReadonly: false,
                         selectedLayoutIds: report.layouts.map((layout) => layout.id),
                     });
@@ -2087,76 +2730,14 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
         executeReport,
         fetchData,
         generateInBackground,
+        releaseInlineNotificationWatch,
         nudgeFetch() {
             if (!store.allowFetchData()) {
                 return;
             }
             patchState(store, { executionRequestId: store.executionRequestId() + 1 });
         },
-        async loadFrozenRun(runId) {
-            patchState(store, { status: AXPPageStatus.Processing, error: null });
-            try {
-                const result = await queryService.fetch(AXMReportManagementQueryKeys.ReportGeneration.GetViewerFreeze, { id: runId });
-                const freeze = runtimeQueryPayloadData(result);
-                if (!result?.success || !freeze) {
-                    patchState(store, {
-                        error: commandMessageTextForError(result?.message?.text) ||
-                            '@report-management:report-generation.errors.freeze-not-found',
-                    });
-                    return;
-                }
-                let report = store.reportDefinition();
-                if (freeze.definition) {
-                    report = {
-                        id: freeze.reportId,
-                        title: freeze.definition.title,
-                        categoryIds: report?.categoryIds ?? [],
-                        parameterGroups: report?.parameterGroups ?? [],
-                        layouts: freeze.definition.layouts,
-                        defaultLayoutId: freeze.definition.defaultLayoutId,
-                        generation: report?.generation,
-                    };
-                }
-                else if (!report) {
-                    report = (await reportDefinitionService.getReportById(freeze.reportId)) ?? null;
-                }
-                if (!report) {
-                    patchState(store, {
-                        error: '@report-management:report-viewer.messages.error.failed-to-load',
-                    });
-                    return;
-                }
-                const defaultLayout = report.layouts.find((layout) => layout.id === freeze.definition?.defaultLayoutId) ||
-                    report.layouts.find((layout) => layout.id === freeze.dataSources[0]?.layoutId) ||
-                    report.layouts[0];
-                patchState(store, {
-                    reportDefinition: report,
-                    currentLayout: defaultLayout,
-                    filterContext: freeze.parameters ?? {},
-                    lastAppliedFilterContext: freeze.parameters ?? {},
-                    allowFetchData: true,
-                    shouldExecuteReport: true,
-                    hasBeenExecuted: true,
-                    executionRequestId: store.executionRequestId() + 1,
-                    runId,
-                    frozen: true,
-                    freeze,
-                    backgroundQueued: false,
-                    parametersReadonly: true,
-                    status: AXPPageStatus.Idle,
-                });
-            }
-            catch (error) {
-                patchState(store, {
-                    error: error instanceof Error
-                        ? error.message
-                        : '@report-management:report-generation.errors.freeze-not-found',
-                });
-            }
-            finally {
-                patchState(store, { status: AXPPageStatus.Idle });
-            }
-        },
+        loadFrozenRun: api.loadFrozenRun,
         //#endregion
         //#region ----   Drill View   ----
         /**
@@ -2264,6 +2845,8 @@ const AXPReportViewerViewModel = signalStore(withState(() => ({
                 frozen: false,
                 freeze: null,
                 backgroundQueued: false,
+                backgroundGenerationRequestId: null,
+                inlineGenerationWatchActive: false,
                 parametersReadonly: false,
             });
         },
@@ -3290,14 +3873,50 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
             });
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "watchNavigationLoading" }] : /* istanbul ignore next */ []));
+        this.syncFrozenRunUrl = effect(() => {
+            const runId = this.vm.runId();
+            const frozen = this.vm.isFrozen();
+            const queued = this.vm.isBackgroundQueued();
+            if (queued) {
+                untracked(() => {
+                    const currentRunId = this.route.snapshot.queryParamMap.get('runId')?.trim();
+                    if (!currentRunId) {
+                        return;
+                    }
+                    void this.router.navigate([], {
+                        relativeTo: this.route,
+                        queryParams: { runId: null },
+                        queryParamsHandling: 'merge',
+                        replaceUrl: true,
+                    });
+                });
+                return;
+            }
+            if (!frozen || !runId) {
+                return;
+            }
+            untracked(() => {
+                const currentRunId = this.route.snapshot.queryParamMap.get('runId')?.trim();
+                if (currentRunId === runId) {
+                    return;
+                }
+                void this.router.navigate([], {
+                    relativeTo: this.route,
+                    queryParams: { runId },
+                    queryParamsHandling: 'merge',
+                    replaceUrl: true,
+                });
+                this.recompute();
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "syncFrozenRunUrl" }] : /* istanbul ignore next */ []));
         //#endregion
         this.loadingDialogRef = null;
         this.isDialogOpening = false;
         this.lastReportRouteKey = null;
         //#region ----   Computed Properties   ----
         this.showFiltersPanel = () => this.deviceService.isLarge();
-        this.showReportDisplay = () => !this.vm.isBackgroundReportMode() &&
-            !this.vm.isBackgroundQueued() &&
+        this.showReportDisplay = () => (!this.vm.isBackgroundReportMode() || this.vm.isFrozen()) &&
             (this.deviceService.isLarge() || (this.deviceService.isSmall() && this.vm.hasBeenExecuted()));
         //#endregion
         //#region ----   Layout Configurations   ----
@@ -3316,17 +3935,31 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
             },
         });
         this.layoutPageIcon = reportLayoutPageIcon;
-        this.destroyRef.onDestroy(() => this.closeContentLoading());
+        this.destroyRef.onDestroy(() => {
+            this.closeContentLoading();
+            void this.vm.releaseInlineNotificationWatch();
+        });
     }
     reportsListPath() {
         return this.entityService
             .withEntity(RootConfig.module.name, RootConfig.entities.report.name)
             .createPath();
     }
+    isReportViewerUrl(url) {
+        return url.includes(`/${RootConfig.module.route}/viewer`);
+    }
     //#endregion
     //#region ----   Lifecycle   ----
     async ngOnInit() {
         await super.ngOnInit();
+        this.unsubscriber
+            .takeUntilDestroy(this.router.events.pipe(filter((event) => event instanceof NavigationStart)))
+            .subscribe((event) => {
+            const navigation = event;
+            if (this.isReportViewerUrl(this.router.url) && !this.isReportViewerUrl(navigation.url)) {
+                void this.vm.releaseInlineNotificationWatch();
+            }
+        });
         // Reload when reportId or runId changes. Ignore other query params (live filters).
         this.unsubscriber
             .takeUntilDestroy(combineLatest([this.route.paramMap, this.route.queryParamMap]))
@@ -3754,7 +4387,7 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
         this.vm.updateFilterContext(event);
     }
     async handleExecuteReport() {
-        if (this.vm.isFrozen()) {
+        if (this.vm.isFrozen() && !this.vm.isBackgroundReportMode()) {
             return;
         }
         const isValid = await this.filtersForm()?.validate();
@@ -3762,9 +4395,10 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
             return;
         }
         await this.vm.executeReport();
+        this.recompute();
     }
     async handleGenerateInBackground() {
-        if (this.vm.isFrozen()) {
+        if (this.vm.isFrozen() && !this.vm.isBackgroundReportMode()) {
             return;
         }
         const isValid = await this.filtersForm()?.validate();
@@ -3915,8 +4549,7 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
         return reportDefinition?.description || null;
     }
     getPageIcon() {
-        if (this.vm.isBackgroundReportMode() ||
-            this.vm.isBackgroundQueued() ||
+        if ((this.vm.isBackgroundReportMode() && !this.vm.isFrozen()) ||
             !this.vm.hasMultipleLayouts() ||
             !this.showReportDisplay()) {
             return null;
@@ -3930,8 +4563,7 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
         });
     }
     async getTitleActions() {
-        if (this.vm.isBackgroundReportMode() ||
-            this.vm.isBackgroundQueued() ||
+        if ((this.vm.isBackgroundReportMode() && !this.vm.isFrozen()) ||
             !this.vm.hasMultipleLayouts() ||
             !this.showReportDisplay()) {
             return [];
@@ -4063,7 +4695,7 @@ class AXPReportViewerPageComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXPReportViewerPageComponent,
             },
-        ], viewQueries: [{ propertyName: "filtersForm", first: true, predicate: ["filtersForm"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>\n        {{ t('@report-management:report-viewer.components.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      @if (vm.reportDefinition()) {\n      <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'card'\"\n        (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n      </axp-layout-renderer>\n      <!-- ----- Background report layout multi-select ----- -->\n      @if (vm.isBackgroundReportMode() && !vm.isBackgroundQueued() && vm.availableLayouts().length > 0) {\n        <div class=\"mt-4 pt-4 border-t\">\n          <div class=\"mb-2\">\n            <span class=\"text-sm font-medium\">\n              {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n            </span>\n          </div>\n          <p class=\"text-xs opacity-70 mb-3\">\n            {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n          </p>\n          <div class=\"flex flex-col gap-2\">\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer hover:bg-neutral-50\">\n                <ax-check-box\n                  [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                  (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                ></ax-check-box>\n                <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n              </label>\n            }\n          </div>\n        </div>\n      }\n      }\n    </axp-layout-content>\n    <axp-layout-footer class=\"p-4 border-t\" *translate=\"let t\">\n      @if (vm.hasUnappliedFilters()) {\n      <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n        <div class=\"flex items-center gap-2 text-warning-800\">\n          <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n          <span class=\"text-xs\">{{\n            t('@report-management:report-viewer.components.filters.messages.warning.unapplied') | async\n            }}</span>\n        </div>\n      </div>\n      }\n      @if (vm.isBackgroundReportMode() && !vm.hasSelectedBackgroundLayouts() && !vm.isBackgroundQueued()) {\n        <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n          <div class=\"flex items-center gap-2 text-warning-800\">\n            <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n            <span class=\"text-xs\">{{\n              t('@report-management:report-generation.errors.no-layouts-selected') | async\n              }}</span>\n          </div>\n        </div>\n      }\n      <ax-button class=\"w-full\" [disabled]=\"!vm.canExecute() || vm.areParametersReadonly() || vm.isBackgroundQueued()\"\n        [text]=\"(vm.isBackgroundReportMode()\n          ? t('@report-management:report-generation.actions.generate-in-background')\n          : t('@report-management:report-viewer.actions.execute.title')) | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <!-- ----- Secondary background generate for choose mode ----- -->\n      @if (canGenerateInBackground() && vm.generationMode() === 'choose') {\n        <ax-button class=\"w-full mt-2\" [disabled]=\"vm.areParametersReadonly()\"\n          [text]=\"t('@report-management:report-generation.actions.generate-in-background') | async\" [color]=\"'default'\"\n          (onClick)=\"execute({ name: 'generate-in-background' })\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-clock\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      }\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"overflow-auto\">\n    @if (vm.isFrozen()) {\n      <!-- ----- Frozen run banner ----- -->\n      <div class=\"warning-lightest-surface mb-3 p-3 rounded border border-warning-200 text-warning-800 text-sm\">\n        {{ t('@report-management:report-generation.banners.frozen') | async }}\n      </div>\n    }\n    @if (vm.hasError()) {\n    <!-- Error State -->\n    <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n      [title]=\"'@report-management:report-viewer.messages.error.fetch-title'\"\n      [description]=\"vm.error() || '@report-management:report-viewer.messages.error.unexpected'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.retry.title') | async\" (onClick)=\"vm.clearError()\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-refresh\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    } @else if (!vm.reportDefinition()) {\n    <!-- No Report Selected State -->\n    <axp-state-message icon=\"fa-light fa-chart-line\"\n      [title]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.title'\"\n      [description]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.description'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.browse-reports.title') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    <!-- ----- Background report message state (no live layout preview) ----- -->\n    } @else if (vm.isBackgroundReportMode() || vm.isBackgroundQueued()) {\n      <!-- ----- Mobile filters and layout selection for background reports ----- -->\n      @if (deviceService.isSmall() && !vm.isBackgroundQueued()) {\n        <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\"\n          (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-layout-renderer>\n        @if (vm.availableLayouts().length > 0) {\n          <div class=\"mt-4 pt-4 border-t\">\n            <div class=\"flex items-center justify-between gap-2 mb-2\">\n              <span class=\"text-sm font-medium\">\n                {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n              </span>\n            </div>\n            <p class=\"text-xs opacity-70 mb-3\">\n              {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n            </p>\n            <div class=\"flex flex-col gap-2\">\n              @for (layout of vm.availableLayouts(); track layout.id) {\n                <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer\">\n                  <ax-check-box\n                    [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                    (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                  ></ax-check-box>\n                  <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                  <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n                </label>\n              }\n            </div>\n          </div>\n        }\n      }\n      @if (vm.isBackgroundQueued()) {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.queued-title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.queued-description'\">\n        </axp-state-message>\n      } @else {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.description'\">\n        </axp-state-message>\n      }\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Desktop: Report Display Area -->\n<ng-template #reportDisplay>\n  @if (showReportDisplay()) {\n  <!-- Desktop & Mobile: Report Display Area -->\n  @if (vm.isTableLayout()) {\n  <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n  <axp-report-chart-view> </axp-report-chart-view>\n  } @else if (vm.isPdfLayout()) {\n  <axp-report-pdf-view> </axp-report-pdf-view>\n  }\n  } @else if (vm.reportDefinition()) {\n  <!-- Mobile: Show filters  -->\n  <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\">\n  </axp-layout-renderer>\n  }\n</ng-template>\n\n<!-- Mobile: Execute Button -->\n@if (deviceService.isSmall() && ((!vm.isBackgroundReportMode() && !vm.hasBeenExecuted()) || (vm.isBackgroundReportMode() && !vm.isBackgroundQueued()))) {\n<axp-page-footer class=\"p-2 border-t\">\n  <ax-button class=\"w-full\" [disabled]=\"!vm.canExecute() || vm.areParametersReadonly()\"\n    [text]=\"(vm.isBackgroundReportMode()\n      ? '@report-management:report-generation.actions.generate-in-background'\n      : '@report-management:report-viewer.actions.execute.title') | translate | async\" [color]=\"'primary'\"\n    (onClick)=\"execute({ name: 'execute-report' })\">\n    <ax-prefix>\n      <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</axp-page-footer>\n}\n", styles: ["@layer properties;.axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:calc(var(--spacing, .25rem) * 80);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}@media(width>=1920px){.axp-report-viewer-page axp-layout-start-side{width:calc(var(--spacing, .25rem) * 96)}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:calc(var(--spacing, .25rem) * 4)}.axp-report-viewer-page .__mobile-filters{display:flex;height:100%;flex-direction:column;overflow-y:auto}.axp-report-viewer-page .__mobile-filters .__mobile-filters-content{flex:1}.axp-report-viewer-page .__mobile-filters .__mobile-filters-footer{position:sticky;bottom:0;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page axp-report-table-view{flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXLoadingDialogModule }, { kind: "component", type: 
+        ], viewQueries: [{ propertyName: "filtersForm", first: true, predicate: ["filtersForm"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>\n        {{ t('@report-management:report-viewer.components.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      @if (vm.reportDefinition()) {\n      <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'card'\"\n        (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n      </axp-layout-renderer>\n      <!-- ----- Background report layout multi-select ----- -->\n      @if (vm.isBackgroundReportMode() && !vm.isBackgroundQueued() && vm.availableLayouts().length > 0) {\n        <div class=\"mt-4 pt-4 border-t\">\n          <div class=\"mb-2\">\n            <span class=\"text-sm font-medium\">\n              {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n            </span>\n          </div>\n          <p class=\"text-xs opacity-70 mb-3\">\n            {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n          </p>\n          <div class=\"flex flex-col gap-2\">\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer hover:bg-neutral-50\">\n                <ax-check-box\n                  [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                  (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                ></ax-check-box>\n                <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n              </label>\n            }\n          </div>\n        </div>\n      }\n      }\n    </axp-layout-content>\n    <axp-layout-footer class=\"p-4 border-t\" *translate=\"let t\">\n      @if (vm.hasUnappliedFilters()) {\n      <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n        <div class=\"flex items-center gap-2 text-warning-800\">\n          <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n          <span class=\"text-xs\">{{\n            t('@report-management:report-viewer.components.filters.messages.warning.unapplied') | async\n            }}</span>\n        </div>\n      </div>\n      }\n      @if (vm.isBackgroundReportMode() && !vm.hasSelectedBackgroundLayouts() && !vm.isBackgroundQueued()) {\n        <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n          <div class=\"flex items-center gap-2 text-warning-800\">\n            <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n            <span class=\"text-xs\">{{\n              t('@report-management:report-generation.errors.no-layouts-selected') | async\n              }}</span>\n          </div>\n        </div>\n      }\n      <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n        [text]=\"(vm.isBackgroundReportMode()\n          ? t('@report-management:report-generation.actions.generate-in-background')\n          : t('@report-management:report-viewer.actions.execute.title')) | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <!-- ----- Secondary background generate for choose mode ----- -->\n      @if (canGenerateInBackground() && vm.generationMode() === 'choose') {\n        <ax-button class=\"w-full mt-2\" [disabled]=\"vm.areParametersReadonly()\"\n          [text]=\"t('@report-management:report-generation.actions.generate-in-background') | async\" [color]=\"'default'\"\n          (onClick)=\"execute({ name: 'generate-in-background' })\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-clock\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      }\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"overflow-auto\">\n    @if (vm.isFrozen()) {\n      <!-- ----- Frozen run banner ----- -->\n      <div class=\"warning-lightest-surface mb-3 p-3 rounded border border-warning-200 text-warning-800 text-sm\">\n        {{ t('@report-management:report-generation.banners.frozen') | async }}\n      </div>\n    }\n    @if (vm.hasError()) {\n    <!-- Error State -->\n    <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n      [title]=\"'@report-management:report-viewer.messages.error.fetch-title'\"\n      [description]=\"vm.error() || '@report-management:report-viewer.messages.error.unexpected'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.retry.title') | async\" (onClick)=\"vm.clearError()\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-refresh\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    } @else if (!vm.reportDefinition()) {\n    <!-- No Report Selected State -->\n    <axp-state-message icon=\"fa-light fa-chart-line\"\n      [title]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.title'\"\n      [description]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.description'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.browse-reports.title') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    <!-- ----- Background report message state (no live layout preview) ----- -->\n    } @else if (vm.isBackgroundReportMode() && !vm.isFrozen()) {\n      <!-- ----- Mobile filters and layout selection for background reports ----- -->\n      @if (deviceService.isSmall() && !vm.isBackgroundQueued()) {\n        <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\"\n          (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-layout-renderer>\n        @if (vm.availableLayouts().length > 0) {\n          <div class=\"mt-4 pt-4 border-t\">\n            <div class=\"flex items-center justify-between gap-2 mb-2\">\n              <span class=\"text-sm font-medium\">\n                {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n              </span>\n            </div>\n            <p class=\"text-xs opacity-70 mb-3\">\n              {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n            </p>\n            <div class=\"flex flex-col gap-2\">\n              @for (layout of vm.availableLayouts(); track layout.id) {\n                <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer\">\n                  <ax-check-box\n                    [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                    (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                  ></ax-check-box>\n                  <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                  <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n                </label>\n              }\n            </div>\n          </div>\n        }\n      }\n      @if (vm.isBackgroundQueued()) {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.queued-title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.queued-description'\">\n        </axp-state-message>\n      } @else {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.description'\">\n        </axp-state-message>\n      }\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Desktop: Report Display Area -->\n<ng-template #reportDisplay>\n  @if (showReportDisplay()) {\n  <!-- Desktop & Mobile: Report Display Area -->\n  @if (vm.isTableLayout()) {\n  <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n  <axp-report-chart-view> </axp-report-chart-view>\n  } @else if (vm.isPdfLayout()) {\n  <axp-report-pdf-view> </axp-report-pdf-view>\n  }\n  } @else if (vm.reportDefinition()) {\n  <!-- Mobile: Show filters  -->\n  <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\">\n  </axp-layout-renderer>\n  }\n</ng-template>\n\n<!-- Mobile: Execute Button -->\n@if (deviceService.isSmall() && ((!vm.isBackgroundReportMode() && !vm.hasBeenExecuted()) || (vm.isBackgroundReportMode() && !vm.isBackgroundQueued()))) {\n<axp-page-footer class=\"p-2 border-t\">\n  <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n    [text]=\"(vm.isBackgroundReportMode()\n      ? '@report-management:report-generation.actions.generate-in-background'\n      : '@report-management:report-viewer.actions.execute.title') | translate | async\" [color]=\"'primary'\"\n    (onClick)=\"execute({ name: 'execute-report' })\">\n    <ax-prefix>\n      <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</axp-page-footer>\n}\n", styles: ["@layer properties;.axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:calc(var(--spacing, .25rem) * 80);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}@media(width>=1920px){.axp-report-viewer-page axp-layout-start-side{width:calc(var(--spacing, .25rem) * 96)}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:calc(var(--spacing, .25rem) * 4)}.axp-report-viewer-page .__mobile-filters{display:flex;height:100%;flex-direction:column;overflow-y:auto}.axp-report-viewer-page .__mobile-filters .__mobile-filters-content{flex:1}.axp-report-viewer-page .__mobile-filters .__mobile-filters-footer{position:sticky;bottom:0;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page axp-report-table-view{flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i4.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i1.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXLoadingDialogModule }, { kind: "component", type: 
                 //
                 AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { 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: "component", type: AXPReportTableViewComponent, selector: "axp-report-table-view" }, { kind: "component", type: AXPThemeLayoutFooterComponent, selector: "axp-layout-footer, axp-layout-page-footer" }, { kind: "component", type: AXPReportChartViewComponent, selector: "axp-report-chart-view" }, { kind: "component", type: AXPReportPdfViewComponent, selector: "axp-report-pdf-view" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -4097,7 +4729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             provide: AXPPageLayoutBase,
                             useExisting: AXPReportViewerPageComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'axp-report-viewer-page' }, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>\n        {{ t('@report-management:report-viewer.components.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      @if (vm.reportDefinition()) {\n      <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'card'\"\n        (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n      </axp-layout-renderer>\n      <!-- ----- Background report layout multi-select ----- -->\n      @if (vm.isBackgroundReportMode() && !vm.isBackgroundQueued() && vm.availableLayouts().length > 0) {\n        <div class=\"mt-4 pt-4 border-t\">\n          <div class=\"mb-2\">\n            <span class=\"text-sm font-medium\">\n              {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n            </span>\n          </div>\n          <p class=\"text-xs opacity-70 mb-3\">\n            {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n          </p>\n          <div class=\"flex flex-col gap-2\">\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer hover:bg-neutral-50\">\n                <ax-check-box\n                  [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                  (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                ></ax-check-box>\n                <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n              </label>\n            }\n          </div>\n        </div>\n      }\n      }\n    </axp-layout-content>\n    <axp-layout-footer class=\"p-4 border-t\" *translate=\"let t\">\n      @if (vm.hasUnappliedFilters()) {\n      <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n        <div class=\"flex items-center gap-2 text-warning-800\">\n          <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n          <span class=\"text-xs\">{{\n            t('@report-management:report-viewer.components.filters.messages.warning.unapplied') | async\n            }}</span>\n        </div>\n      </div>\n      }\n      @if (vm.isBackgroundReportMode() && !vm.hasSelectedBackgroundLayouts() && !vm.isBackgroundQueued()) {\n        <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n          <div class=\"flex items-center gap-2 text-warning-800\">\n            <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n            <span class=\"text-xs\">{{\n              t('@report-management:report-generation.errors.no-layouts-selected') | async\n              }}</span>\n          </div>\n        </div>\n      }\n      <ax-button class=\"w-full\" [disabled]=\"!vm.canExecute() || vm.areParametersReadonly() || vm.isBackgroundQueued()\"\n        [text]=\"(vm.isBackgroundReportMode()\n          ? t('@report-management:report-generation.actions.generate-in-background')\n          : t('@report-management:report-viewer.actions.execute.title')) | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <!-- ----- Secondary background generate for choose mode ----- -->\n      @if (canGenerateInBackground() && vm.generationMode() === 'choose') {\n        <ax-button class=\"w-full mt-2\" [disabled]=\"vm.areParametersReadonly()\"\n          [text]=\"t('@report-management:report-generation.actions.generate-in-background') | async\" [color]=\"'default'\"\n          (onClick)=\"execute({ name: 'generate-in-background' })\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-clock\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      }\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"overflow-auto\">\n    @if (vm.isFrozen()) {\n      <!-- ----- Frozen run banner ----- -->\n      <div class=\"warning-lightest-surface mb-3 p-3 rounded border border-warning-200 text-warning-800 text-sm\">\n        {{ t('@report-management:report-generation.banners.frozen') | async }}\n      </div>\n    }\n    @if (vm.hasError()) {\n    <!-- Error State -->\n    <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n      [title]=\"'@report-management:report-viewer.messages.error.fetch-title'\"\n      [description]=\"vm.error() || '@report-management:report-viewer.messages.error.unexpected'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.retry.title') | async\" (onClick)=\"vm.clearError()\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-refresh\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    } @else if (!vm.reportDefinition()) {\n    <!-- No Report Selected State -->\n    <axp-state-message icon=\"fa-light fa-chart-line\"\n      [title]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.title'\"\n      [description]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.description'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.browse-reports.title') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    <!-- ----- Background report message state (no live layout preview) ----- -->\n    } @else if (vm.isBackgroundReportMode() || vm.isBackgroundQueued()) {\n      <!-- ----- Mobile filters and layout selection for background reports ----- -->\n      @if (deviceService.isSmall() && !vm.isBackgroundQueued()) {\n        <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\"\n          (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-layout-renderer>\n        @if (vm.availableLayouts().length > 0) {\n          <div class=\"mt-4 pt-4 border-t\">\n            <div class=\"flex items-center justify-between gap-2 mb-2\">\n              <span class=\"text-sm font-medium\">\n                {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n              </span>\n            </div>\n            <p class=\"text-xs opacity-70 mb-3\">\n              {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n            </p>\n            <div class=\"flex flex-col gap-2\">\n              @for (layout of vm.availableLayouts(); track layout.id) {\n                <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer\">\n                  <ax-check-box\n                    [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                    (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                  ></ax-check-box>\n                  <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                  <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n                </label>\n              }\n            </div>\n          </div>\n        }\n      }\n      @if (vm.isBackgroundQueued()) {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.queued-title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.queued-description'\">\n        </axp-state-message>\n      } @else {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.description'\">\n        </axp-state-message>\n      }\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Desktop: Report Display Area -->\n<ng-template #reportDisplay>\n  @if (showReportDisplay()) {\n  <!-- Desktop & Mobile: Report Display Area -->\n  @if (vm.isTableLayout()) {\n  <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n  <axp-report-chart-view> </axp-report-chart-view>\n  } @else if (vm.isPdfLayout()) {\n  <axp-report-pdf-view> </axp-report-pdf-view>\n  }\n  } @else if (vm.reportDefinition()) {\n  <!-- Mobile: Show filters  -->\n  <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\">\n  </axp-layout-renderer>\n  }\n</ng-template>\n\n<!-- Mobile: Execute Button -->\n@if (deviceService.isSmall() && ((!vm.isBackgroundReportMode() && !vm.hasBeenExecuted()) || (vm.isBackgroundReportMode() && !vm.isBackgroundQueued()))) {\n<axp-page-footer class=\"p-2 border-t\">\n  <ax-button class=\"w-full\" [disabled]=\"!vm.canExecute() || vm.areParametersReadonly()\"\n    [text]=\"(vm.isBackgroundReportMode()\n      ? '@report-management:report-generation.actions.generate-in-background'\n      : '@report-management:report-viewer.actions.execute.title') | translate | async\" [color]=\"'primary'\"\n    (onClick)=\"execute({ name: 'execute-report' })\">\n    <ax-prefix>\n      <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</axp-page-footer>\n}\n", styles: ["@layer properties;.axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:calc(var(--spacing, .25rem) * 80);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}@media(width>=1920px){.axp-report-viewer-page axp-layout-start-side{width:calc(var(--spacing, .25rem) * 96)}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:calc(var(--spacing, .25rem) * 4)}.axp-report-viewer-page .__mobile-filters{display:flex;height:100%;flex-direction:column;overflow-y:auto}.axp-report-viewer-page .__mobile-filters .__mobile-filters-content{flex:1}.axp-report-viewer-page .__mobile-filters .__mobile-filters-footer{position:sticky;bottom:0;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page axp-report-table-view{flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'axp-report-viewer-page' }, template: "<axp-page-layout *translate=\"let t\">\n  <!-- Left Panel: Filters (Always visible for desktop) -->\n  @if (showFiltersPanel()) {\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>\n        {{ t('@report-management:report-viewer.components.filters.title') | async }}\n      </axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content>\n      @if (vm.reportDefinition()) {\n      <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'card'\"\n        (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n      </axp-layout-renderer>\n      <!-- ----- Background report layout multi-select ----- -->\n      @if (vm.isBackgroundReportMode() && !vm.isBackgroundQueued() && vm.availableLayouts().length > 0) {\n        <div class=\"mt-4 pt-4 border-t\">\n          <div class=\"mb-2\">\n            <span class=\"text-sm font-medium\">\n              {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n            </span>\n          </div>\n          <p class=\"text-xs opacity-70 mb-3\">\n            {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n          </p>\n          <div class=\"flex flex-col gap-2\">\n            @for (layout of vm.availableLayouts(); track layout.id) {\n              <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer hover:bg-neutral-50\">\n                <ax-check-box\n                  [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                  (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                ></ax-check-box>\n                <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n              </label>\n            }\n          </div>\n        </div>\n      }\n      }\n    </axp-layout-content>\n    <axp-layout-footer class=\"p-4 border-t\" *translate=\"let t\">\n      @if (vm.hasUnappliedFilters()) {\n      <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n        <div class=\"flex items-center gap-2 text-warning-800\">\n          <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n          <span class=\"text-xs\">{{\n            t('@report-management:report-viewer.components.filters.messages.warning.unapplied') | async\n            }}</span>\n        </div>\n      </div>\n      }\n      @if (vm.isBackgroundReportMode() && !vm.hasSelectedBackgroundLayouts() && !vm.isBackgroundQueued()) {\n        <div class=\"w-full warning-lightest-surface mb-2 p-2 rounded border border-warning-200\">\n          <div class=\"flex items-center gap-2 text-warning-800\">\n            <ax-icon class=\"fa-light fa-exclamation-triangle text-sm\"></ax-icon>\n            <span class=\"text-xs\">{{\n              t('@report-management:report-generation.errors.no-layouts-selected') | async\n              }}</span>\n          </div>\n        </div>\n      }\n      <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n        [text]=\"(vm.isBackgroundReportMode()\n          ? t('@report-management:report-generation.actions.generate-in-background')\n          : t('@report-management:report-viewer.actions.execute.title')) | async\" [color]=\"'primary'\"\n        (onClick)=\"execute({ name: 'execute-report' })\">\n        <ax-prefix>\n          <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n        </ax-prefix>\n      </ax-button>\n      <!-- ----- Secondary background generate for choose mode ----- -->\n      @if (canGenerateInBackground() && vm.generationMode() === 'choose') {\n        <ax-button class=\"w-full mt-2\" [disabled]=\"vm.areParametersReadonly()\"\n          [text]=\"t('@report-management:report-generation.actions.generate-in-background') | async\" [color]=\"'default'\"\n          (onClick)=\"execute({ name: 'generate-in-background' })\">\n          <ax-prefix>\n            <ax-icon icon=\"fa-light fa-clock\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      }\n    </axp-layout-footer>\n  </axp-layout-start-side>\n  }\n  <!-- Main Content: Report Display -->\n  <axp-page-content class=\"overflow-auto\">\n    @if (vm.isFrozen()) {\n      <!-- ----- Frozen run banner ----- -->\n      <div class=\"warning-lightest-surface mb-3 p-3 rounded border border-warning-200 text-warning-800 text-sm\">\n        {{ t('@report-management:report-generation.banners.frozen') | async }}\n      </div>\n    }\n    @if (vm.hasError()) {\n    <!-- Error State -->\n    <axp-state-message icon=\"fa-light fa-exclamation-triangle\"\n      [title]=\"'@report-management:report-viewer.messages.error.fetch-title'\"\n      [description]=\"vm.error() || '@report-management:report-viewer.messages.error.unexpected'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.retry.title') | async\" (onClick)=\"vm.clearError()\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-refresh\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    } @else if (!vm.reportDefinition()) {\n    <!-- No Report Selected State -->\n    <axp-state-message icon=\"fa-light fa-chart-line\"\n      [title]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.title'\"\n      [description]=\"'@report-management:report-viewer.components.report-viewer.empty-states.no-report.description'\">\n      <div slot=\"actions\">\n        <ax-button look=\"outline\" color=\"primary\"\n          [text]=\"t('@report-management:report-viewer.actions.browse-reports.title') | async\">\n          <ax-prefix>\n            <ax-icon class=\"fa-light fa-folder-open\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </axp-state-message>\n    <!-- ----- Background report message state (no live layout preview) ----- -->\n    } @else if (vm.isBackgroundReportMode() && !vm.isFrozen()) {\n      <!-- ----- Mobile filters and layout selection for background reports ----- -->\n      @if (deviceService.isSmall() && !vm.isBackgroundQueued()) {\n        <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\"\n          (contextChange)=\"handleFiltersChange($event)\" (contextInitiated)=\"handleFiltersInitiated($event)\">\n        </axp-layout-renderer>\n        @if (vm.availableLayouts().length > 0) {\n          <div class=\"mt-4 pt-4 border-t\">\n            <div class=\"flex items-center justify-between gap-2 mb-2\">\n              <span class=\"text-sm font-medium\">\n                {{ t('@report-management:report-generation.components.background-layouts.title') | async }}\n              </span>\n            </div>\n            <p class=\"text-xs opacity-70 mb-3\">\n              {{ t('@report-management:report-generation.components.background-layouts.description') | async }}\n            </p>\n            <div class=\"flex flex-col gap-2\">\n              @for (layout of vm.availableLayouts(); track layout.id) {\n                <label class=\"flex items-center gap-2 p-2 rounded border cursor-pointer\">\n                  <ax-check-box\n                    [ngModel]=\"vm.isBackgroundLayoutSelected(layout.id)\"\n                    (ngModelChange)=\"handleBackgroundLayoutToggle(layout.id, $event)\"\n                  ></ax-check-box>\n                  <ax-icon [icon]=\"layoutPageIcon(layout.icon, layout)\"></ax-icon>\n                  <span class=\"text-sm\">{{ getLayoutSelectionLabel(layout) | translate | async }}</span>\n                </label>\n              }\n            </div>\n          </div>\n        }\n      }\n      @if (vm.isBackgroundQueued()) {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.queued-title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.queued-description'\">\n        </axp-state-message>\n      } @else {\n        <axp-state-message icon=\"fa-light fa-clock\"\n          [title]=\"'@report-management:report-generation.empty-states.background.title'\"\n          [description]=\"'@report-management:report-generation.empty-states.background.description'\">\n        </axp-state-message>\n      }\n    } @else {\n    <ng-container *ngTemplateOutlet=\"reportDisplay\"></ng-container>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Desktop: Report Display Area -->\n<ng-template #reportDisplay>\n  @if (showReportDisplay()) {\n  <!-- Desktop & Mobile: Report Display Area -->\n  @if (vm.isTableLayout()) {\n  <axp-report-table-view> </axp-report-table-view>\n  } @else if (vm.isChartLayout()) {\n  <axp-report-chart-view> </axp-report-chart-view>\n  } @else if (vm.isPdfLayout()) {\n  <axp-report-pdf-view> </axp-report-pdf-view>\n  }\n  } @else if (vm.reportDefinition()) {\n  <!-- Mobile: Show filters  -->\n  <axp-layout-renderer #filtersForm [layout]=\"vm.formDefinition()\" [context]=\"vm.filterContext()\" [look]=\"'fieldset'\">\n  </axp-layout-renderer>\n  }\n</ng-template>\n\n<!-- Mobile: Execute Button -->\n@if (deviceService.isSmall() && ((!vm.isBackgroundReportMode() && !vm.hasBeenExecuted()) || (vm.isBackgroundReportMode() && !vm.isBackgroundQueued()))) {\n<axp-page-footer class=\"p-2 border-t\">\n  <ax-button class=\"w-full\" [disabled]=\"vm.isBackgroundReportMode() ? vm.isBackgroundGenerateDisabled() : (!vm.canExecute() || vm.areParametersReadonly())\"\n    [text]=\"(vm.isBackgroundReportMode()\n      ? '@report-management:report-generation.actions.generate-in-background'\n      : '@report-management:report-viewer.actions.execute.title') | translate | async\" [color]=\"'primary'\"\n    (onClick)=\"execute({ name: 'execute-report' })\">\n    <ax-prefix>\n      <ax-icon [icon]=\"vm.isBackgroundReportMode() ? 'fa-light fa-clock' : 'fa-light fa-play'\"></ax-icon>\n    </ax-prefix>\n  </ax-button>\n</axp-page-footer>\n}\n", styles: ["@layer properties;.axp-report-viewer-page{display:flex;height:100%;width:100%;flex-direction:column}.axp-report-viewer-page axp-layout-start-side{height:100%;width:calc(var(--spacing, .25rem) * 80);border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}@media(width>=1920px){.axp-report-viewer-page axp-layout-start-side{width:calc(var(--spacing, .25rem) * 96)}}.axp-report-viewer-page axp-layout-start-side>axp-layout-header{height:73px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.axp-report-viewer-page axp-layout-start-side axp-layout-content{overflow-x:auto;padding:calc(var(--spacing, .25rem) * 4)}.axp-report-viewer-page .__mobile-filters{display:flex;height:100%;flex-direction:column;overflow-y:auto}.axp-report-viewer-page .__mobile-filters .__mobile-filters-content{flex:1}.axp-report-viewer-page .__mobile-filters .__mobile-filters-footer{position:sticky;bottom:0;border-top-style:var(--tw-border-style);border-top-width:1px;background-color:var(--color-lightest);color:var(--color-on-lightest);border-color:var(--color-border-lightest);padding-top:calc(var(--spacing, .25rem) * 2)}.axp-report-viewer-page axp-page-content{display:flex;height:100%;flex-direction:column}.axp-report-viewer-page axp-report-table-view{flex:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { reportId: [{ type: i0.Input, args: [{ isSignal: true, alias: "reportId", required: false }] }], reportParameters: [{ type: i0.Input, args: [{ isSignal: true, alias: "reportParameters", required: false }] }], filtersForm: [{ type: i0.ViewChild, args: ['filtersForm', { isSignal: true }] }] } });
 
 var reportViewerPage_component = /*#__PURE__*/Object.freeze({
@@ -4229,4 +4861,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  */
 
 export { AXPReportViewerViewModel as A, mapEntityBindingParameters as B, queryResultToChartSeries as C, queryResultToPdfSource as D, ENTITY_REPORTS_PAGE_COMPONENT_KEY as E, resolveReportParameterValues as F, resolveTodayDateRange as G, toReportDateRangeFilterValue as H, OPEN_REPORT_IN_POPUP_COMMAND$1 as O, AXPOpenReportViewerCommand as a, resolveReportFilterDefaultValue as b, reportLayoutTitleKey as c, AXPReportTableViewComponent as d, AXPReportChartViewComponent as e, AXPReportPdfViewComponent as f, AXPReportViewerService as g, bindingShowsOnPage as h, isDistinctLayoutTitle as i, buildOpenInPopupCommandOptions as j, resolveBindingTitle as k, resolveBindingDescription as l, AXBarChartReportMapper as m, AXLineChartReportMapper as n, AXMPermissionDefinitionProvider as o, AXMReportManagementModule as p, AXPOpenReportInPopupCommand as q, reportLayoutPageIcon as r, AXPReportBarChartViewComponent as s, AXPReportViewerPageComponent as t, AXPieChartReportMapper as u, collectReportParameterDefaults as v, convertContextDataToFilterClause as w, flattenReportParametersToQueryParams as x, formatReportDateOnly as y, isReportDateRangeObject as z };
-//# sourceMappingURL=acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-BDCuhd5O.mjs.map
+//# sourceMappingURL=acorex-platform-module-report-management-client-acorex-platform-module-report-management-client-DENcGULA.mjs.map