@acorex/platform 21.0.0-next.39 → 21.0.0-next.40

package/fesm2022/acorex-platform-layout-entity.mjs

@@ -4,14 +4,14 @@ import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString }
 import * as i4$4 from '@acorex/platform/common';
 import { AXPSettingsService, AXPCommonSettings, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPRefreshEvent, AXPReloadEvent, AXPCleanNestedFilters, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, AXPEntityQueryType, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER, AXPMenuItemsDataSourceDefinition } from '@acorex/platform/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injector, runInInjectionContext, Injectable, input, viewChild, signal, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, computed, ChangeDetectorRef, effect, Input, afterNextRender, untracked, ViewEncapsulation, viewChildren, linkedSignal, HostBinding, output, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { InjectionToken, inject, Injector, runInInjectionContext, Injectable, input, viewChild, signal, computed, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, ChangeDetectorRef, effect, Input, afterNextRender, untracked, ViewEncapsulation, viewChildren, linkedSignal, HostBinding, output, NgModule, makeEnvironmentProviders } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
 import { AXPLayoutBuilderService, LayoutBuilderModule } from '@acorex/platform/layout/builder';
-import { AXPDeviceService, AXPBroadcastEventService, applyFilterArray, applySortArray, resolveActionLook, AXPExpressionEvaluatorService, AXPDistributedEventListenerService, AXPPlatformScope, AXHighlightService, extractValue, setSmart, getChangedPaths, AXPColumnWidthService, AXPModuleManifestRegistry, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXPModuleManifestsDataSourceDefinition, AXPSystemActionType } from '@acorex/platform/core';
+import { AXPDeviceService, AXPBroadcastEventService, applyFilterArray, applySortArray, resolveActionLook, AXPExpressionEvaluatorService, AXPDistributedEventListenerService, AXPPlatformScope, AXHighlightService, extractValue, setSmart, getChangedPaths, objectKeyValueTransforms, AXPColumnWidthService, AXPModuleManifestRegistry, defaultColumnWidthProvider, AXP_COLUMN_WIDTH_PROVIDER, AXP_DATASOURCE_DEFINITION_PROVIDER, AXPModuleManifestsDataSourceDefinition, AXPSystemActionType } from '@acorex/platform/core';
 import { merge, get, castArray, cloneDeep, set, orderBy, omit, isNil, isEmpty, isEqual } from 'lodash-es';
 import { AXPSessionService, AXPAuthGuard, AXPPermissionDefinitionsDataSourceDefinition } from '@acorex/platform/auth';
 import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
-import { defineCommand, AXPCommandService, AXPQueryService, AXPQueryExecutor, provideCommandSetups, provideQuerySetups, AXPCommandRegistry, AXPQueryRegistry } from '@acorex/platform/runtime';
+import { defineCommand, AXP_COMMAND_DEFINITION_CATEGORY_ENTITY, AXPCommandService, AXPQueryService, AXPQueryExecutor, provideCommandSetups, provideQuerySetups, AXPCommandRegistry, AXPQueryRegistry } from '@acorex/platform/runtime';
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i4 from '@acorex/components/loading';
@@ -119,6 +119,28 @@ const AXP_ENTITY_ACTION_PLUGIN = new InjectionToken('AXP_ENTITY_ACTION_PLUGIN');
 function createModifierContext(entity) {
     const ctx = {
         entity,
+        plugins: {
+            list: () => entity.plugins ?? [],
+            add: (...items) => {
+                entity.plugins ??= [];
+                entity.plugins.push(...items);
+                return ctx;
+            },
+            remove: (predicate) => {
+                if (entity.plugins)
+                    entity.plugins = entity.plugins.filter((p) => !predicate(p));
+                return ctx;
+            },
+            find: (name) => ({
+                get: () => entity.plugins?.find((p) => p.name === name),
+                update: (updater) => {
+                    const index = entity.plugins?.findIndex((p) => p.name === name);
+                    if (index !== undefined && index !== -1 && entity.plugins)
+                        entity.plugins[index] = updater(entity.plugins[index]);
+                    return ctx;
+                },
+            }),
+        },
         title: {
             get: () => entity.title,
             set: (newTitle) => {
@@ -781,6 +803,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+/**
+ * Maps entity property `description` (or any i18n key / multi-language payload) to `form-field`
+ * widget options. Returns `undefined` when there is nothing to show.
+ */
+function hintFormFieldOptionsFromDescription(description) {
+    if (description == null) {
+        return undefined;
+    }
+    if (typeof description === 'string' && description.trim() === '') {
+        return undefined;
+    }
+    return { hint: description, hintDisplayMode: 'icon' };
+}
+//#endregion
+
 //#endregion
 class AXPEntityFormBuilderService {
     constructor() {
@@ -1190,6 +1227,17 @@ class PropertyFilter {
                             fs.setLook('fieldset');
                             fs.setTitle((getGroupTitleFromList(allGroups, groupId) || groupId));
                             fs.setCols(12);
+                            // Section label visibility (fieldset title/legend)
+                            // Prefer current interface (create/update/single) section layout, fallback to master.single section layout.
+                            const sectionLabelVisible = section?.layout?.label?.visible ??
+                                entity?.interfaces?.master?.single?.sections?.find((s) => s?.id === groupId)?.layout?.label
+                                    ?.visible;
+                            if (sectionLabelVisible === false) {
+                                // Different parts of the system refer to this concept with different keys.
+                                // - Fieldset view renderer currently uses `showTitle`
+                                // - Fieldset designer/property system uses `showHeader`
+                                fs.setOptions({ showTitle: false, showHeader: false });
+                            }
                             // Sort properties by order within section
                             const orderedProps = [...sectionProps].sort((a, b) => {
                                 const aOrder = a.__order ?? Infinity;
@@ -1220,6 +1268,10 @@ class PropertyFilter {
                                     if (fieldLayout?.label?.visible === false) {
                                         field.setShowLabel(false);
                                     }
+                                    const hintOpts = hintFormFieldOptionsFromDescription(prop.description);
+                                    if (hintOpts) {
+                                        field.setOptions(hintOpts);
+                                    }
                                     const widgetType = prop.schema?.interface?.type || '';
                                     const widgetOptions = buildWidgetOptions(prop);
                                     const extendedProperties = buildWidgetExtendedProperties(prop);
@@ -1911,6 +1963,7 @@ const axpCreateEntityCommandDefinition = defineCommand({
         summary: 'Dialog submit persists entity; navigation/toast behavior per entity form builder and settings.',
         derivesFrom: 'AXPExecuteCommandResult<any> from entity form chain and AXPOpenEntityDetailsCommand',
     },
+    capabilities: ['ai'],
     ai: {
         shortDescription: 'Opens create dialog with pre-filled data; execution waits until the user submits or cancels, then returns—use for human-confirmed inserts into mock storage.',
         usage: {
@@ -1925,6 +1978,7 @@ const axpCreateEntityCommandDefinition = defineCommand({
         tags: ['entity', 'create', 'form', 'dialog', 'human-in-the-loop', 'mock', 'entity-storage', 'wait-user'],
         toolInputDefaults: { ...axpCreateEntityAiToolInputDefaults },
     },
+    categories: [AXP_COMMAND_DEFINITION_CATEGORY_ENTITY],
 });
 
 class AXPUpdateEntityCommand {
@@ -2193,6 +2247,18 @@ class AXPEntityDetailPopoverComponent {
         this.entityDetails = signal(null, ...(ngDevMode ? [{ debugName: "entityDetails" }] : /* istanbul ignore next */ []));
         this.isLoadingDetails = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingDetails" }] : /* istanbul ignore next */ []));
         this.isDetailPopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isDetailPopoverOpen" }] : /* istanbul ignore next */ []));
+        /**
+         * Stable list of property widgets for the template. Must be a signal (computed), not a method:
+         * calling a method from the template rebuilds nodes every CD cycle and can make the widget renderer loop.
+         */
+        this.entityPropertiesWithWidgets = computed(() => {
+            const details = this.entityDetails();
+            const data = details?.entityData;
+            const entityDefinition = details?.entityDefinition;
+            if (!data || !entityDefinition?.properties)
+                return [];
+            return this.buildEntityPropertiesWithWidgets(data, entityDefinition, this.textField(), this.valueField());
+        }, ...(ngDevMode ? [{ debugName: "entityPropertiesWithWidgets" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ----   Public Methods   ----
@@ -2347,16 +2413,12 @@ class AXPEntityDetailPopoverComponent {
         }
         return 0;
     }
-    getEntityPropertiesWithWidgets() {
-        const data = this.entityDetails()?.entityData;
-        const entityDefinition = this.entityDetails()?.entityDefinition;
-        if (!data || !entityDefinition?.properties)
-            return [];
+    buildEntityPropertiesWithWidgets(data, entityDefinition, textFieldValue, valueFieldValue) {
         // Use properties (not columns) for correct titles and schema; columns may have dataPath that doesn't match
-        const importantProperties = entityDefinition.properties
+        return entityDefinition.properties
             .filter((prop) => {
             // Exclude technical fields
-            if (prop.name === 'id' || prop.name === this.textField() || prop.name === this.valueField()) {
+            if (prop.name === 'id' || prop.name === textFieldValue || prop.name === valueFieldValue) {
                 return false;
             }
             // Only include properties that have a meaningful value (using get for dotted paths)
@@ -2424,7 +2486,6 @@ class AXPEntityDetailPopoverComponent {
                 node: widgetNode,
             };
         });
-        return importantProperties;
     }
     /**
      * Resolves the data path for a property. For lookups with expose, returns the expanded path
@@ -2447,11 +2508,11 @@ class AXPEntityDetailPopoverComponent {
         return prop.name;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        {{ entityDetails()?.entityData?.[textField()] ?? item()?.[textField()] | translate | async }}\n      </h3>\n      @if (breadcrumb()) {\n        <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n      }\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button\n          [color]=\"'primary'\"\n          [look]=\"'solid'\"\n          [text]=\"'@general:actions.open-details.title' | translate | async\"\n          (click)=\"navigateToDetails()\"\n        >\n        </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPEntityDetailPopoverComponent, isStandalone: true, selector: "axp-entity-detail-popover", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, breadcrumb: { classPropertyName: "breadcrumb", publicName: "breadcrumb", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "detailPopover", first: true, predicate: ["detailPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        {{ entityDetails()?.entityData?.[textField()] ?? item()?.[textField()] | translate | async }}\n      </h3>\n      @if (breadcrumb()) {\n        <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n      }\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of entityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button\n          [color]=\"'primary'\"\n          [look]=\"'solid'\"\n          [text]=\"'@general:actions.open-details.title' | translate | async\"\n          (click)=\"navigateToDetails()\"\n        >\n        </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { 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: AXPEntityDetailPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXPWidgetCoreModule, AXTranslationModule, AXLoadingModule], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        {{ entityDetails()?.entityData?.[textField()] ?? item()?.[textField()] | translate | async }}\n      </h3>\n      @if (breadcrumb()) {\n        <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n      }\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of getEntityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button\n          [color]=\"'primary'\"\n          [look]=\"'solid'\"\n          [text]=\"'@general:actions.open-details.title' | translate | async\"\n          (click)=\"navigateToDetails()\"\n        >\n        </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n" }]
+            args: [{ selector: 'axp-entity-detail-popover', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXPopoverModule, AXPWidgetCoreModule, AXTranslationModule, AXLoadingModule], template: "<ax-popover [openOn]=\"'manual'\" #detailPopover (openChange)=\"onDetailPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[400px]\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold ax-text-on-lightest-surface\">\n        {{ entityDetails()?.entityData?.[textField()] ?? item()?.[textField()] | translate | async }}\n      </h3>\n      @if (breadcrumb()) {\n        <div class=\"ax-text-xs ax-text-neutral-500 ax-mt-1\">{{ breadcrumb() }}</div>\n      }\n    </div>\n    @if (isLoadingDetails()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading details...</ax-loading>\n      </div>\n    } @else if (entityDetails()) {\n      <div class=\"ax-space-y-3 ax-mb-4\">\n        <!-- Important Entity Data -->\n        @if (entityDetails()?.entityData) {\n          <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n            <div class=\"ax-space-y-2\">\n              @for (item of entityPropertiesWithWidgets(); track item.name) {\n                <div class=\"ax-flex ax-justify-between ax-items-center\">\n                  <span class=\"ax-text-sm ax-font-medium\">{{ item.title | translate | async }}:</span>\n                  <div class=\"ax-flex-1 ax-ml-2 ax-max-w-48\">\n                    <ng-container axp-widget-renderer [node]=\"item.node\" [mode]=\"'view'\"></ng-container>\n                  </div>\n                </div>\n              }\n            </div>\n          </axp-widgets-container>\n        }\n      </div>\n      <div class=\"ax-flex ax-gap-2 ax-justify-end ax-sm\">\n        <ax-button\n          [color]=\"'primary'\"\n          [look]=\"'solid'\"\n          [text]=\"'@general:actions.open-details.title' | translate | async\"\n          (click)=\"navigateToDetails()\"\n        >\n        </ax-button>\n      </div>\n    }\n  </div>\n</ax-popover>\n" }]
         }], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: true }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], detailPopover: [{ type: i0.ViewChild, args: ['detailPopover', { isSignal: true }] }] } });
 
 class AXPEntityDetailPopoverService {
@@ -4151,6 +4212,7 @@ class AXPEntityMasterListViewModel {
             return this.sortedFields().filter((i) => i.dir).length;
         };
         this.sortedFields = signal([], ...(ngDevMode ? [{ debugName: "sortedFields" }] : /* istanbul ignore next */ []));
+        //#endregion
         this.evaluateExpressions = async (options, data) => {
             const scope = this.createExpressionScope(data);
             return await this.expressionEvaluator.evaluate(options, scope);
@@ -4623,7 +4685,8 @@ class AXPEntityMasterListViewModel {
         const command = resolvedTriggerName.split('&')[0];
         const options = await this.evaluateExpressions(action?.options, data);
         const baseData = action?.scope == AXPEntityCommandScope.Selected ? this.selectedItems() : data;
-        const commandData = this.mergeDefaultCategoryForCreate(command, baseData);
+        let commandData = this.mergeViewConditionsForCreate(command, baseData);
+        commandData = this.mergeDefaultCategoryForCreate(command, commandData);
         if (this.workflow.exists(command)) {
             await this.workflow.execute(command, {
                 entity: getEntityInfo(this.entityDef).source,
@@ -4705,6 +4768,38 @@ class AXPEntityMasterListViewModel {
         }
         return baseData;
     }
+    //#region ----   Create command defaults from list view   ----
+    /**
+     * Seeds create payloads with fixed list-view conditions (e.g. scope=T on the tenant dashboards view)
+     * so new rows match the view context and downstream queries (such as home dashboard) can find them.
+     */
+    mergeViewConditionsForCreate(command, baseData) {
+        const isCreateCommand = command === 'Entity:Create' || command === 'create-entity';
+        if (!isCreateCommand) {
+            return baseData;
+        }
+        const conditions = this.view()?.conditions ?? [];
+        if (conditions.length === 0) {
+            return baseData;
+        }
+        const seed = {};
+        for (const c of conditions) {
+            if (!c?.name || c.operator?.type !== 'equal' || c.value === undefined) {
+                continue;
+            }
+            seed[c.name] = c.value;
+        }
+        if (Object.keys(seed).length === 0) {
+            return baseData;
+        }
+        if (baseData == null) {
+            return seed;
+        }
+        if (typeof baseData === 'object' && !Array.isArray(baseData)) {
+            return { ...seed, ...baseData };
+        }
+        return baseData;
+    }
     async execute(command) {
         switch (command?.name) {
             case 'navigate':
@@ -9858,7 +9953,7 @@ class AXPEntityListTableService {
                 animation: true,
             },
             // 🎪 Events
-            ...this.createDefaultEvents(entity, allActions),
+            ...this.createDefaultEvents(entity, allActions, options?.excludeProperties),
         };
         console.log('listOptions', listOptions);
         return listOptions;
@@ -9948,7 +10043,7 @@ class AXPEntityListTableService {
     /**
      * Handle execution of a row command (shared by double-click and command handlers)
      */
-    async handleRowCommand(e, selectedRows, entity, allActions) {
+    async handleRowCommand(e, selectedRows, entity, allActions, relatedListExcludeProperties) {
         const data = e.data;
         const commandName = e.name;
         const action = allActions.find((c) => {
@@ -9959,7 +10054,8 @@ class AXPEntityListTableService {
                     c.scope == AXPEntityCommandScope.TypeLevel));
         });
         const command = commandName.split('&')[0];
-        const options = await this.evaluateExpressions(action?.options, data);
+        const evaluatedOptions = await this.evaluateExpressions(action?.options, data);
+        const options = this.mergeRelatedListFormOptions(command, evaluatedOptions, relatedListExcludeProperties);
         if (this.commandService.exists(command)) {
             await this.commandService.execute(command, {
                 __context__: {
@@ -9995,10 +10091,25 @@ class AXPEntityListTableService {
             });
         }
     }
+    /**
+     * When a related entity list declares `excludeProperties`, row commands bypass the details page
+     * `execute()` merge — apply the same exclusions for embedded create/update commands.
+     */
+    mergeRelatedListFormOptions(command, evaluatedOptions, relatedListExcludeProperties) {
+        const exclusions = relatedListExcludeProperties?.filter(Boolean);
+        if (!exclusions?.length ||
+            (command !== 'Entity:Create' && command !== 'Entity:Update')) {
+            return evaluatedOptions;
+        }
+        return {
+            ...evaluatedOptions,
+            excludeProperties: exclusions,
+        };
+    }
     /**
      * Create default events
      */
-    createDefaultEvents(entity, allActions) {
+    createDefaultEvents(entity, allActions, relatedListExcludeProperties) {
         return {
             onRowClick: (row) => {
                 console.log('Entity List - Row clicked:', row);
@@ -10017,13 +10128,13 @@ class AXPEntityListTableService {
                     name: defaultAction.name,
                     data: e.data,
                 };
-                this.handleRowCommand(d, undefined, entity, allActions);
+                this.handleRowCommand(d, undefined, entity, allActions, relatedListExcludeProperties);
             },
             onSelectionChange: (selectedRows) => {
                 console.log('Entity List - Selection changed:', selectedRows);
             },
             onRowCommand: async (e, selectedRows) => {
-                await this.handleRowCommand(e, selectedRows, entity, allActions);
+                await this.handleRowCommand(e, selectedRows, entity, allActions, relatedListExcludeProperties);
             },
         };
     }
@@ -10380,7 +10491,12 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         const commandData = action?.scope == AXPEntityCommandScope.Selected
             ? this.selectedItems()
             : action?.options?.['process']?.data || null;
-        const options = await this.evaluateToolbarExpressions(action?.options, commandData);
+        const evaluatedToolbarOptions = await this.evaluateToolbarExpressions(action?.options, commandData);
+        const relatedExcludes = this.options()['excludeProperties'];
+        const exclusions = relatedExcludes?.filter(Boolean);
+        const options = exclusions?.length && (command === 'Entity:Create' || command === 'Entity:Update')
+            ? { ...evaluatedToolbarOptions, excludeProperties: exclusions }
+            : evaluatedToolbarOptions;
         if (this.commandService.exists(command)) {
             await this.commandService.execute(command, {
                 __context__: {
@@ -10529,6 +10645,7 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
             includeColumns: this.includeColumns(),
             relatedTableColumns: this.relatedTableColumns(),
             customFilterDefinitions: this.customFilterDefinitions(),
+            excludeProperties: this.options()['excludeProperties'],
         };
         const listOptions = await this.entityListTableService.convertEntityToListOptions(resolvedEntity, options, this.allActions());
         const toolbarOptions = await this.entityListToolbarService.convertEntityToolbarOptions(resolvedEntity, options);
@@ -10846,7 +10963,7 @@ const AXPEntityListWidget = {
     type: 'view',
     categories: [],
     groups: [AXPWidgetGroupEnum.EntityWidget],
-    icon: 'fa-solid fa-square',
+    icon: 'fa-light fa-square',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
     components: {
         view: {
@@ -12517,36 +12634,47 @@ var lookupWidgetEdit_component = /*#__PURE__*/Object.freeze({
 
 class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
-        super(...arguments);
-        //#region ----   Dependencies   ----
+        super();
+        //#region ---- Dependencies ----
         this.entityDetailPopoverService = inject(AXPEntityDetailPopoverService);
-        this.mlResolver = inject(AXTranslationService);
+        this.translation = inject(AXTranslationService);
         this.formatService = inject(AXFormatService);
+        this.entityService = inject(AXPEntityService);
+        this.queryExecutor = inject(AXPQueryExecutor);
         //#endregion
-        //#region ----   View Children   ----
+        //#region ---- View Children ----
         this.moreButton = viewChild('moreButton', ...(ngDevMode ? [{ debugName: "moreButton" }] : /* istanbul ignore next */ []));
+        this.lazyTrigger = viewChild('lazyTrigger', ...(ngDevMode ? [{ debugName: "lazyTrigger" }] : /* istanbul ignore next */ []));
         this.morePopover = viewChild('morePopover', ...(ngDevMode ? [{ debugName: "morePopover" }] : /* istanbul ignore next */ []));
         //#endregion
-        //#region ----   Properties   ----
+        //#region ---- Properties ----
         this.host = inject(ElementRef);
         this.valueField = this.options['valueField'] ?? 'id';
         this.textField = this.options['textField'] ?? 'title';
-        this.entity = this.options['entity'] ?? 'title';
+        this.entity = this.options['entity'] ?? '';
         this.columnName = this.options['columnName'] ?? 'title';
         this.maxVisible = this.options['maxVisible'] ?? 2;
         this.displayFormat = computed(() => {
             const template = this.options['displayFormat'];
             return template ? template.replace(/\{/g, '{{').replace(/\}/g, '}}') : undefined;
         }, ...(ngDevMode ? [{ debugName: "displayFormat" }] : /* istanbul ignore next */ []));
-        this.displayField = computed(() => {
-            return this.textField ?? 'title';
-        }, ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
+        this.displayField = computed(() => this.textField ?? 'title', ...(ngDevMode ? [{ debugName: "displayField" }] : /* istanbul ignore next */ []));
+        this.columnResolve = computed(() => this.options['columnResolve'], ...(ngDevMode ? [{ debugName: "columnResolve" }] : /* istanbul ignore next */ []));
+        this.resolveStrategy = computed(() => {
+            return this.columnResolve()?.strategy ?? 'hydrated';
+        }, ...(ngDevMode ? [{ debugName: "resolveStrategy" }] : /* istanbul ignore next */ []));
+        this.isHydratedStrategy = computed(() => this.resolveStrategy() === 'hydrated', ...(ngDevMode ? [{ debugName: "isHydratedStrategy" }] : /* istanbul ignore next */ []));
         //#endregion
-        //#region ----   Signals   ----
+        //#region ---- Signals ----
         this.isMorePopoverOpen = signal(false, ...(ngDevMode ? [{ debugName: "isMorePopoverOpen" }] : /* istanbul ignore next */ []));
         this.selectedItemIndex = signal(-1, ...(ngDevMode ? [{ debugName: "selectedItemIndex" }] : /* istanbul ignore next */ []));
+        this.resolvedPopoverItems = signal([], ...(ngDevMode ? [{ debugName: "resolvedPopoverItems" }] : /* istanbul ignore next */ []));
+        this.resolveStatus = signal('idle', ...(ngDevMode ? [{ debugName: "resolveStatus" }] : /* istanbul ignore next */ []));
+        this.resolveError = signal(null, ...(ngDevMode ? [{ debugName: "resolveError" }] : /* istanbul ignore next */ []));
+        this.summaryLabel = signal('', ...(ngDevMode ? [{ debugName: "summaryLabel" }] : /* istanbul ignore next */ []));
+        this.popoverHeader = signal('', ...(ngDevMode ? [{ debugName: "popoverHeader" }] : /* istanbul ignore next */ []));
         //#endregion
-        //#region ----   Computed Properties   ----
+        //#region ---- Computed ----
         this.displayItems = computed(() => isNil(this.rawValue)
             ? []
             : castArray(this.rawValue)
@@ -12557,34 +12685,127 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
             const items = this.allItems();
             return items.slice(0, this.maxVisible);
         }, ...(ngDevMode ? [{ debugName: "visibleItems" }] : /* istanbul ignore next */ []));
-        this.hasMoreItems = computed(() => {
-            return this.allItems().length > this.maxVisible;
-        }, ...(ngDevMode ? [{ debugName: "hasMoreItems" }] : /* istanbul ignore next */ []));
-        this.remainingItemsCount = computed(() => {
-            return this.allItems().length - this.maxVisible;
-        }, ...(ngDevMode ? [{ debugName: "remainingItemsCount" }] : /* istanbul ignore next */ []));
+        this.hasMoreItems = computed(() => this.allItems().length > this.maxVisible, ...(ngDevMode ? [{ debugName: "hasMoreItems" }] : /* istanbul ignore next */ []));
+        this.idsFromRow = computed(() => {
+            const cr = this.columnResolve();
+            const path = cr?.idsPath;
+            const source = path ? get(this.rowData, path) : this.rawValue;
+            if (isNil(source)) {
+                return [];
+            }
+            return castArray(source)
+                .map((x) => (typeof x === 'object' && x != null ? get(x, this.valueField) : x))
+                .filter((id) => id != null && id !== '');
+        }, ...(ngDevMode ? [{ debugName: "idsFromRow" }] : /* istanbul ignore next */ []));
+        this.displayCount = computed(() => {
+            const cr = this.columnResolve();
+            const countPath = cr?.countFieldPath;
+            if (countPath) {
+                const v = get(this.rowData, countPath);
+                if (typeof v === 'number' && !Number.isNaN(v)) {
+                    return v;
+                }
+                if (typeof v === 'string' && v !== '') {
+                    const n = Number(v);
+                    return Number.isNaN(n) ? 0 : n;
+                }
+                return 0;
+            }
+            if (this.resolveStrategy() === 'idsWithCount') {
+                return this.idsFromRow().length;
+            }
+            if (this.resolveStrategy() === 'countOnly') {
+                return 0;
+            }
+            return 0;
+        }, ...(ngDevMode ? [{ debugName: "displayCount" }] : /* istanbul ignore next */ []));
+        this.popoverListItems = computed(() => {
+            if (this.isHydratedStrategy()) {
+                return this.allItems();
+            }
+            return this.resolvedPopoverItems();
+        }, ...(ngDevMode ? [{ debugName: "popoverListItems" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Constructor effects ----
+        /** Avoid resetting lazy cache on every CD when `rowData` is a new object reference for the same row. */
+        this.previousLazyRowId = undefined;
+        effect(() => {
+            const id = this.rowData?.['id'];
+            const key = id != null && id !== '' ? String(id) : undefined;
+            if (key === this.previousLazyRowId) {
+                return;
+            }
+            this.previousLazyRowId = key;
+            this.resetLazyState();
+        });
+        effect(() => {
+            if (!this.isHydratedStrategy()) {
+                const count = this.displayCount();
+                void this.refreshSummaryLabel(count);
+            }
+        });
+        effect(() => {
+            const hydrated = this.isHydratedStrategy();
+            const count = hydrated
+                ? this.allItems().length
+                : this.resolveStatus() === 'ready'
+                    ? this.resolvedPopoverItems().length
+                    : this.displayCount();
+            void this.refreshPopoverHeader(count);
+        });
     }
     //#endregion
-    //#region ----   Public Methods   ----
+    //#region ---- Public methods ----
     showMoreItems() {
         this.entityDetailPopoverService.hide();
-        this.openMorePopover();
+        this.openPopoverFromRef(this.moreButton());
     }
-    onMorePopoverOpenChange(event) {
-        this.isMorePopoverOpen.set(event);
+    openLazyPopover() {
+        this.entityDetailPopoverService.hide();
+        this.openPopoverFromRef(this.lazyTrigger());
+        if (!this.isHydratedStrategy()) {
+            void this.ensureLazyItemsLoaded();
+        }
+    }
+    onPopoverOpenChange(event) {
+        const open = this.coercePopoverOpenEvent(event);
+        this.isMorePopoverOpen.set(open);
+        if (open && !this.isHydratedStrategy()) {
+            void this.ensureLazyItemsLoaded();
+        }
     }
     async showItemDetail(item, index) {
         if (this.options['disableDetailPopover']) {
             return;
         }
-        const columnData = this.rowData[this.columnName];
-        const id = Array.isArray(columnData) ? columnData[index] : columnData;
         this.selectedItemIndex.set(index);
         this.closeMorePopover();
-        // Show entity detail popover using the service
+        // Prefer the row's FK / stored value (columnName) first. List columns often use options.dataPath so
+        // rawValue (and thus `item`) is only display text (e.g. manager.person.fullName) while managerId holds the real id.
+        const columnData = this.rowData?.[this.columnName];
+        let id;
+        if (Array.isArray(columnData)) {
+            const cell = columnData[index];
+            id =
+                typeof cell === 'object' && cell != null
+                    ? get(cell, this.valueField)
+                    : cell;
+        }
+        else if (!isNil(columnData) && columnData !== '') {
+            id =
+                typeof columnData === 'object' && columnData != null
+                    ? get(columnData, this.valueField)
+                    : columnData;
+        }
+        if (isNil(id) || id === '') {
+            id = get(item, this.valueField);
+        }
+        if (isNil(id) || id === '') {
+            return;
+        }
         await this.entityDetailPopoverService.show(this.host, {
             entity: this.entity,
-            id: id,
+            id,
             textField: this.textField,
             valueField: this.valueField,
             item,
@@ -12596,36 +12817,25 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         }
         const items = this.allItems();
         if (index < items.length) {
-            const item = items[index];
-            this.showItemDetail(item, index);
+            this.showItemDetail(items[index], index);
         }
     }
-    //#endregion
-    //#region ----   Private Methods   ----
-    openMorePopover() {
-        if (this.morePopover() && this.moreButton()) {
-            this.morePopover().target = this.moreButton().nativeElement;
-            this.morePopover().open();
-            this.isMorePopoverOpen.set(true);
+    handleResolvedItemClick(index) {
+        if (this.options['disableDetailPopover']) {
+            return;
         }
-    }
-    closeMorePopover() {
-        if (this.morePopover()) {
-            this.morePopover().close();
-            this.isMorePopoverOpen.set(false);
+        const items = this.resolvedPopoverItems();
+        if (index < items.length) {
+            this.showItemDetail(items[index], index);
         }
     }
-    extractItem(item) {
-        if (isNil(item)) {
-            return null;
+    handlePopoverItemClick(index) {
+        if (this.isHydratedStrategy()) {
+            this.handleItemClick(index);
         }
-        if (typeof item === 'object') {
-            return item;
+        else {
+            this.handleResolvedItemClick(index);
         }
-        return {
-            [this.valueField]: item,
-            [this.textField]: item,
-        };
     }
     getDisplayRaw(item) {
         if (isNil(item)) {
@@ -12643,6 +12853,178 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         }
         return resolved ?? '';
     }
+    //#endregion
+    //#region ---- Private methods ----
+    async refreshSummaryLabel(count) {
+        const text = await this.translation.translateAsync('@general:widgets.lookup.column.items-count', {
+            params: { count: String(count) },
+        });
+        this.summaryLabel.set(text);
+    }
+    async refreshPopoverHeader(count) {
+        const text = await this.translation.translateAsync('@general:widgets.lookup.column.popover-title', {
+            params: { count: String(count) },
+        });
+        this.popoverHeader.set(text);
+    }
+    resetLazyState() {
+        this.resolvedPopoverItems.set([]);
+        this.resolveStatus.set('idle');
+        this.resolveError.set(null);
+    }
+    openPopoverFromRef(ref) {
+        const popover = this.morePopover();
+        if (popover && ref) {
+            popover.target = ref.nativeElement;
+            popover.open();
+            this.isMorePopoverOpen.set(true);
+        }
+    }
+    closeMorePopover() {
+        const popover = this.morePopover();
+        if (popover) {
+            popover.close();
+            this.isMorePopoverOpen.set(false);
+        }
+    }
+    async ensureLazyItemsLoaded() {
+        if (this.resolveStatus() === 'loading') {
+            return;
+        }
+        const strategy = this.resolveStrategy();
+        if (strategy === 'idsWithCount') {
+            await this.loadByIds();
+            return;
+        }
+        if (strategy === 'countOnly') {
+            await this.loadByNamedQuery();
+        }
+    }
+    /**
+     * ax-popover may emit a boolean, CustomEvent with detail, or a DOM Event depending on version.
+     */
+    coercePopoverOpenEvent(event) {
+        if (typeof event === 'boolean') {
+            return event;
+        }
+        if (event && typeof event === 'object') {
+            const o = event;
+            if ('detail' in o) {
+                return Boolean(o['detail']);
+            }
+            if ('open' in o) {
+                return Boolean(o['open']);
+            }
+        }
+        return false;
+    }
+    async loadByIds() {
+        const ids = this.idsFromRow();
+        if (!ids.length) {
+            this.resolvedPopoverItems.set([]);
+            this.resolveStatus.set('ready');
+            return;
+        }
+        if (!this.entity?.includes('.')) {
+            const msg = await this.translation.translateAsync('@general:widgets.lookup.column.load-failed');
+            this.resolveError.set(msg);
+            this.resolveStatus.set('error');
+            return;
+        }
+        this.resolveStatus.set('loading');
+        this.resolveError.set(null);
+        try {
+            const accessor = this.entityService.withEntity(this.entity).data();
+            const results = await Promise.all(ids.map((id) => accessor.byKey(id)));
+            this.resolvedPopoverItems.set(results.filter((item) => item != null));
+            this.resolveStatus.set('ready');
+        }
+        catch {
+            const msg = await this.translation.translateAsync('@general:widgets.lookup.column.load-failed');
+            this.resolveError.set(msg);
+            this.resolveStatus.set('error');
+            this.resolvedPopoverItems.set([]);
+        }
+    }
+    async loadByNamedQuery() {
+        const cr = this.columnResolve();
+        const key = cr?.queryKey;
+        if (!key?.trim()) {
+            const msg = await this.translation.translateAsync('@general:widgets.lookup.column.load-failed');
+            this.resolveError.set(msg);
+            this.resolveStatus.set('error');
+            return;
+        }
+        this.resolveStatus.set('loading');
+        this.resolveError.set(null);
+        try {
+            const input = this.buildNamedQueryInput();
+            const result = await this.queryExecutor.fetch(key, input);
+            const items = this.extractItemsFromQueryResult(result);
+            this.resolvedPopoverItems.set(items);
+            this.resolveStatus.set('ready');
+        }
+        catch {
+            const msg = await this.translation.translateAsync('@general:widgets.lookup.column.load-failed');
+            this.resolveError.set(msg);
+            this.resolveStatus.set('error');
+            this.resolvedPopoverItems.set([]);
+        }
+    }
+    buildNamedQueryInput() {
+        const map = this.parseQueryParamsMap();
+        const row = this.rowData ?? {};
+        if (!map) {
+            return {};
+        }
+        const out = {};
+        for (const [param, path] of Object.entries(map)) {
+            out[param] = get(row, path);
+        }
+        return out;
+    }
+    parseQueryParamsMap() {
+        const raw = this.columnResolve()?.queryParams;
+        if (raw == null) {
+            return null;
+        }
+        if (typeof raw === 'string') {
+            try {
+                const parsed = JSON.parse(raw);
+                return parsed && typeof parsed === 'object' && !Array.isArray(parsed)
+                    ? parsed
+                    : null;
+            }
+            catch {
+                return null;
+            }
+        }
+        return raw;
+    }
+    extractItemsFromQueryResult(result) {
+        if (result == null) {
+            return [];
+        }
+        if (Array.isArray(result)) {
+            return result;
+        }
+        const cr = this.columnResolve();
+        const path = cr?.queryResultItemsPath ?? 'items';
+        const nested = get(result, path);
+        return Array.isArray(nested) ? nested : [];
+    }
+    extractItem(item) {
+        if (isNil(item)) {
+            return null;
+        }
+        if (typeof item === 'object') {
+            return item;
+        }
+        return {
+            [this.valueField]: item,
+            [this.textField]: item,
+        };
+    }
     resolveDisplayValue(item) {
         if (isNil(item)) {
             return '';
@@ -12657,18 +13039,18 @@ class AXPLookupWidgetColumnComponent extends AXPColumnWidgetComponent {
         if (!isNil(rawDisplayValue)) {
             return this.resolveDisplayValue(rawDisplayValue);
         }
-        if (this.mlResolver.isValidMultiLanguageObject(item)) {
-            return this.mlResolver.resolve(item);
+        if (this.translation.isValidMultiLanguageObject(item)) {
+            return this.translation.resolve(item);
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-flex ax-gap-1 ax-items-center\">\n  <!-- Visible lookup chips (first N items) -->\n  @for (item of visibleItems(); track $index) {\n  @let label = getDisplayRaw(item);\n  <span [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-underline]=\"!options['disableDetailPopover']\" (click)=\"handleItemClick($index)\">\n    {{ label }}\n  </span>\n  <!-- Separator between chips -->\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    }\n    <!-- No items -->\n    @empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n    <!-- Overflow: open popover with full list -->\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n      (click)=\"showMoreItems()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- Full list when user expands overflow -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n    <!-- Popover header -->\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n    </div>\n    <!-- All items (scrollable) -->\n    <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3\">\n      @for (item of allItems(); track $index) {\n      @let label = getDisplayRaw(item);\n      <span [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-underline]=\"!options['disableDetailPopover']\" (click)=\"showItemDetail(item, $index)\">\n        {{ label }}\n      </span>\n      }\n    </div>\n  </div>\n</ax-popover>", dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLookupWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, viewQueries: [{ propertyName: "moreButton", first: true, predicate: ["moreButton"], descendants: true, isSignal: true }, { propertyName: "lazyTrigger", first: true, predicate: ["lazyTrigger"], descendants: true, isSignal: true }, { propertyName: "morePopover", first: true, predicate: ["morePopover"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isHydratedStrategy()) {\n<div class=\"ax-relative ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @for (item of visibleItems(); track $index) {\n  @let label = getDisplayRaw(item);\n  <span\n    [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-underline]=\"!options['disableDetailPopover']\"\n    (click)=\"handleItemClick($index)\"\n  >\n    {{ label }}\n  </span>\n  @if ($index < visibleItems().length - 1) {\n  <span class=\"ax-text-muted\">\u2022</span>\n  }\n  } @empty {\n  <span class=\"ax-text-muted\">---</span>\n  }\n  @if (hasMoreItems()) {\n  <span\n    class=\"ax-absolute ax-end-0 ax-flex ax-h-full ax-cursor-pointer ax-items-center ax-px-1 hover:ax-primary-lighter\"\n    (click)=\"showMoreItems(); $event.stopPropagation()\"\n    #moreButton\n  >\n    <i class=\"fa-light fa-ellipsis-vertical\"></i>\n  </span>\n  }\n</div>\n} @else {\n<div class=\"ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @if (displayCount() > 0) {\n  <span\n    class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\"\n    #lazyTrigger\n  >\n    {{ summaryLabel() }}\n  </span>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-min-w-[280px] ax-rounded-lg ax-border ax-p-4 ax-shadow-lg\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n    <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n      <ax-loading></ax-loading>\n    </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n    <div class=\"ax-text-danger ax-text-sm\">{{ resolveError() }}</div>\n    } @else {\n    <div class=\"ax-flex ax-max-h-64 ax-flex-col ax-gap-3\">\n      @for (item of popoverListItems(); track $index) {\n      @let label = getDisplayRaw(item);\n      <span\n        [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-underline]=\"!options['disableDetailPopover']\"\n        (click)=\"handlePopoverItemClick($index)\"\n      >\n        {{ label }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLookupWidgetColumnComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXBadgeModule, AXButtonModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], template: "<div class=\"ax-flex ax-gap-1 ax-items-center\">\n  <!-- Visible lookup chips (first N items) -->\n  @for (item of visibleItems(); track $index) {\n  @let label = getDisplayRaw(item);\n  <span [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-underline]=\"!options['disableDetailPopover']\" (click)=\"handleItemClick($index)\">\n    {{ label }}\n  </span>\n  <!-- Separator between chips -->\n  @if ($index < visibleItems().length - 1) { <span class=\"ax-text-muted\">\u2022</span>\n    }\n    }\n    <!-- No items -->\n    @empty {\n    <span class=\"ax-text-muted\">---</span>\n    }\n\n    <!-- Overflow: open popover with full list -->\n    @if (hasMoreItems()) {\n    <span\n      class=\"ax-absolute ax-flex ax-items-center ax-end-0 ax-px-1 ax-cursor-pointer ax-h-full hover:ax-primary-lighter\"\n      (click)=\"showMoreItems()\" #moreButton>\n      <i class=\"fa-light fa-ellipsis-vertical\"></i>\n    </span>\n    }\n</div>\n\n<!-- Full list when user expands overflow -->\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onMorePopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-border ax-rounded-lg ax-shadow-lg ax-p-4 ax-min-w-[280px]\">\n    <!-- Popover header -->\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">All {{ allItems().length }} Items</h3>\n    </div>\n    <!-- All items (scrollable) -->\n    <div class=\"ax-max-h-64 ax-flex ax-flex-col ax-gap-3\">\n      @for (item of allItems(); track $index) {\n      @let label = getDisplayRaw(item);\n      <span [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-underline]=\"!options['disableDetailPopover']\" (click)=\"showItemDetail(item, $index)\">\n        {{ label }}\n      </span>\n      }\n    </div>\n  </div>\n</ax-popover>" }]
-        }], propDecorators: { moreButton: [{ type: i0.ViewChild, args: ['moreButton', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }] } });
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXLoadingModule, AXPopoverModule], inputs: ['rawValue', 'rowData'], template: "@if (isHydratedStrategy()) {\n<div class=\"ax-relative ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @for (item of visibleItems(); track $index) {\n  @let label = getDisplayRaw(item);\n  <span\n    [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n    [class.hover:ax-underline]=\"!options['disableDetailPopover']\"\n    (click)=\"handleItemClick($index)\"\n  >\n    {{ label }}\n  </span>\n  @if ($index < visibleItems().length - 1) {\n  <span class=\"ax-text-muted\">\u2022</span>\n  }\n  } @empty {\n  <span class=\"ax-text-muted\">---</span>\n  }\n  @if (hasMoreItems()) {\n  <span\n    class=\"ax-absolute ax-end-0 ax-flex ax-h-full ax-cursor-pointer ax-items-center ax-px-1 hover:ax-primary-lighter\"\n    (click)=\"showMoreItems(); $event.stopPropagation()\"\n    #moreButton\n  >\n    <i class=\"fa-light fa-ellipsis-vertical\"></i>\n  </span>\n  }\n</div>\n} @else {\n<div class=\"ax-flex ax-min-w-0 ax-items-center ax-gap-1\">\n  @if (displayCount() > 0) {\n  <span\n    class=\"ax-cursor-pointer ax-text-primary hover:ax-underline\"\n    (click)=\"openLazyPopover(); $event.stopPropagation()\"\n    #lazyTrigger\n  >\n    {{ summaryLabel() }}\n  </span>\n  } @else {\n  <span class=\"ax-text-muted\">---</span>\n  }\n</div>\n}\n\n<ax-popover [openOn]=\"'manual'\" #morePopover (openChange)=\"onPopoverOpenChange($event)\">\n  <div class=\"ax-lightest-surface ax-min-w-[280px] ax-rounded-lg ax-border ax-p-4 ax-shadow-lg\">\n    <div class=\"ax-mb-4 ax-border-b ax-pb-2\">\n      <h3 class=\"ax-text-base ax-font-semibold\">{{ popoverHeader() }}</h3>\n    </div>\n\n    @if (!isHydratedStrategy() && resolveStatus() === 'loading') {\n    <div class=\"ax-flex ax-min-h-[120px] ax-items-center ax-justify-center\">\n      <ax-loading></ax-loading>\n    </div>\n    } @else if (!isHydratedStrategy() && resolveStatus() === 'error') {\n    <div class=\"ax-text-danger ax-text-sm\">{{ resolveError() }}</div>\n    } @else {\n    <div class=\"ax-flex ax-max-h-64 ax-flex-col ax-gap-3\">\n      @for (item of popoverListItems(); track $index) {\n      @let label = getDisplayRaw(item);\n      <span\n        [class.ax-cursor-pointer]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-text-primary]=\"!options['disableDetailPopover']\"\n        [class.hover:ax-underline]=\"!options['disableDetailPopover']\"\n        (click)=\"handlePopoverItemClick($index)\"\n      >\n        {{ label }}\n      </span>\n      } @empty {\n      <span class=\"ax-text-muted\">---</span>\n      }\n    </div>\n    }\n  </div>\n</ax-popover>\n" }]
+        }], ctorParameters: () => [], propDecorators: { moreButton: [{ type: i0.ViewChild, args: ['moreButton', { isSignal: true }] }], lazyTrigger: [{ type: i0.ViewChild, args: ['lazyTrigger', { isSignal: true }] }], morePopover: [{ type: i0.ViewChild, args: ['morePopover', { isSignal: true }] }] } });
 
 var lookupWidgetColumn_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -12730,6 +13112,100 @@ const AXPLookupWidget = {
             },
             visible: true,
         },
+        {
+            name: 'columnResolveStrategy',
+            title: 'Column resolve strategy',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                defaultValue: 'hydrated',
+                interface: {
+                    name: 'columnResolveStrategy',
+                    path: 'options.columnResolve.strategy',
+                    type: AXPWidgetsCatalog.select,
+                    valueTransforms: objectKeyValueTransforms('id'),
+                    options: {
+                        dataSource: [
+                            { id: 'hydrated', title: 'Hydrated (titles on row)' },
+                            { id: 'idsWithCount', title: 'Ids + count on row (load titles on open)' },
+                            { id: 'countOnly', title: 'Count on row (named query on open)' },
+                        ],
+                    },
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'columnResolveCountFieldPath',
+            title: 'Column resolve — count field path',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                interface: {
+                    name: 'columnResolveCountFieldPath',
+                    path: 'options.columnResolve.countFieldPath',
+                    type: AXPWidgetsCatalog.text,
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'columnResolveIdsPath',
+            title: 'Column resolve — ids path',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                interface: {
+                    name: 'columnResolveIdsPath',
+                    path: 'options.columnResolve.idsPath',
+                    type: AXPWidgetsCatalog.text,
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'columnResolveQueryKey',
+            title: 'Column resolve — query key (countOnly)',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                interface: {
+                    name: 'columnResolveQueryKey',
+                    path: 'options.columnResolve.queryKey',
+                    type: AXPWidgetsCatalog.text,
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'columnResolveQueryParams',
+            title: 'Column resolve — query params (JSON: param → row path)',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                interface: {
+                    name: 'columnResolveQueryParams',
+                    path: 'options.columnResolve.queryParams',
+                    type: AXPWidgetsCatalog.text,
+                },
+            },
+            visible: true,
+        },
+        {
+            name: 'columnResolveQueryResultItemsPath',
+            title: 'Column resolve — query result items path',
+            group: AXP_DATA_PROPERTY_GROUP,
+            schema: {
+                dataType: 'string',
+                defaultValue: 'items',
+                interface: {
+                    name: 'columnResolveQueryResultItemsPath',
+                    path: 'options.columnResolve.queryResultItemsPath',
+                    type: AXPWidgetsCatalog.text,
+                },
+            },
+            visible: true,
+        },
     ],
     components: {
         view: {
@@ -12747,6 +13223,8 @@ const AXPLookupWidget = {
     },
 };
 
+//#endregion
+
 /**
  * Source type
  */
@@ -15336,13 +15814,18 @@ class AXPDetailsViewBadgeStatusService {
             if (!entityDefinition) {
                 return null;
             }
-            const statusPlugin = entityDefinition.plugins?.find((p) => p.name === 'status');
-            if (!statusPlugin?.options) {
+            const statusPlugins = (entityDefinition.plugins ?? []).filter((p) => p.name === 'status');
+            if (statusPlugins.length === 0) {
                 return null;
             }
-            const statusOptions = statusPlugin.options;
+            const explicitPrimary = statusPlugins.find((p) => p.options?.isPrimary === true);
+            const primaryPlugin = explicitPrimary ??
+                statusPlugins.find((p) => p.options?.isPrimary !== false) ??
+                statusPlugins[0];
+            const statusOptions = primaryPlugin.options;
             const statusField = statusOptions.field ?? 'statusId';
             const statusDefinitionKey = statusOptions.definition;
+            const pluginReadonly = statusOptions.readonly === true;
             let definitionKey = typeof statusDefinitionKey === 'string' ? statusDefinitionKey : undefined;
             if (!definitionKey) {
                 const statusProperty = entityDefinition.properties?.find((p) => p.name === statusField);
@@ -15363,7 +15846,7 @@ class AXPDetailsViewBadgeStatusService {
                 definitionKey,
                 value: String(value),
                 dataPath: statusField,
-                readonly: currentPage?.isReadonly ?? false,
+                readonly: pluginReadonly || (currentPage?.isReadonly ?? false),
             };
         }
         catch (error) {
@@ -15546,34 +16029,35 @@ class AXPBaseRelatedEntityConverter {
             groups,
         };
     }
-    async createGridLayoutStructure(singleInterface, helpers, evaluateExpressions, includeProperties) {
-        return await this.createGridLayoutStructureInternal(singleInterface, helpers, evaluateExpressions, includeProperties);
+    createGridLayoutStructure(singleInterface, helpers, includeProperties) {
+        return this.createGridLayoutStructureInternal(singleInterface, helpers, includeProperties);
     }
-    //#region ----   Visible Evaluation Helpers   ----
-    async getVisiblePropertiesByGroupId(sectionId, helpers, evaluateExpressions, includeProperties) {
+    //#region ----   Property visibility (layout)   ----
+    /**
+     * Chooses which properties appear in the related-entity grid layout.
+     * Boolean `schema.visible === false` excludes a property. String templates are kept in the layout
+     * and passed on `form-field.options.visible`; `AXPWidgetRendererDirective` uses
+     * `AXPExpressionEvaluatorService` in `updateVisibility()` to evaluate them when context updates.
+     */
+    getVisiblePropertiesByGroupId(sectionId, helpers, includeProperties) {
         let properties = helpers.getPropertyByGroupId(sectionId) ?? [];
         // Filter by includeProperties if provided
         if (includeProperties && includeProperties.length > 0) {
             const includeSet = new Set(includeProperties);
             properties = properties.filter((p) => includeSet.has(p.name));
         }
-        const evaluated = await Promise.all(properties.map(async (property) => {
-            let visible = property?.schema?.visible;
-            if (typeof visible === 'string' && evaluateExpressions) {
-                try {
-                    const result = await evaluateExpressions({ visible });
-                    visible = result.visible;
-                }
-                catch {
-                    visible = true;
-                }
+        const evaluated = properties.map((property) => {
+            const visible = property?.schema?.visible;
+            if (typeof visible === 'string') {
+                // Include in layout; runtime evaluation via `AXPExpressionEvaluatorService` (widget renderer).
+                return { property, visible: true };
             }
             return { property, visible: visible ?? true };
-        }));
+        });
         return evaluated.filter((x) => x.visible !== false).map((x) => x.property);
     }
-    async createPropertyGrid(sectionId, helpers, evaluateExpressions, includeProperties) {
-        const visibleProperties = await this.getVisiblePropertiesByGroupId(sectionId, helpers, evaluateExpressions, includeProperties);
+    createPropertyGrid(sectionId, helpers, includeProperties) {
+        const visibleProperties = this.getVisiblePropertiesByGroupId(sectionId, helpers, includeProperties);
         return {
             type: 'grid-layout',
             mode: 'edit',
@@ -15588,6 +16072,15 @@ class AXPBaseRelatedEntityConverter {
             },
             children: visibleProperties.map((p) => {
                 const layout = helpers.getPropertyLayout(p.name);
+                const sv = p.schema?.visible;
+                let formFieldVisible;
+                if (typeof sv === 'string') {
+                    // Evaluated by `AXPExpressionEvaluatorService` in `AXPWidgetRendererDirective.updateVisibility()`.
+                    formFieldVisible = sv;
+                }
+                else if (sv === false) {
+                    formFieldVisible = false;
+                }
                 return {
                     type: 'grid-item-layout',
                     name: p.name,
@@ -15602,6 +16095,8 @@ class AXPBaseRelatedEntityConverter {
                             options: {
                                 label: p.title,
                                 showLabel: layout?.label?.visible ?? true,
+                                ...(formFieldVisible !== undefined ? { visible: formFieldVisible } : {}),
+                                ...(hintFormFieldOptionsFromDescription(p.description) ?? {}),
                             },
                             children: [
                                 {
@@ -15621,13 +16116,15 @@ class AXPBaseRelatedEntityConverter {
             }),
         };
     }
-    async createGridLayoutStructureInternal(singleInterface, helpers, evaluateExpressions, includeProperties) {
+    createGridLayoutStructureInternal(singleInterface, helpers, includeProperties) {
         // Filter out empty sections (sections with no visible properties)
-        const sectionsWithProperties = await Promise.all((singleInterface?.sections ?? []).map(async (s) => {
-            const visibleProperties = await this.getVisiblePropertiesByGroupId(s.id, helpers, evaluateExpressions, includeProperties);
+        const sectionsWithProperties = (singleInterface?.sections ?? []).map((s) => {
+            const visibleProperties = this.getVisiblePropertiesByGroupId(s.id, helpers, includeProperties);
             return { section: s, hasProperties: visibleProperties.length > 0 };
-        }));
-        const validSections = sectionsWithProperties.filter((item) => item.hasProperties).map((item) => item.section);
+        });
+        const validSections = sectionsWithProperties
+            .filter((item) => item.hasProperties)
+            .map((item) => item.section);
         return {
             type: 'grid-layout',
             options: {
@@ -15639,7 +16136,7 @@ class AXPBaseRelatedEntityConverter {
                     },
                 },
             },
-            children: await Promise.all(validSections.map(async (s) => ({
+            children: validSections.map((s) => ({
                 type: 'grid-item-layout',
                 name: s.id,
                 options: {
@@ -15653,11 +16150,12 @@ class AXPBaseRelatedEntityConverter {
                         options: {
                             title: helpers.getGroupById(s.id)?.title ?? '',
                             collapsible: true,
+                            showTitle: s.layout?.label?.visible ?? true,
                         },
-                        children: [await this.createPropertyGrid(s.id, helpers, evaluateExpressions, includeProperties)],
+                        children: [this.createPropertyGrid(s.id, helpers, includeProperties)],
                     },
                 ],
-            }))),
+            })),
         };
     }
 }
@@ -15860,7 +16358,7 @@ class AXPPageDetailsConverter extends AXPBaseRelatedEntityConverter {
             execute: this.createExecuteFunction(entityDef, actions, evaluateExpressions, context),
             actions: await this.buildEvaluatedActions(actions, evaluateExpressions),
             // tabs: [...tabDetailTabs, ...tabListTabs],
-            content: [await this.createGridLayoutStructure(helpers.singleInterface, helpers, evaluateExpressions, relatedEntity.properties)],
+            content: [this.createGridLayoutStructure(helpers.singleInterface, helpers, relatedEntity.properties)],
         };
     }
     //#region ----   Utility Methods   ----
@@ -16252,6 +16750,7 @@ class AXPPageListConverter extends AXPBaseRelatedEntityConverter {
                         includeColumns,
                         relatedTableColumns,
                         customFilterDefinitions: relatedEntity.customFilterDefinitions,
+                        excludeProperties: relatedEntity.excludeProperties,
                     },
                 },
             ],
@@ -16310,7 +16809,7 @@ class AXPTabDetailsConverter extends AXPBaseRelatedEntityConverter {
             title: relatedEntity.title ?? entityDef?.title ?? '',
             icon: relatedEntity.icon || entityDef.icon,
             content: [
-                await this.createGridLayoutStructure(helpers.singleInterface, helpers, undefined, relatedEntity.properties),
+                this.createGridLayoutStructure(helpers.singleInterface, helpers, relatedEntity.properties),
             ],
         };
     }
@@ -16370,6 +16869,7 @@ class AXPTabListConverter extends AXPBaseRelatedEntityConverter {
                         includeColumns,
                         relatedTableColumns,
                         customFilterDefinitions: relatedEntity.customFilterDefinitions,
+                        excludeProperties: relatedEntity.excludeProperties,
                     },
                 },
             ],
@@ -16866,20 +17366,18 @@ class AXPMainEntityContentBuilder {
                             const visibleInRelated = isFromRelated ? !!p.__layout : false;
                             return visibleInMain || visibleInRelated;
                         });
-                        const visibilityEvaluated = await Promise.all(inView.map(async (p) => {
-                            let visible = p.schema?.visible;
-                            if (typeof visible === 'string' && evaluateExpressions) {
-                                try {
-                                    const result = await evaluateExpressions({ visible });
-                                    visible = result.visible;
-                                }
-                                catch {
-                                    visible = true;
-                                }
+                        // String `schema.visible` is not evaluated here (no `dependencies.expressionEvaluator` call).
+                        // The template is placed on `form-field.options.visible` below; at render time
+                        // `AXPWidgetRendererDirective` injects `AXPExpressionEvaluatorService` and evaluates it in
+                        // `updateVisibility()` (and on context changes via `hasVisibilityDependency`). Evaluating once
+                        // at build time would freeze visibility and break detail/edit when data changes.
+                        const visibilityEvaluated = inView.map((p) => {
+                            const v = p.schema?.visible;
+                            if (typeof v === 'string') {
+                                return { property: p, resolvedVisible: true };
                             }
-                            const resolved = visible !== false;
-                            return { property: p, resolvedVisible: resolved };
-                        }));
+                            return { property: p, resolvedVisible: v !== false };
+                        });
                         const visibleProperties = visibilityEvaluated
                             .filter((x) => x.resolvedVisible)
                             .map((x) => x.property);
@@ -16903,6 +17401,7 @@ class AXPMainEntityContentBuilder {
                                     collapsible: true,
                                     isOpen: !s.collapsed,
                                     look: 'card',
+                                    showTitle: s.layout?.label?.visible !== false,
                                 },
                                 children: [
                                     {
@@ -16927,8 +17426,9 @@ class AXPMainEntityContentBuilder {
                                             const hasOwnDisabled = p.schema.interface?.options?.disabled !== undefined;
                                             let formFieldVisible;
                                             const sv = p.schema?.visible;
+                                            // Template strings are evaluated by `AXPExpressionEvaluatorService` in the widget renderer, not here.
                                             if (typeof sv === 'string') {
-                                                formFieldVisible = true;
+                                                formFieldVisible = sv;
                                             }
                                             else if (sv === false) {
                                                 formFieldVisible = false;
@@ -16945,6 +17445,7 @@ class AXPMainEntityContentBuilder {
                                                     rowStart: layout?.positions?.lg?.rowStart,
                                                     rowEnd: layout?.positions?.lg?.rowEnd,
                                                     ...(formFieldVisible !== undefined ? { visible: formFieldVisible } : {}),
+                                                    ...(hintFormFieldOptionsFromDescription(p.description) ?? {}),
                                                 },
                                                 children: [
                                                     {