@acorex-platform/framework-client 0.0.15 → 0.0.20

package/fesm2022/acorex-platform-framework-client-layout-builder.mjs

@@ -23,6 +23,7 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i3 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXBasePageComponent } from '@acorex/components/page';
+import { AXToastService } from '@acorex/components/toast';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPUnsavedChangesConfirmService } from '@acorex-platform/framework-client/common';
@@ -215,10 +216,12 @@ class AXPLayoutConversionService {
             type: 'form-field',
             name: field.path,
             mode: fieldMode,
+            visible: field.visible,
             options: {
                 label: field.title,
                 badge: field.badge,
                 showLabel: true,
+                ...(field.visible !== undefined ? { visible: field.visible } : {}),
                 ...hintOpts,
             },
             children: [editorWidget], // The editor widget becomes a child of form-field
@@ -263,6 +266,7 @@ class AXPLayoutConversionService {
             title: formFieldNode.options?.['label'],
             badge: formFieldNode.options?.['badge'],
             description: formFieldNode.options?.['hint'],
+            visible: (formFieldNode.visible ?? formFieldNode.options?.['visible']),
             widget: editorWidget,
             mode: formFieldNode.mode,
         };
@@ -283,7 +287,8 @@ class AXPLayoutConversionService {
                 // Field mode must be part of the key; otherwise metadata forms that only differ by
                 // view/edit (same paths and widget types) incorrectly reuse the first cached tree.
                 const fieldModePart = param.mode ?? '_';
-                keyParts.push(`p${groupIndex}.${paramIndex}:${param.path}:${param.widget.type}:${fieldModePart}`);
+                const visiblePart = param.visible === undefined ? '_' : String(param.visible);
+                keyParts.push(`p${groupIndex}.${paramIndex}:${param.path}:${param.widget.type}:${fieldModePart}:${visiblePart}`);
                 keyParts.push(`pL${groupIndex}.${paramIndex}:${JSON.stringify(param.title ?? null)}:${JSON.stringify(param.description ?? null)}:${JSON.stringify(param.badge ?? null)}`);
             });
         });
@@ -345,10 +350,10 @@ class AXPLayoutConversionService {
         }
         return Math.abs(hash).toString(36); // Convert to base36 for shorter string
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutConversionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutConversionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutConversionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutConversionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutConversionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutConversionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -481,10 +486,10 @@ class AXPLayoutBuilderService {
     create() {
         return new LayoutBuilder(this.popupService, this.hookService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutBuilderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutBuilderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutBuilderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutBuilderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -816,6 +821,9 @@ class LayoutContainerMixin extends BaseContainerMixin {
                         opts.rowStart = placement.rowStart;
                     if (placement.rowEnd != null)
                         opts.rowEnd = placement.rowEnd;
+                    const layoutOrder = value.order ?? placement.order;
+                    if (layoutOrder != null)
+                        opts.order = layoutOrder;
                 }
             }
         }
@@ -1132,6 +1140,9 @@ function toGridItemOptions(layoutOptions) {
         opts['rowStart'] = placement['rowStart'];
     if (placement['rowEnd'] != null)
         opts['rowEnd'] = placement['rowEnd'];
+    const layoutOrder = layoutOptions.order ?? placement['order'];
+    if (layoutOrder != null)
+        opts['order'] = layoutOrder;
     if (Object.keys(opts).length === 0)
         opts['colSpan'] = 12;
     return opts;
@@ -2130,27 +2141,33 @@ class AXPLayoutRendererComponent {
         /**
          * Form definition containing groups and fields OR widget tree
          */
-        this.layout = input.required(...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+        this.layout = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
         /**
          * Form context/model data
          */
-        this.context = model({}, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        this.context = model({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
         /**
          * Form appearance and density styling (normal, compact, spacious)
          */
-        this.look = input('fieldset', ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
+        this.look = input('fieldset', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
         /**
          * Default form mode. Can be overridden by section/group and field.
          */
-        this.mode = input('edit', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.mode = input('edit', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Widget Tree Conversion   ----
-        this.widgetTree = signal(null, ...(ngDevMode ? [{ debugName: "widgetTree" }] : /* istanbul ignore next */ []));
+        this.widgetTree = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "widgetTree" }] : /* istanbul ignore next */ []));
         /**
          * Prefer explicit {@link AXPWidgetNode.mode} on the root node (e.g. dialog flex `mode('view')`)
          * so nested widgets resolve view vs edit correctly; fall back to the layout `mode` input.
          */
-        this.effectiveRenderMode = computed(() => this.widgetTree()?.mode ?? this.mode(), ...(ngDevMode ? [{ debugName: "effectiveRenderMode" }] : /* istanbul ignore next */ []));
+        this.effectiveRenderMode = computed(() => this.widgetTree()?.mode ?? this.mode(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveRenderMode" }] : /* istanbul ignore next */ []));
         /**
          * Convert layout data to widget tree when inputs change
          */
@@ -2175,7 +2192,8 @@ class AXPLayoutRendererComponent {
             if (!isEqual(prev, tree)) {
                 this.widgetTree.set(tree);
             }
-        }, ...(ngDevMode ? [{ debugName: "conversionEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "conversionEffect" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Outputs   ----
         /**
@@ -2188,12 +2206,15 @@ class AXPLayoutRendererComponent {
         this.validityChange = output();
         //#endregion
         //#region ----   Properties   ----
-        this.form = viewChild(AXFormComponent, ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
-        this.container = viewChild(AXPWidgetContainerComponent, ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
+        this.form = viewChild(AXFormComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+        this.container = viewChild(AXPWidgetContainerComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
         /**
          * Internal context signal for reactivity
          */
-        this.internalContext = signal({}, ...(ngDevMode ? [{ debugName: "internalContext" }] : /* istanbul ignore next */ []));
+        this.internalContext = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "internalContext" }] : /* istanbul ignore next */ []));
         /**
          * Initial context for reset functionality
          */
@@ -2206,7 +2227,8 @@ class AXPLayoutRendererComponent {
         this.#contextSyncEffect = effect(() => {
             const ctx = this.context() ?? {};
             this.contextUpdateSubject.next(ctx);
-        }, ...(ngDevMode ? [{ debugName: "#contextSyncEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#contextSyncEffect" }] : /* istanbul ignore next */ []));
         /**
          * Effect to handle widget tree status changes
          */
@@ -2215,7 +2237,8 @@ class AXPLayoutRendererComponent {
             if (widgetTree) {
                 this.container()?.builderService.setStatus(AXPPageStatus.Rendered);
             }
-        }, ...(ngDevMode ? [{ debugName: "#widgetStatusEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#widgetStatusEffect" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ----   Lifecycle Methods   ----
@@ -2355,8 +2378,8 @@ class AXPLayoutRendererComponent {
     isWidgetNode(data) {
         return data && typeof data === 'object' && 'type' in data && typeof data.type === 'string';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLayoutRendererComponent, isStandalone: true, selector: "axp-layout-renderer", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { context: "contextChange", contextInitiated: "contextInitiated", validityChange: "validityChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true, isSignal: true }, { propertyName: "container", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLayoutRendererComponent, isStandalone: true, selector: "axp-layout-renderer", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { context: "contextChange", contextInitiated: "contextInitiated", validityChange: "validityChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true, isSignal: true }, { propertyName: "container", first: true, predicate: AXPWidgetContainerComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
     <ax-form>
       <axp-widgets-container [context]="internalContext()" (onContextChanged)="handleContextChanged($event)">
         @if (widgetTree()) {
@@ -2374,7 +2397,7 @@ class AXPLayoutRendererComponent {
     </ax-form>
   `, isInline: true, styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i2.AXFormComponent, selector: "ax-form", inputs: ["disabled", "readonly", "labelMode", "look", "messageStyle", "updateOn", "inUserInteractionActive"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i2.AXValidationSummaryComponent, selector: "ax-validation-summary", inputs: ["title", "displayMode", "timeOut", "autoHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLayoutRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLayoutRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-layout-renderer', standalone: true, imports: [AXPWidgetCoreModule, AXFormModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <ax-form>
@@ -2462,18 +2485,18 @@ class AXPSettingsDefinitionDialogOpenerService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPSettingsDefinitionDialogOpenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPSettingsDefinitionDialogOpenerService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSettingsDefinitionDialogOpenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSettingsDefinitionDialogOpenerService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPSettingsDefinitionDialogOpenerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSettingsDefinitionDialogOpenerService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class LayoutBuilderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: LayoutBuilderModule, imports: [CommonModule, AXPLayoutRendererComponent], exports: [AXPLayoutRendererComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutBuilderModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LayoutBuilderModule, imports: [CommonModule, AXPLayoutRendererComponent], exports: [AXPLayoutRendererComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutBuilderModule, providers: [
             AXPLayoutBuilderService,
             {
                 provide: AXP_SETTINGS_DEFINITION_DIALOG_OPENER,
@@ -2487,7 +2510,7 @@ class LayoutBuilderModule {
             ]),
         ], imports: [CommonModule, AXPLayoutRendererComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LayoutBuilderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutBuilderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXPLayoutRendererComponent],
@@ -2622,6 +2645,7 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
         this.hookService = inject(AXPHookService, { optional: true });
         this.unsavedChangesConfirm = inject(AXPUnsavedChangesConfirmService);
         this.overlayService = inject(AXOverlayService);
+        this.toastService = inject(AXToastService);
         this.translationService = inject(AXTranslationService);
         this.document = inject(DOCUMENT);
         this.host = inject((ElementRef));
@@ -2633,13 +2657,17 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
         /** Blocks re-entrant {@link onClosing} while the first close gate is still resolving. */
         this.closeGateInProgress = false;
         this.destroyRef = inject(DestroyRef);
-        this.context = signal({}, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        this.context = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
         // This will be set by the popup service automatically - same as dynamic-dialog
         this.callBack = () => { };
-        this.isDialogLoading = signal(false, ...(ngDevMode ? [{ debugName: "isDialogLoading" }] : /* istanbul ignore next */ []));
+        this.isDialogLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDialogLoading" }] : /* istanbul ignore next */ []));
         // Aggregated actions for footer rendering
-        this.footerPrefix = signal([], ...(ngDevMode ? [{ debugName: "footerPrefix" }] : /* istanbul ignore next */ []));
-        this.footerSuffix = signal([], ...(ngDevMode ? [{ debugName: "footerSuffix" }] : /* istanbul ignore next */ []));
+        this.footerPrefix = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "footerPrefix" }] : /* istanbul ignore next */ []));
+        this.footerSuffix = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "footerSuffix" }] : /* istanbul ignore next */ []));
         /**
          * Correlate layout context snapshots for distributed hooks (`layout-builder.dialog.context-changed`).
          */
@@ -2655,11 +2683,13 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             this.footerSuffix();
             this.isDialogLoading();
             untracked(() => this.refreshDialogKeyboardShortcuts());
-        }, ...(ngDevMode ? [{ debugName: "#dialogShortcutsEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#dialogShortcutsEffect" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   View Accessors   ----
         // Access the internal layout renderer to reach the widgets container injector
-        this.layoutRenderer = viewChild(AXPLayoutRendererComponent, ...(ngDevMode ? [{ debugName: "layoutRenderer" }] : /* istanbul ignore next */ []));
+        this.layoutRenderer = viewChild(AXPLayoutRendererComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layoutRenderer" }] : /* istanbul ignore next */ []));
         this.#widgetActionsEffect = effect(() => {
             this.aggregateAndEvaluateActions();
             if (!this.widgetCoreService) {
@@ -2675,7 +2705,10 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             this.debounceTimer = setTimeout(() => {
                 this.aggregateAndEvaluateActions();
             }, DIALOG_WIDGET_COUNT_STABLE_DELAY_MS);
-        }, ...(ngDevMode ? [{ debugName: "#widgetActionsEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#widgetActionsEffect" }] : /* istanbul ignore next */ []));
+        // --- Actions aggregation & evaluation ---
+        this.footerActionsEvalSeq = 0;
     }
     /**
      * Registers footer shortcuts on the platform registry at modal priority so they win over page
@@ -2845,9 +2878,7 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             },
             metadata: meta,
             patchContext: (partial) => {
-                const merged = merge({}, this.context(), partial);
-                this.context.set(merged);
-                this.layoutRenderer()?.updateContext(merged);
+                this.applyDialogContextPatch(partial);
             },
             setLoading: (loading) => this.isDialogLoading.set(loading),
         };
@@ -2926,8 +2957,9 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
                 this.resolveDialog(result);
                 await this.closeWithOptionalSkipValidate(result);
             }
-            catch {
-                // Handler threw: stay open for retry, actions remain clickable
+            catch (error) {
+                // Keep dialog open for retry, but surface validation / handler errors.
+                await this.showOnActionError(error);
             }
             finally {
                 this.isDialogLoading.set(false);
@@ -2972,6 +3004,21 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             message: confirmOptions.message,
         });
     }
+    /** Surfaces `onAction` throw messages (validation) without closing the dialog. */
+    async showOnActionError(error) {
+        const raw = error instanceof Error && error.message.trim()
+            ? error.message.trim()
+            : '@general:messages.generic.error.title';
+        const content = raw.startsWith('@')
+            ? await this.translationService.translateAsync(raw)
+            : raw;
+        const title = await this.translationService.translateAsync('@general:messages.generic.error.title');
+        this.toastService.show({
+            color: 'danger',
+            title,
+            content,
+        });
+    }
     /** Whether the layout form should be validated before running this footer command. */
     shouldValidateBeforeAction(cmd) {
         if (!cmd || cmd === 'cancel' || cmd === 'entity-form-done' || cmd === 'entity-form-next-step') {
@@ -3012,17 +3059,49 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             close: (res) => {
                 void this.closeWithOptionalSkipValidate(res);
             },
-            context: () => this.context(),
+            context: () => {
+                const store = this.getWidgetContainer()?.contextService;
+                return (store?.data() ?? this.context());
+            },
             action: () => actionCmd,
             setLoading: (loading) => this.isDialogLoading.set(loading),
             patchContext: (partial) => {
-                const merged = merge({}, this.context(), partial);
-                this.context.set(merged);
-                this.layoutRenderer()?.updateContext(merged);
+                this.applyDialogContextPatch(partial);
             },
             invokeWidget: (widgetName, method, opts) => this.invokeWidget(widgetName, method, opts ?? {}),
         };
     }
+    /**
+     * Merges into the live widget-container store (not a possibly-stale dialog signal),
+     * and forces persisted root `id` onto the store for create-wizard related steps.
+     */
+    applyDialogContextPatch(partial) {
+        const store = this.getWidgetContainer()?.contextService;
+        const live = (store?.data() ?? this.context() ?? {});
+        const merged = merge({}, live, partial);
+        if (store) {
+            const nextId = merged['id'] ?? merged['_id'];
+            const currentId = store.data()['id'] ?? store.data()['_id'];
+            const hasNext = (typeof nextId === 'string' && nextId.length > 0) ||
+                (typeof nextId === 'number' && !Number.isNaN(nextId));
+            const hasCurrent = (typeof currentId === 'string' && currentId.length > 0) ||
+                (typeof currentId === 'number' && !Number.isNaN(currentId));
+            if (hasNext && !hasCurrent) {
+                const identity = { id: nextId };
+                if (merged['_id'] !== undefined) {
+                    identity['_id'] = merged['_id'];
+                }
+                store.patch(identity, { updateSaved: true });
+            }
+            else {
+                store.patch(partial, { updateSaved: false });
+            }
+        }
+        this.context.set(merged);
+        // Prefer identity-only sync via [context] binding + syncExternalContext identity path.
+        // Passing the full merged object after updateSaved can clearWidgets and reset the wizard.
+        this.layoutRenderer()?.updateContext(merged);
+    }
     async closeWithOptionalSkipValidate(result) {
         if (result && typeof result === 'object' && result.skipValidate) {
             this.result.emit(result);
@@ -3034,6 +3113,16 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
         await this.close(result, { skipDirtyConfirm: true });
     }
     /** Resolves footer/widget action command to a string (e.g. `cancel`, `submit`, `widget:...`). */
+    resolveDialogActionTestId(action) {
+        const command = this.resolveActionCommandName(action.command);
+        if (command === 'submit') {
+            return 'entity-dialog-submit';
+        }
+        if (command === 'cancel') {
+            return 'entity-dialog-cancel';
+        }
+        return command ? `entity-dialog-action-${command}` : 'entity-dialog-action';
+    }
     resolveActionCommandName(command) {
         if (typeof command === 'string') {
             return command;
@@ -3094,12 +3183,16 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
         }
         super.close(result);
     }
-    // --- Actions aggregation & evaluation ---
     async aggregateAndEvaluateActions() {
+        const seq = ++this.footerActionsEvalSeq;
         const widgetActions = await this.collectWidgetActions();
         const dialogActions = this.collectDialogActionsFromConfig();
         const all = [...widgetActions, ...dialogActions];
         const evaluated = await this.evaluatePredicates(all);
+        // Drop stale runs (e.g. nested Assign create triggers overlapping context refreshes).
+        if (seq !== this.footerActionsEvalSeq) {
+            return;
+        }
         const visible = evaluated.filter((a) => a.hidden !== true);
         const prefix = visible.filter((a) => (a.zone ?? 'footer') === 'footer' && (a.placement ?? 'suffix') === 'prefix');
         const suffix = visible.filter((a) => (a.zone ?? 'footer') === 'footer' && (a.placement ?? 'suffix') === 'suffix');
@@ -3157,23 +3250,32 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
                 dialog: { context: this.context() },
                 context: this.context(),
             };
-            const disabled = await this.evalBool(a.disabled, scope);
-            const hidden = await this.evalBool(a.hidden, scope);
+            const hiddenNeedsApi = typeof a.hidden === 'string' && /\bapi\b/.test(a.hidden);
+            const disabledNeedsApi = typeof a.disabled === 'string' && /\bapi\b/.test(a.disabled);
+            // Fail closed: missing wizard api must not reveal step-scoped footer actions (Done / Continue).
+            const disabled = disabledNeedsApi && !api ? true : await this.evalBool(a.disabled, scope, false);
+            const hidden = hiddenNeedsApi && !api ? true : await this.evalBool(a.hidden, scope, true);
             const resolvedTitle = (await this.evalActionTitle(a.title, scope)) ?? a.title;
             out.push({ ...a, disabled, hidden, title: resolvedTitle });
         }
         return out;
     }
-    async evalBool(value, scope) {
+    /**
+     * @param failClosed When evaluation throws / returns an error sentinel, use this value.
+     *                   Footer `hidden` should fail closed (`true`) so step actions do not leak.
+     */
+    async evalBool(value, scope, failClosed) {
         if (typeof value === 'boolean')
             return value;
         if (typeof value === 'string') {
             try {
                 const result = await this.expressionEvaluator.evaluate(value, scope);
+                // Expression evaluator swallows errors and returns false — treat that as failClosed
+                // only when the expression references api and api is missing (handled by caller).
                 return !!result;
             }
             catch {
-                return false;
+                return failClosed;
             }
         }
         return value;
@@ -3207,10 +3309,10 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
             return undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDialogRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPDialogRendererComponent, isStandalone: true, selector: "axp-dialog-renderer", outputs: { result: "result" }, providers: [AXPContextStore], viewQueries: [{ propertyName: "layoutRenderer", first: true, predicate: AXPLayoutRendererComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPDialogRendererComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPDialogRendererComponent, isStandalone: true, selector: "axp-dialog-renderer", outputs: { result: "result" }, providers: [AXPContextStore], viewQueries: [{ propertyName: "layoutRenderer", first: true, predicate: AXPLayoutRendererComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <axp-component-slot name="dialog-header" [context]="context()"></axp-component-slot>
-    <div class="p-4">
+    <div class="p-4" data-testid="entity-dialog">
       <!-- @if (config.message) {
         <p class="mb-4 leading-relaxed">{{ config.message | translate | async }}</p>
       } -->
@@ -3231,6 +3333,7 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
           <axp-component-slot name="dialog-footer-prefix" [context]="context()"></axp-component-slot>
           @for (action of footerPrefixActions(); track $index) {
             <ax-button
+              [attr.data-testid]="resolveDialogActionTestId(action)"
               [disabled]="action.disabled || isFormLoading()"
               [text]="(action.title | translate | async)!"
               [look]="'outline'"
@@ -3251,6 +3354,7 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
         <ax-suffix>
           @for (action of footerSuffixActions(); track $index) {
             <ax-button
+              [attr.data-testid]="resolveDialogActionTestId(action)"
               [disabled]="action.disabled || isSubmitting()"
               [text]="(action.title | translate | async)!"
               [look]="'solid'"
@@ -3273,7 +3377,7 @@ class AXPDialogRendererComponent extends AXBasePageComponent {
     }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.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: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i4.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPDialogRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPDialogRendererComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-dialog-renderer',
@@ -3291,7 +3395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     <axp-component-slot name="dialog-header" [context]="context()"></axp-component-slot>
-    <div class="p-4">
+    <div class="p-4" data-testid="entity-dialog">
       <!-- @if (config.message) {
         <p class="mb-4 leading-relaxed">{{ config.message | translate | async }}</p>
       } -->
@@ -3312,6 +3416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           <axp-component-slot name="dialog-footer-prefix" [context]="context()"></axp-component-slot>
           @for (action of footerPrefixActions(); track $index) {
             <ax-button
+              [attr.data-testid]="resolveDialogActionTestId(action)"
               [disabled]="action.disabled || isFormLoading()"
               [text]="(action.title | translate | async)!"
               [look]="'outline'"
@@ -3332,6 +3437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <ax-suffix>
           @for (action of footerSuffixActions(); track $index) {
             <ax-button
+              [attr.data-testid]="resolveDialogActionTestId(action)"
               [disabled]="action.disabled || isSubmitting()"
               [text]="(action.title | translate | async)!"
               [look]="'solid'"
@@ -3424,12 +3530,13 @@ class AXPPreviewWidgetFieldCommand {
             const merged = this.mergeInvocation(input);
             const currentWidget = this.normalizeWidget(merged['widget'] ?? merged['interface']);
             if (!currentWidget?.type) {
-                return {
-                    success: false,
-                    message: {
-                        text: (await this.translationService.translateAsync('@general:messages.invalid-data')) || 'Invalid data',
-                    },
-                };
+                return false
+                    ? { success: true, kind: 'object', data: undefined, message: {
+                            text: (await this.translationService.translateAsync('@general:messages.invalid-data')) || 'Invalid data',
+                        } }
+                    : { success: false, message: {
+                            text: (await this.translationService.translateAsync('@general:messages.invalid-data')) || 'Invalid data',
+                        } };
             }
             const fieldName = String(merged['fieldName'] ?? merged['name'] ?? 'Field');
             const rawTitle = (merged['fieldTitle'] ?? merged['title']);
@@ -3440,7 +3547,7 @@ class AXPPreviewWidgetFieldCommand {
                 name: fieldName,
                 ...extendedNodePropsForPreview(currentWidget),
             };
-            const dialogOutcome = await this.formBuilderService
+            await this.formBuilderService
                 .create()
                 .dialog((dialog) => {
                 dialog
@@ -3456,24 +3563,24 @@ class AXPPreviewWidgetFieldCommand {
                     .setActions((actions) => actions.cancel('@general:actions.close.title'));
             })
                 .show();
-            const cancelled = this.isCancelDialogOutcome(dialogOutcome);
+            // Preview is read-only; never refresh the hosting entity list on close.
             return {
-                success: !cancelled,
+                success: true,
+                kind: 'object',
+                data: undefined,
+                metadata: { refresh: false },
                 message: { text: '' },
             };
         }
         catch (error) {
             const message = error instanceof Error ? error.message : 'Unknown error';
-            return {
-                success: false,
-                message: { text: message },
-            };
+            return { success: false, message: { text: message } };
         }
     }
     mergeInvocation(input) {
-        const contextOptions = input.__context__?.options;
-        const ctxData = input.__context__?.data;
-        const { __context__: _ctx, ...rest } = input;
+        const contextOptions = input.options;
+        const ctxData = input.data;
+        const rest = input;
         return {
             ...(ctxData ?? {}),
             ...(contextOptions ?? {}),
@@ -3507,16 +3614,6 @@ class AXPPreviewWidgetFieldCommand {
         }
         return this.translationService.resolve(source);
     }
-    isCancelDialogOutcome(outcome) {
-        if (outcome == null) {
-            return false;
-        }
-        const ref = outcome;
-        if (typeof ref.action !== 'function') {
-            return false;
-        }
-        return ref.action() === 'cancel';
-    }
     async resolveWidgetDisplayTitle(widgetType) {
         const crud = this.crudService;
         if (crud) {
@@ -3531,10 +3628,10 @@ class AXPPreviewWidgetFieldCommand {
         const resolved = this.translationService.resolve(config.title);
         return resolved || undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPreviewWidgetFieldCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPreviewWidgetFieldCommand }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPreviewWidgetFieldCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPreviewWidgetFieldCommand }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPPreviewWidgetFieldCommand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPreviewWidgetFieldCommand, decorators: [{
             type: Injectable
         }] });