@acorex-platform/framework-client 0.0.14 → 0.0.18

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

@@ -5,7 +5,7 @@ import { AXToastService } from '@acorex/components/toast';
 import * as i3$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule, resolveMultiLanguageString, translateSync } from '@acorex/core/translation';
 import * as i4$4 from '@acorex-platform/framework-client/common';
-import { AXPNotFoundError, AXP_ENTITY_DELETED_EVENT_TYPE, axpNavigateAppPath, AXPSettingsService, AXPCommonSettings, resolveEntityCreateListBehavior, AXPRefreshEvent, AXPFileTypeProviderService, AXPFileStorageService, resolveFileTypeDisplay, resolveEntityRowDisplayTitle, resolveEntityModifyPopupTitle, resolveSearchableText, evaluateEntityDisplayTemplate, commandMessageTextForError, AXPFilterOperatorMiddlewareService, AXPReloadEvent, axpRedirectToNotFound, AXPCleanNestedFilters, axpIsEntityRecordNotFound, coerceAXPSettingRawValueByKind, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, axpIsEntityListPath, axpIsEntityDetailsPath, axpParseEntityListRoute, axpParseEntityDetailsRoute, axpSaveEntityListReturnUrl, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_DEFINITION_LAZY_RESOLVER, AXPMenuItemsDataSourceDefinition } from '@acorex-platform/framework-client/common';
+import { AXPNotFoundError, AXP_ENTITY_MODIFIED_EVENT_TYPE, AXP_ENTITY_DELETED_EVENT_TYPE, axpNavigateAppPath, AXPSettingsService, AXPCommonSettings, resolveEntityCreateListBehavior, AXPRefreshEvent, AXPFileTypeProviderService, AXPFileStorageService, resolveFileTypeDisplay, resolveEntityRowDisplayTitle, resolveEntityModifyPopupTitle, commandMessageTextForError, resolveSearchableText, evaluateEntityDisplayTemplate, AXPFilterOperatorMiddlewareService, AXPReloadEvent, axpRedirectToNotFound, AXPCleanNestedFilters, axpIsEntityRecordNotFound, coerceAXPSettingRawValueByKind, AXPDefaultMultiLanguageConfigService, withDefaultMultiLanguageOnWidgetNodeTree, axpIsEntityListPath, axpIsEntityDetailsPath, axpParseEntityListRoute, axpParseEntityDetailsRoute, axpSaveEntityListReturnUrl, AXP_NOT_FOUND_ROUTE, AXP_PROTECTED_ROUTE_GUARDS, AXP_SEARCH_DEFINITION_PROVIDER, AXP_SEARCH_DEFINITION_LAZY_RESOLVER, AXPMenuItemsDataSourceDefinition } from '@acorex-platform/framework-client/common';
 export { commandMessageTextForError } from '@acorex-platform/framework-client/common';
 import { createWorkFlowEvent, AXPWorkflowEventService, ofType } from '@acorex-platform/framework-client/workflow';
 import * as i0 from '@angular/core';
@@ -457,7 +457,9 @@ class AXPEntityMiddleware {
         for (const pluginRef of entityPlugins) {
             const contrib = this.providedActionPlugins.find((x) => x.name === pluginRef.name);
             if (contrib) {
-                steps.push(this.createPluginStep(contrib, pluginRef.name, context));
+                // Capture this entry's options — re-finding by name breaks multi-instance
+                // plugins that share a name (e.g. several `status` plugins on one entity).
+                steps.push(this.createPluginStep(contrib, pluginRef.options, context));
             }
         }
         const sorted = steps.sort((a, b) => a.order - b.order);
@@ -479,15 +481,11 @@ class AXPEntityMiddleware {
             run: () => entry.modifier(context),
         };
     }
-    createPluginStep(contrib, pluginName, context) {
+    createPluginStep(contrib, options, context) {
         return {
             order: contrib.order ?? 0,
             run: async () => {
-                const pluginRef = context.plugins.find(pluginName).get();
-                if (!pluginRef) {
-                    return;
-                }
-                await contrib.apply(context, pluginRef.options);
+                await contrib.apply(context, options);
             },
         };
     }
@@ -880,7 +878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 const AXPEntityCreateEvent = createWorkFlowEvent('[Entity] Created!');
-const AXPEntityModifyEvent = createWorkFlowEvent('[Entity] Modified');
+const AXPEntityModifyEvent = createWorkFlowEvent(AXP_ENTITY_MODIFIED_EVENT_TYPE);
 const AXPEntityDeletedEvent = createWorkFlowEvent(AXP_ENTITY_DELETED_EVENT_TYPE);
 
 /**
@@ -971,6 +969,12 @@ async function resolveRelatedEntityColumns(columns, expressionEvaluator, scope)
 }
 //#endregion
 
+/**
+ * Sentinel used as related-list FK filter value in create wizards before the parent
+ * row has a persisted id. Must never be treated as a real parent key.
+ */
+const AXP_RELATED_LIST_UNSCOPED_PARENT_FILTER_VALUE = '__axp_unscoped_parent__';
+
 /** Registered widget name for entity create/update step wizard (dialog footer uses `widget:${name}.next`). */
 const ENTITY_FORM_STEP_WIZARD_NAME = 'entityFormStepWizard';
 /** Footer command: validate, persist main entity, merge context, advance wizard. */
@@ -1592,8 +1596,15 @@ class PropertyFilter {
         };
         const syncRelatedFromRoot = this.kind === 'create';
         const foreignKeyField = relatedEntity.persistence?.foreignKeyField;
+        // Create-wizard related steps start with a never-match parent filter so the grid
+        // cannot load other rows before create-and-continue patches the root id.
         const filters = syncRelatedFromRoot
-            ? []
+            ? (relatedEntity.conditions ?? []).map((c) => ({
+                field: c.name,
+                operator: c.operator,
+                value: AXP_RELATED_LIST_UNSCOPED_PARENT_FILTER_VALUE,
+                hidden: true,
+            }))
             : await Promise.all(relatedEntity.conditions?.map(async (c) => {
                 const value = await evaluateExpressions(c.value);
                 return {
@@ -2088,6 +2099,7 @@ function configureEntityFormWizardFooterActions(ab, wizardName, firstStepContinu
         color: 'primary',
         position: 'suffix',
         disabled: '{{api.getStatus().isFirst}}',
+        predicateApiWidgetName: wizardName,
     });
     ab.custom({
         title: firstStepContinueTitleKey,
@@ -2345,7 +2357,12 @@ class AXPCreateEntityCommand {
             };
         }
         const entityRef = await this.entityService.resolve(moduleName, entityName);
-        let chain = this.entityForm.entity(`${moduleName}.${entityName}`).create(data);
+        // Related-list / Assign callers put the parent FK in process.data — keep it in the create seed.
+        const processData = options?.process && typeof options.process === 'object'
+            ? options.process.data
+            : undefined;
+        const createSeed = merge({}, data && typeof data === 'object' ? data : {}, processData && typeof processData === 'object' ? processData : {});
+        let chain = this.entityForm.entity(`${moduleName}.${entityName}`).create(createSeed);
         chain.actions((actions) => {
             actions
                 .cancel('@general:actions.cancel.title')
@@ -2378,7 +2395,7 @@ class AXPCreateEntityCommand {
             }
             const createFn = entityRef.commands?.create?.execute;
             const updateFn = entityRef.commands?.update?.execute;
-            const context = merge({}, data, dialogRef.context());
+            const context = merge({}, createSeed, dialogRef.context());
             const hasPersistedId = hasPersistedRootId(context);
             const persistFn = hasPersistedId ? updateFn : createFn;
             const missingPersistHandlerMsg = hasPersistedId
@@ -3647,7 +3664,7 @@ class AXPFileListComponent {
         return action.color ?? 'primary';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFileListComponent, isStandalone: true, selector: "axp-file-list", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, fileEditable: { classPropertyName: "fileEditable", publicName: "fileEditable", isSignal: true, isRequired: false, transformFunction: null }, enableTitleDescription: { classPropertyName: "enableTitleDescription", publicName: "enableTitleDescription", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, linksLayout: { classPropertyName: "linksLayout", publicName: "linksLayout", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, excludePlugins: { classPropertyName: "excludePlugins", publicName: "excludePlugins", isSignal: true, isRequired: false, transformFunction: null }, capabilities: { classPropertyName: "capabilities", publicName: "capabilities", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onRevert: "onRevert", onRename: "onRename" }, host: { properties: { "class.--look-rows": "look() === \"rows\"", "class.--look-links": "look() === \"links\"", "class.--links-inline": "look() === \"links\" && linksLayout() === \"inline\"" } }, providers: [], ngImport: i0, template: "@if (look() === 'links') {\n  @if (displayFiles().length > 0) {\n    <div class=\"__links\">\n      @if (showLabel()) {\n        <span class=\"__links-label\">{{ titleKey() | translate | async }}:</span>\n      }\n      <ul class=\"__links-list\">\n        @for (file of displayFiles(); track file.id ?? $index) {\n          <li>\n            <button\n              type=\"button\"\n              class=\"__link-item\"\n              (click)=\"handleFileDownload($event, file)\"\n              (dblclick)=\"handleFileRowActivate($event, file)\"\n            >\n              <i class=\"fa-light fa-paperclip flex-shrink-0\"></i>\n              <span class=\"min-w-0 break-all\">{{ file.name }}</span>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  } @else {\n    <div class=\"__empty-state __empty-state--links\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n        look=\"minimal\"\n      />\n    </div>\n  }\n} @else {\n  @for (file of displayFiles(); track $index) {\n    <div\n      class=\"__item\"\n      [ngClass]=\"{\n        '--removed': file.status === 'deleted',\n        '--attached': file.status === 'attached',\n        '--with-meta': enableTitleDescription(),\n        '--item-readonly': file.readOnly === true,\n        '--downloadable': file.status !== 'deleted',\n      }\"\n      (dblclick)=\"handleFileRowActivate($event, file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ getFileInfo(file.name).icon }}\"></i>\n      </div>\n      @if (enableTitleDescription()) {\n        <div class=\"__content\">\n          <div class=\"__primary\">{{ file.name }}{{ file.title?.trim() ? ' - ' + file.title : '' }}</div>\n          @if (file.description?.trim()) {\n            <div class=\"__secondary\">{{ file.description }}</div>\n          }\n        </div>\n      } @else {\n        <div class=\"__name\">{{ file.name }}</div>\n      }\n      <div class=\"__actions\" (dblclick)=\"$event.stopPropagation()\">\n        @if (file.status === 'deleted' && multiple() && !isItemInteractionLocked(file)) {\n          <ax-button [look]=\"'blank'\" class=\"ax-sm\" color=\"warning\" (onClick)=\"handleFileRevert($event, file)\">\n            <ax-icon class=\"fa-light fa-rotate-left\"></ax-icon>\n          </ax-button>\n        } @else if (file.status !== 'deleted') {\n          @for (action of actionsFor(file, $index); track action.id ?? action.textKey ?? action.text ?? $index) {\n            <ax-button\n              [look]=\"'blank'\"\n              class=\"ax-sm\"\n              [color]=\"getActionColor(action)\"\n              (onClick)=\"runAction(action)\"\n            >\n              @if (action.icon) {\n                <ax-icon class=\"{{ action.icon }}\"></ax-icon>\n              }\n            </ax-button>\n          }\n        }\n      </div>\n    </div>\n  } @empty {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n      >\n      </axp-state-message>\n    </div>\n  }\n}\n", styles: ["@layer properties;:host{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host.--look-rows{padding-block:calc(var(--spacing, .25rem) * 2)}:host.--look-links{padding-block:0}:host.--look-links .__links .__links-label{margin-inline-end:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}:host.--look-links .__links .__links-list{margin:0;margin-top:var(--spacing, .25rem);list-style-type:none;padding:0}:host.--look-links .__links .__links-list li{margin:0;padding:0}:host.--look-links .__links .__links-list .__link-item{display:inline-flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:rgb(var(--ax-sys-color-primary))}:host.--look-links .__links .__links-list .__link-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}:host.--look-links.--links-inline .__links{margin-bottom:calc(var(--spacing, .25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding-bottom:calc(var(--spacing, .25rem) * 4)}:host.--look-links:not(.--links-inline) .__links-list{margin-top:0;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:transparent;padding:calc(var(--spacing, .25rem) * 2)}:host .__item.--downloadable{cursor:pointer}:host .__item.--downloadable:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}:host .__item:not(.--downloadable){cursor:default}:host .__item.--removed{border-color:rgba(var(--ax-sys-color-danger-500));background-color:rgba(var(--ax-sys-color-danger-50))}:host .__item.--attached{border-color:rgba(var(--ax-sys-color-success-500));animation:attached-flash 1s ease-out forwards}:host .__item.--item-readonly:not(.--removed){opacity:.85}:host .__item .__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}:host .__item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host .__item .__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__secondary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--ax-sys-color-text-secondary)}:host .__item.--with-meta .__content{justify-content:center}:host .__item .__actions{margin-left:auto;display:flex;flex-shrink:0}@keyframes attached-flash{0%{background-color:rgb(var(--ax-sys-color-success-50))}to{background-color:transparent}}.__empty-state{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}.__empty-state:hover{opacity:80%}.__empty-state--links{padding-block:calc(var(--spacing, .25rem) * 2)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFileListComponent, isStandalone: true, selector: "axp-file-list", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, fileEditable: { classPropertyName: "fileEditable", publicName: "fileEditable", isSignal: true, isRequired: false, transformFunction: null }, enableTitleDescription: { classPropertyName: "enableTitleDescription", publicName: "enableTitleDescription", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, linksLayout: { classPropertyName: "linksLayout", publicName: "linksLayout", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null }, excludePlugins: { classPropertyName: "excludePlugins", publicName: "excludePlugins", isSignal: true, isRequired: false, transformFunction: null }, capabilities: { classPropertyName: "capabilities", publicName: "capabilities", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRemove: "onRemove", onRevert: "onRevert", onRename: "onRename" }, host: { properties: { "class.--look-rows": "look() === \"rows\"", "class.--look-links": "look() === \"links\"", "class.--links-inline": "look() === \"links\" && linksLayout() === \"inline\"" } }, providers: [], ngImport: i0, template: "@if (look() === 'links') {\n  @if (displayFiles().length > 0) {\n    <div class=\"__links\">\n      @if (showLabel()) {\n        <span class=\"__links-label\">{{ titleKey() | translate | async }}:</span>\n      }\n      <ul class=\"__links-list\">\n        @for (file of displayFiles(); track file.id ?? $index) {\n          <li>\n            <button\n              type=\"button\"\n              class=\"__link-item\"\n              (click)=\"handleFileDownload($event, file)\"\n              (dblclick)=\"handleFileRowActivate($event, file)\"\n            >\n              <i class=\"fa-light fa-paperclip flex-shrink-0\"></i>\n              <span class=\"min-w-0 break-all\">{{ file.name }}</span>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  } @else {\n    <div class=\"__empty-state __empty-state--links\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n        look=\"minimal\"\n      />\n    </div>\n  }\n} @else {\n  @for (file of displayFiles(); track $index) {\n    <div\n      class=\"__item\"\n      [ngClass]=\"{\n        '--removed': file.status === 'deleted',\n        '--attached': file.status === 'attached',\n        '--with-meta': enableTitleDescription(),\n        '--item-readonly': file.readOnly === true,\n        '--downloadable': file.status !== 'deleted',\n      }\"\n      (dblclick)=\"handleFileRowActivate($event, file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ getFileInfo(file.name).icon }}\"></i>\n      </div>\n      @if (enableTitleDescription()) {\n        <div class=\"__content\">\n          <div class=\"__primary\">{{ file.name }}{{ file.title?.trim() ? ' - ' + file.title : '' }}</div>\n          @if (file.description?.trim()) {\n            <div class=\"__secondary\">{{ file.description }}</div>\n          }\n        </div>\n      } @else {\n        <div class=\"__name\">{{ file.name }}</div>\n      }\n      <div class=\"__actions\" (dblclick)=\"$event.stopPropagation()\">\n        @if (file.status === 'deleted' && multiple() && !isItemInteractionLocked(file)) {\n          <ax-button [look]=\"'blank'\" class=\"ax-sm\" color=\"warning\" (onClick)=\"handleFileRevert($event, file)\">\n            <ax-icon class=\"fa-light fa-rotate-left\"></ax-icon>\n          </ax-button>\n        } @else if (file.status !== 'deleted') {\n          @for (action of actionsFor(file, $index); track action.id ?? action.textKey ?? action.text ?? $index) {\n            <ax-button\n              [look]=\"'blank'\"\n              class=\"ax-sm\"\n              [color]=\"getActionColor(action)\"\n              (onClick)=\"runAction(action)\"\n            >\n              @if (action.icon) {\n                <ax-icon class=\"{{ action.icon }}\"></ax-icon>\n              }\n            </ax-button>\n          }\n        }\n      </div>\n    </div>\n  } @empty {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n      >\n      </axp-state-message>\n    </div>\n  }\n}\n", styles: ["@layer properties;:host{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host.--look-rows{padding-block:calc(var(--spacing, .25rem) * 2)}:host.--look-links{padding-block:0}:host.--look-links .__links .__links-label{margin-inline-end:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}:host.--look-links .__links .__links-list{margin:0;margin-top:var(--spacing, .25rem);list-style-type:none;padding:0}:host.--look-links .__links .__links-list li{margin:0;padding:0}:host.--look-links .__links .__links-list .__link-item{display:inline-flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:rgb(var(--ax-sys-color-primary))}:host.--look-links .__links .__links-list .__link-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}:host.--look-links.--links-inline .__links{margin-bottom:calc(var(--spacing, .25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding-bottom:calc(var(--spacing, .25rem) * 4)}:host.--look-links:not(.--links-inline) .__links-list{margin-top:0;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:transparent;padding:calc(var(--spacing, .25rem) * 2)}:host .__item.--downloadable{cursor:pointer}:host .__item.--downloadable:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}:host .__item:not(.--downloadable){cursor:default}:host .__item.--removed{border-color:rgba(var(--ax-sys-color-danger-500));background-color:rgba(var(--ax-sys-color-danger-50))}:host .__item.--attached{border-color:rgba(var(--ax-sys-color-success-500));animation:attached-flash 1s ease-out forwards}:host .__item.--item-readonly:not(.--removed){opacity:.85}:host .__item .__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}:host .__item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host .__item .__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__secondary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--ax-sys-color-text-secondary)}:host .__item.--with-meta .__content{justify-content:center}:host .__item .__actions{margin-left:auto;display:flex;flex-shrink:0}@keyframes attached-flash{0%{background-color:rgb(var(--ax-sys-color-success-50))}to{background-color:transparent}}.__empty-state{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}.__empty-state:hover{opacity:80%}.__empty-state.__empty-state--links{padding-block:calc(var(--spacing, .25rem) * 2)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: 
                 // ACoreX
                 AXFormModule }, { kind: "ngmodule", type: AXTextBoxModule }, { 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: AXLabelModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Platform
@@ -3675,7 +3692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTranslationModule,
                         // Platform
                         AXPStateMessageComponent,
-                    ], providers: [], template: "@if (look() === 'links') {\n  @if (displayFiles().length > 0) {\n    <div class=\"__links\">\n      @if (showLabel()) {\n        <span class=\"__links-label\">{{ titleKey() | translate | async }}:</span>\n      }\n      <ul class=\"__links-list\">\n        @for (file of displayFiles(); track file.id ?? $index) {\n          <li>\n            <button\n              type=\"button\"\n              class=\"__link-item\"\n              (click)=\"handleFileDownload($event, file)\"\n              (dblclick)=\"handleFileRowActivate($event, file)\"\n            >\n              <i class=\"fa-light fa-paperclip flex-shrink-0\"></i>\n              <span class=\"min-w-0 break-all\">{{ file.name }}</span>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  } @else {\n    <div class=\"__empty-state __empty-state--links\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n        look=\"minimal\"\n      />\n    </div>\n  }\n} @else {\n  @for (file of displayFiles(); track $index) {\n    <div\n      class=\"__item\"\n      [ngClass]=\"{\n        '--removed': file.status === 'deleted',\n        '--attached': file.status === 'attached',\n        '--with-meta': enableTitleDescription(),\n        '--item-readonly': file.readOnly === true,\n        '--downloadable': file.status !== 'deleted',\n      }\"\n      (dblclick)=\"handleFileRowActivate($event, file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ getFileInfo(file.name).icon }}\"></i>\n      </div>\n      @if (enableTitleDescription()) {\n        <div class=\"__content\">\n          <div class=\"__primary\">{{ file.name }}{{ file.title?.trim() ? ' - ' + file.title : '' }}</div>\n          @if (file.description?.trim()) {\n            <div class=\"__secondary\">{{ file.description }}</div>\n          }\n        </div>\n      } @else {\n        <div class=\"__name\">{{ file.name }}</div>\n      }\n      <div class=\"__actions\" (dblclick)=\"$event.stopPropagation()\">\n        @if (file.status === 'deleted' && multiple() && !isItemInteractionLocked(file)) {\n          <ax-button [look]=\"'blank'\" class=\"ax-sm\" color=\"warning\" (onClick)=\"handleFileRevert($event, file)\">\n            <ax-icon class=\"fa-light fa-rotate-left\"></ax-icon>\n          </ax-button>\n        } @else if (file.status !== 'deleted') {\n          @for (action of actionsFor(file, $index); track action.id ?? action.textKey ?? action.text ?? $index) {\n            <ax-button\n              [look]=\"'blank'\"\n              class=\"ax-sm\"\n              [color]=\"getActionColor(action)\"\n              (onClick)=\"runAction(action)\"\n            >\n              @if (action.icon) {\n                <ax-icon class=\"{{ action.icon }}\"></ax-icon>\n              }\n            </ax-button>\n          }\n        }\n      </div>\n    </div>\n  } @empty {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n      >\n      </axp-state-message>\n    </div>\n  }\n}\n", styles: ["@layer properties;:host{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host.--look-rows{padding-block:calc(var(--spacing, .25rem) * 2)}:host.--look-links{padding-block:0}:host.--look-links .__links .__links-label{margin-inline-end:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}:host.--look-links .__links .__links-list{margin:0;margin-top:var(--spacing, .25rem);list-style-type:none;padding:0}:host.--look-links .__links .__links-list li{margin:0;padding:0}:host.--look-links .__links .__links-list .__link-item{display:inline-flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:rgb(var(--ax-sys-color-primary))}:host.--look-links .__links .__links-list .__link-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}:host.--look-links.--links-inline .__links{margin-bottom:calc(var(--spacing, .25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding-bottom:calc(var(--spacing, .25rem) * 4)}:host.--look-links:not(.--links-inline) .__links-list{margin-top:0;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:transparent;padding:calc(var(--spacing, .25rem) * 2)}:host .__item.--downloadable{cursor:pointer}:host .__item.--downloadable:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}:host .__item:not(.--downloadable){cursor:default}:host .__item.--removed{border-color:rgba(var(--ax-sys-color-danger-500));background-color:rgba(var(--ax-sys-color-danger-50))}:host .__item.--attached{border-color:rgba(var(--ax-sys-color-success-500));animation:attached-flash 1s ease-out forwards}:host .__item.--item-readonly:not(.--removed){opacity:.85}:host .__item .__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}:host .__item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host .__item .__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__secondary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--ax-sys-color-text-secondary)}:host .__item.--with-meta .__content{justify-content:center}:host .__item .__actions{margin-left:auto;display:flex;flex-shrink:0}@keyframes attached-flash{0%{background-color:rgb(var(--ax-sys-color-success-50))}to{background-color:transparent}}.__empty-state{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}.__empty-state:hover{opacity:80%}.__empty-state--links{padding-block:calc(var(--spacing, .25rem) * 2)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], providers: [], template: "@if (look() === 'links') {\n  @if (displayFiles().length > 0) {\n    <div class=\"__links\">\n      @if (showLabel()) {\n        <span class=\"__links-label\">{{ titleKey() | translate | async }}:</span>\n      }\n      <ul class=\"__links-list\">\n        @for (file of displayFiles(); track file.id ?? $index) {\n          <li>\n            <button\n              type=\"button\"\n              class=\"__link-item\"\n              (click)=\"handleFileDownload($event, file)\"\n              (dblclick)=\"handleFileRowActivate($event, file)\"\n            >\n              <i class=\"fa-light fa-paperclip flex-shrink-0\"></i>\n              <span class=\"min-w-0 break-all\">{{ file.name }}</span>\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  } @else {\n    <div class=\"__empty-state __empty-state--links\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n        look=\"minimal\"\n      />\n    </div>\n  }\n} @else {\n  @for (file of displayFiles(); track $index) {\n    <div\n      class=\"__item\"\n      [ngClass]=\"{\n        '--removed': file.status === 'deleted',\n        '--attached': file.status === 'attached',\n        '--with-meta': enableTitleDescription(),\n        '--item-readonly': file.readOnly === true,\n        '--downloadable': file.status !== 'deleted',\n      }\"\n      (dblclick)=\"handleFileRowActivate($event, file)\"\n    >\n      <div class=\"__icon\">\n        <i class=\"fa-fw {{ getFileInfo(file.name).icon }}\"></i>\n      </div>\n      @if (enableTitleDescription()) {\n        <div class=\"__content\">\n          <div class=\"__primary\">{{ file.name }}{{ file.title?.trim() ? ' - ' + file.title : '' }}</div>\n          @if (file.description?.trim()) {\n            <div class=\"__secondary\">{{ file.description }}</div>\n          }\n        </div>\n      } @else {\n        <div class=\"__name\">{{ file.name }}</div>\n      }\n      <div class=\"__actions\" (dblclick)=\"$event.stopPropagation()\">\n        @if (file.status === 'deleted' && multiple() && !isItemInteractionLocked(file)) {\n          <ax-button [look]=\"'blank'\" class=\"ax-sm\" color=\"warning\" (onClick)=\"handleFileRevert($event, file)\">\n            <ax-icon class=\"fa-light fa-rotate-left\"></ax-icon>\n          </ax-button>\n        } @else if (file.status !== 'deleted') {\n          @for (action of actionsFor(file, $index); track action.id ?? action.textKey ?? action.text ?? $index) {\n            <ax-button\n              [look]=\"'blank'\"\n              class=\"ax-sm\"\n              [color]=\"getActionColor(action)\"\n              (onClick)=\"runAction(action)\"\n            >\n              @if (action.icon) {\n                <ax-icon class=\"{{ action.icon }}\"></ax-icon>\n              }\n            </ax-button>\n          }\n        }\n      </div>\n    </div>\n  } @empty {\n    <div class=\"__empty-state\">\n      <axp-state-message\n        icon=\"fa-light fa-folder-open\"\n        [title]=\"'@general:widgets.file-uploader.empty-state.title'\"\n        [description]=\"'@general:widgets.file-uploader.empty-state.description'\"\n      >\n      </axp-state-message>\n    </div>\n  }\n}\n", styles: ["@layer properties;:host{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host.--look-rows{padding-block:calc(var(--spacing, .25rem) * 2)}:host.--look-links{padding-block:0}:host.--look-links .__links .__links-label{margin-inline-end:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface-variant))}:host.--look-links .__links .__links-list{margin:0;margin-top:var(--spacing, .25rem);list-style-type:none;padding:0}:host.--look-links .__links .__links-list li{margin:0;padding:0}:host.--look-links .__links .__links-list .__link-item{display:inline-flex;width:100%;cursor:pointer;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2.5);text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));text-decoration-line:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:rgb(var(--ax-sys-color-primary))}:host.--look-links .__links .__links-list .__link-item:hover{background:rgb(var(--ax-sys-color-lighter-surface))}:host.--look-links.--links-inline .__links{margin-bottom:calc(var(--spacing, .25rem) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-surface));padding-bottom:calc(var(--spacing, .25rem) * 4)}:host.--look-links:not(.--links-inline) .__links-list{margin-top:0;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}:host .__item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:transparent;padding:calc(var(--spacing, .25rem) * 2)}:host .__item.--downloadable{cursor:pointer}:host .__item.--downloadable:hover{background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}:host .__item:not(.--downloadable){cursor:default}:host .__item.--removed{border-color:rgba(var(--ax-sys-color-danger-500));background-color:rgba(var(--ax-sys-color-danger-50))}:host .__item.--attached{border-color:rgba(var(--ax-sys-color-success-500));animation:attached-flash 1s ease-out forwards}:host .__item.--item-readonly:not(.--removed){opacity:.85}:host .__item .__icon{width:calc(var(--spacing, .25rem) * 6);flex-shrink:0}:host .__item .__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:host .__item .__primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}:host .__item .__secondary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:start;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:var(--ax-sys-color-text-secondary)}:host .__item.--with-meta .__content{justify-content:center}:host .__item .__actions{margin-left:auto;display:flex;flex-shrink:0}@keyframes attached-flash{0%{background-color:rgb(var(--ax-sys-color-success-50))}to{background-color:transparent}}.__empty-state{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s}.__empty-state:hover{opacity:80%}.__empty-state.__empty-state--links{padding-block:calc(var(--spacing, .25rem) * 2)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { onRemove: [{ type: i0.Output, args: ["onRemove"] }], onRevert: [{ type: i0.Output, args: ["onRevert"] }], onRename: [{ type: i0.Output, args: ["onRename"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], fileEditable: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileEditable", required: false }] }], enableTitleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableTitleDescription", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], titleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleKey", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], linksLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "linksLayout", required: false }] }], files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }], excludePlugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludePlugins", required: false }] }], capabilities: [{ type: i0.Input, args: [{ isSignal: true, alias: "capabilities", required: false }] }] } });
 
 //#region ----   Attachment fingerprint (no blob comparison)   ----
@@ -3971,6 +3988,36 @@ function resolveFileUploaderEntityScope(options, rowData, fieldFallback) {
 }
 //#endregion
 
+//#region ---- Hierarchical entity list query ----
+/**
+ * Restricts master-list queries to root rows when the entity uses {@link AXPEntity.parentKey}.
+ * Child rows are loaded lazily on expand (filter parentKey = parent id).
+ */
+function applyHierarchicalRootListFilter(request, parentKey) {
+    const key = parentKey.trim();
+    if (!key) {
+        return request;
+    }
+    const filter = request.filter;
+    if (filter?.filters?.length && filter.field !== key) {
+        return request;
+    }
+    if (filter?.field === key) {
+        return request;
+    }
+    return {
+        ...request,
+        filter: {
+            value: true,
+            field: key,
+            operator: {
+                type: 'isEmpty',
+            },
+        },
+    };
+}
+//#endregion
+
 class AXPEntityStorageService {
 }
 class AXPEntityDataProvider {
@@ -4048,15 +4095,7 @@ class AXMEntityCrudServiceImpl {
         try {
             const entityRef = await this.entityRegistery.resolve(moduleName, entityName);
             if (entityRef.parentKey) {
-                if (!request.filter?.filters?.length && request.filter?.field !== entityRef.parentKey) {
-                    request.filter = {
-                        value: true,
-                        field: entityRef.parentKey,
-                        operator: {
-                            type: 'isEmpty',
-                        },
-                    };
-                }
+                request = applyHierarchicalRootListFilter(request, entityRef.parentKey);
             }
         }
         catch (error) {
@@ -5631,1118 +5670,1276 @@ var updateEntity_command = /*#__PURE__*/Object.freeze({
     AXPUpdateEntityCommand: AXPUpdateEntityCommand
 });
 
-class AXPViewEntityDetailsCommand {
-    constructor() {
-        //#region ---- Services & Dependencies ----
-        this.entityForm = inject(AXPEntityFormBuilderService);
-        this.entityService = inject(AXPEntityDefinitionRegistryService);
-        this.translationService = inject(AXTranslationService);
-        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
-        this.contextEvalFactory = inject(AXPContextEvalFactory);
+/**
+ * Error type that can be thrown by middlewares to abort the chain with a structured payload.
+ */
+class AXPMiddlewareAbortError extends Error {
+    constructor(message, options = {}) {
+        super(message);
+        this.message = message;
+        this.options = options;
+        this.name = 'AXPMiddlewareAbortError';
     }
-    //#endregion
-    //#region ---- Command Execution ----
-    async execute(input) {
-        const excludeProperties = input['excludeProperties'] ??
-            input?.options?.excludeProperties ??
-            input?.__context__?.options?.excludeProperties;
-        const { entity, entityInfo, data } = input.__context__;
-        const [moduleName, entityName] = (entity || '').split('.');
-        if (!moduleName || !entityName) {
-            return {
-                success: false,
-                message: {
-                    text: await this.translationService.translateAsync('@general:messages.entity.invalid-identifier'),
-                },
-            };
+    toResponse() {
+        return {
+            success: false,
+            error: {
+                code: this.options.code,
+                message: this.message,
+                status: this.options.status,
+                details: this.options.details,
+            },
+        };
+    }
+}
+/** Type guard for AXPMiddlewareAbortError */
+function isAXPMiddlewareAbortError(error) {
+    return error instanceof AXPMiddlewareAbortError;
+}
+//#endregion
+
+/**
+ * Maps storage middleware failures to a command result the details view can surface.
+ */
+function mapEntityStorageErrorToCommandResult(error, fallback = 'Failed to update entity') {
+    if (isAXPMiddlewareAbortError(error)) {
+        return {
+            success: false,
+            message: {
+                type: 'error',
+                code: error.options.code,
+                text: error.message,
+                details: error.options.details,
+            },
+        };
+    }
+    const text = error instanceof Error ? error.message : typeof error === 'string' ? error : fallback;
+    return {
+        success: false,
+        message: {
+            type: 'error',
+            text,
+        },
+    };
+}
+//#region ----   EntityDataAccessor   ----
+/**
+ * Data accessor for entity operations.
+ * Provides methods to query and execute commands with smart resolution:
+ * 1. Checks entity definition queries/commands first
+ * 2. Falls back to CRUD service if not defined
+ */
+class EntityDataAccessor {
+    constructor(module, entity, entityRegistry, queryExecutor, commandService, injector) {
+        this.module = module;
+        this.entity = entity;
+        this.entityRegistry = entityRegistry;
+        this.queryExecutor = queryExecutor;
+        this.commandService = commandService;
+        this.injector = injector;
+        this.crudService = null;
+        this.entityDef = null;
+        this.entityDefPromise = null;
+    }
+    /**
+     * Lazily creates the CRUD fallback inside an injection context so {@link AXMEntityCrudServiceImpl}
+     * can resolve {@link AXPEntityStorageService} via `inject()`.
+     */
+    ensureCrudService() {
+        if (!this.crudService) {
+            this.crudService = runInInjectionContext(this.injector, () => new AXMEntityCrudServiceImpl(`${this.module}.${this.entity}`));
         }
-        const entityDef = await this.entityService.resolve(moduleName, entityName);
-        let dialogRef;
-        try {
-            if (!data || (typeof data !== 'string' && typeof data !== 'object')) {
-                return {
-                    success: false,
-                    message: {
-                        text: await this.translationService.translateAsync('@general:messages.entity.invalid-data'),
-                    },
-                };
-            }
-            let chain = this.entityForm.entity(`${moduleName}.${entityName}`).single(data);
-            if (excludeProperties && excludeProperties.length > 0) {
-                chain = chain.exclude(...excludeProperties);
-            }
-            const dialogTitle = await this.resolveDialogTitle(entityDef, data);
-            if (dialogTitle) {
-                chain = chain.title(dialogTitle);
-            }
-            chain = chain.actions((actions) => {
-                actions.submit('@general:actions.ok.title');
-            });
-            dialogRef = await chain.show();
-            dialogRef.close();
-            return {
-                success: true,
-                metadata: {
-                    refresh: false,
-                },
-            };
+        return this.crudService;
+    }
+    /**
+     * Resolves the entity definition lazily and caches it.
+     * @returns The resolved entity definition
+     */
+    async resolveEntityDef() {
+        if (this.entityDef) {
+            return this.entityDef;
         }
-        catch (error) {
-            return {
-                success: false,
-                message: {
-                    text: error instanceof Error
-                        ? error.message
-                        : await this.translationService.translateAsync('@general:messages.entity.view-failed'),
-                },
-            };
+        if (!this.entityDefPromise) {
+            this.entityDefPromise = this.entityRegistry.resolve(this.module, this.entity);
         }
-        finally {
-            if (dialogRef && typeof dialogRef === 'object' && dialogRef !== null && 'setLoading' in dialogRef) {
-                dialogRef.setLoading(false);
-            }
+        this.entityDef = await this.entityDefPromise;
+        if (!this.entityDef) {
+            throw new Error(`Entity "${this.module}.${this.entity}" could not be resolved`);
         }
+        return this.entityDef;
     }
-    //#endregion
-    //#region ---- Title resolution ----
-    async resolveDialogTitle(entityDef, data) {
-        const titleTemplate = entityDef.interfaces?.master?.single?.title ??
-            entityDef.formats?.searchResult?.title ??
-            entityDef.formats?.individual;
-        if (!titleTemplate || typeof titleTemplate !== 'string') {
-            return this.translationService.translateAsync('@general:actions.detail.title');
-        }
-        if (!titleTemplate.includes('{{')) {
-            const translated = await this.translationService.translateAsync(titleTemplate);
-            return resolveMultiLanguageString(translated, this.translationService.getActiveLang()).trim() || translated;
+    /**
+     * Gets a single entity by key.
+     * @param key - The entity key
+     * @returns The entity detail or null if not found
+     */
+    async byKey(key) {
+        const entityDef = await this.resolveEntityDef();
+        const execute = entityDef.queries?.byKey?.execute;
+        if (typeof execute === 'function') {
+            return await execute(key);
         }
-        const recordContext = await this.loadRecordContext(`${entityDef.module}.${entityDef.name}`, data);
-        const scope = {
-            context: this.contextEvalFactory.createScope(recordContext),
-        };
-        const evaluated = await this.expressionEvaluator.evaluate(titleTemplate, scope);
-        const locale = this.translationService.getActiveLang();
-        const text = resolveMultiLanguageString(evaluated, locale).trim() || String(evaluated ?? '').trim();
-        if (text) {
-            return text;
+        else if (typeof execute === 'string') {
+            return await this.queryExecutor.fetch(execute, key);
         }
-        return this.translationService.translateAsync('@general:actions.detail.title');
+        // Fallback to CRUD service
+        return await this.ensureCrudService().getOne(key);
     }
-    async loadRecordContext(entityFullName, data) {
-        if (typeof data === 'object' && data !== null && !Array.isArray(data)) {
-            const hasNestedFields = get(data, 'subject.title') != null ||
-                get(data, 'recordType.title') != null ||
-                get(data, 'occurredDate') != null;
-            if (hasNestedFields) {
-                return data;
-            }
-        }
-        const recordId = typeof data === 'string' ? data : String(get(data, 'id') ?? '');
-        if (!recordId) {
-            return typeof data === 'object' && data !== null ? data : {};
+    /**
+     * Queries a list of entities.
+     * @param request - The query request (optional)
+     * @returns The paged list result
+     */
+    async query(request) {
+        const entityDef = await this.resolveEntityDef();
+        const defaultRequest = { skip: 0, take: 10 };
+        let queryRequest = request || defaultRequest;
+        if (entityDef.parentKey) {
+            queryRequest = applyHierarchicalRootListFilter(queryRequest, entityDef.parentKey);
         }
-        try {
-            const [moduleName, entityName] = entityFullName.split('.');
-            const entity = await this.entityService.resolve(moduleName, entityName);
-            const byKeyFn = entity?.queries?.byKey?.execute;
-            if (typeof byKeyFn === 'function') {
-                return (await byKeyFn(recordId)) ?? {};
-            }
+        const execute = entityDef.queries?.list?.execute;
+        if (typeof execute === 'function') {
+            return await execute(queryRequest);
         }
-        catch {
-            // Fall back to list row payload below.
+        else if (typeof execute === 'string') {
+            const result = await this.queryExecutor.fetch(execute, queryRequest);
+            if (!result) {
+                throw new Error(`Query "${execute}" returned null`);
+            }
+            return result;
         }
-        return typeof data === 'object' && data !== null ? data : {};
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-var viewEntityDetails_command = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPViewEntityDetailsCommand: AXPViewEntityDetailsCommand
-});
-
-/** Common keys on denormalized expose stubs (e.g. `{ id, displayName }` from lookup expose). */
-const LOOKUP_EXPOSE_STUB_DISPLAY_FIELDS = ['displayName', 'title', 'name', 'fullName', 'code'];
-function resolveLookupItemFieldValue(item, field) {
-    const direct = get(item, field);
-    if (direct != null && direct !== '') {
-        return direct;
+        // Fallback to CRUD service
+        return await this.ensureCrudService().query(queryRequest);
     }
-    if (!field.includes('.')) {
-        return direct;
+    /**
+     * Queries category entities linked to this entity (`{module}.{entity}Category`).
+     * Falls back to CRUD category storage (same as {@link AXMEntityCrudServiceImpl.getCategoriesList}).
+     */
+    async getCategoriesList(request = { skip: 0, take: 1000 }) {
+        return await this.ensureCrudService().getCategoriesList(request);
     }
-    for (const fallback of LOOKUP_EXPOSE_STUB_DISPLAY_FIELDS) {
-        const candidate = get(item, fallback);
-        if (candidate != null && candidate !== '') {
-            return candidate;
+    /**
+     * Creates a new entity.
+     * @param data - The entity data to create
+     * @returns The created entity key
+     */
+    async create(data) {
+        const entityDef = await this.resolveEntityDef();
+        const execute = entityDef.commands?.create?.execute;
+        if (typeof execute === 'function') {
+            const result = await execute(data);
+            return result?.id || result;
         }
+        else if (typeof execute === 'string') {
+            const result = await this.commandService.execute(execute, data);
+            if (!result?.success) {
+                throw new Error(commandMessageTextForError(result?.message?.text) || 'Failed to create entity');
+            }
+            return result.data?.id || result.data;
+        }
+        // Fallback to CRUD service
+        return await this.ensureCrudService().insertOne(data);
     }
-    return direct;
-}
-function formatLookupFieldValue(raw, locale, translationService, resolveMultiLanguage) {
-    if (raw == null || raw === '') {
-        return '';
-    }
-    if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
-        return String(raw);
+    /**
+     * Updates an existing entity.
+     * @param id - The entity key
+     * @param data - The entity data to update
+     * @returns The updated entity
+     */
+    async update(id, data) {
+        const entityDef = await this.resolveEntityDef();
+        const execute = entityDef.commands?.update?.execute;
+        const updateData = { id, ...data };
+        if (typeof execute === 'function') {
+            return await execute(updateData);
+        }
+        else if (typeof execute === 'string') {
+            const result = await this.commandService.execute(execute, updateData);
+            if (!result?.success) {
+                throw new Error(commandMessageTextForError(result?.message?.text) || 'Failed to update entity');
+            }
+            return result.data;
+        }
+        // Fallback to CRUD service
+        return await this.ensureCrudService().updateOne(id, data);
     }
-    if (typeof raw === 'object' && !Array.isArray(raw)) {
-        if (resolveMultiLanguage) {
-            return resolveMultiLanguage(raw);
+    /**
+     * Deletes an entity.
+     * @param id - The entity key
+     */
+    async delete(id) {
+        const entityDef = await this.resolveEntityDef();
+        const execute = entityDef.commands?.delete?.execute;
+        if (typeof execute === 'function') {
+            await execute(id);
+            return;
         }
-        return resolveSearchableText(raw, locale, translationService);
+        else if (typeof execute === 'string') {
+            const result = await this.commandService.execute(execute, id);
+            if (!result?.success) {
+                throw new Error(commandMessageTextForError(result?.message?.text) || 'Failed to delete entity');
+            }
+            return;
+        }
+        // Fallback to CRUD service
+        return await this.ensureCrudService().deleteOne(id);
     }
-    return String(raw);
 }
-//#region ---- Template resolution ----
+//#endregion
+//#region ----   EntityBuilder   ----
 /**
- * Resolves the display template for a lookup item.
- * Priority: explicit `displayFormat` → entity `formats.lookup` (template) → entity `formats.searchResult.title`.
- * Returns undefined when `textField` is set or no template applies (use {@link resolveLookupDisplayField} instead).
+ * Builder class for entity operations.
+ * Provides methods to create paths and access entity data.
  */
-function resolveLookupDisplayTemplate(entity, options) {
-    const explicit = options.displayFormat?.trim();
-    if (explicit) {
-        return normalizeEntityDisplayTemplate(explicit);
-    }
-    if (options.textField?.trim()) {
-        return undefined;
-    }
-    const lookupFormat = entity?.formats?.lookup?.trim();
-    if (lookupFormat && (lookupFormat.includes('{{') || lookupFormat.includes('{'))) {
-        return normalizeEntityDisplayTemplate(lookupFormat);
-    }
-    const searchTitle = entity?.formats?.searchResult?.title?.trim();
-    if (searchTitle) {
-        return normalizeEntityDisplayTemplate(searchTitle);
+class EntityBuilder {
+    constructor(module, entity, sessionService, entityRegistry, queryExecutor, commandService, injector) {
+        this.sessionService = sessionService;
+        this.entityRegistry = entityRegistry;
+        this.queryExecutor = queryExecutor;
+        this.commandService = commandService;
+        this.injector = injector;
+        this.module = module;
+        this.entity = entity;
     }
-    return undefined;
-}
-/**
- * Resolves the property path used for lookup display when no template applies.
- * Priority: explicit `textField` → entity `formats.lookup` (simple path) → common property names.
- */
-function resolveLookupDisplayField(entity, options) {
-    if (options.textField?.trim()) {
-        return options.textField.trim();
+    /**
+     * Creates a path for the entity.
+     * @param path - The path segment (defaults to 'list')
+     * @returns The full path string
+     */
+    createPath(path = 'list') {
+        return `/${this.sessionService.application?.name}/m/${this.module}/e/${this.entity}/${path}`;
     }
-    const lookupFormat = entity?.formats?.lookup?.trim();
-    if (lookupFormat && !lookupFormat.includes('{') && !lookupFormat.includes('{{')) {
-        return lookupFormat;
+    /**
+     * Gets the data accessor for the entity with generic type support.
+     * Entity definition is resolved lazily on first method call.
+     * @returns An EntityDataAccessor instance
+     */
+    data() {
+        return new EntityDataAccessor(this.module, this.entity, this.entityRegistry, this.queryExecutor, this.commandService, this.injector);
     }
-    const defaults = ['title', 'name', 'code', 'description'];
-    const found = defaults.find((name) => entity?.properties?.some((p) => p.name === name));
-    return found ?? 'title';
 }
-/**
- * Formats a lookup row for display using template and/or field resolution (display tier).
- */
-async function formatLookupItemDisplayAsync(item, entity, options, formatService, displayDeps, resolveMultiLanguage) {
-    if (item == null) {
-        return '';
-    }
-    if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
-        return String(item);
-    }
-    if (typeof item !== 'object') {
-        return '';
+//#endregion
+class AXPEntityService {
+    constructor() {
+        this.sessionService = inject(AXPSessionService);
+        this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
+        this.queryExecutor = inject(AXPQueryExecutor);
+        this.commandService = inject(AXPCommandService);
+        this.injector = inject(Injector);
     }
-    if (options.isMultiLanguage?.(item) && resolveMultiLanguage) {
-        return resolveMultiLanguage(item);
+    /**
+     * @deprecated Use `withEntity(module, entity).createPath(path)` instead.
+     * This method will be removed in a future version.
+     */
+    createPath(module, entity, path = 'list') {
+        return `/${this.sessionService.application?.name}/m/${module}/e/${entity}/${path}`;
     }
-    const template = resolveLookupDisplayTemplate(entity, options);
-    if (template) {
-        if (template.includes('{{') || template.includes('context.eval')) {
-            const evaluated = await evaluateEntityDisplayTemplate(template, item, displayDeps.expressionEvaluator, displayDeps.locale, displayDeps.translationService, displayDeps.contextEvalFactory);
-            const text = sanitizeResolvedEntityDisplayTitle(resolveSearchableText(evaluated, displayDeps.locale, displayDeps.translationService));
-            if (text && !isUnresolvedEntityDisplayTemplate(text)) {
-                return text;
-            }
+    withEntity(moduleOrEntityKey, entity) {
+        let module;
+        let entityName;
+        if (entity !== undefined) {
+            // Two parameters: module and entity
+            module = moduleOrEntityKey;
+            entityName = entity;
         }
         else {
-            const formatted = formatService.format(template, 'string', item);
-            if (formatted) {
-                const text = String(formatted);
-                if (!isUnresolvedEntityDisplayTemplate(text)) {
-                    return text;
-                }
+            // Single parameter: "module.entity" format
+            const dotIndex = moduleOrEntityKey.indexOf('.');
+            if (dotIndex === -1) {
+                throw new Error(`Invalid entity key format: "${moduleOrEntityKey}". Expected format: "module.entity"`);
             }
+            module = moduleOrEntityKey.substring(0, dotIndex);
+            entityName = moduleOrEntityKey.substring(dotIndex + 1);
         }
+        return new EntityBuilder(module, entityName, this.sessionService, this.entityRegistry, this.queryExecutor, this.commandService, this.injector);
     }
-    const field = resolveLookupDisplayField(entity, options);
-    const raw = typeof item === 'object' && item != null ? resolveLookupItemFieldValue(item, field) : undefined;
-    return formatLookupFieldValue(raw, displayDeps.locale, displayDeps.translationService, resolveMultiLanguage);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#endregion
+//#region ----   Update entity status command   ----
 /**
- * @deprecated Prefer {@link formatLookupItemDisplayAsync} for expression templates with `context.eval`.
+ * Default handler for status-chip transitions when no custom transition.command is set.
+ * Patches only the status field via the entity update path (no edit dialog).
  */
-function formatLookupItemDisplay(item, entity, options, formatService, resolveMultiLanguage) {
-    if (item == null) {
-        return '';
+class AXPUpdateEntityStatusCommand {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+        this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
+        this.translationService = inject(AXTranslationService);
+        this.workflowEventService = inject(AXPWorkflowEventService);
     }
-    if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
-        return String(item);
-    }
-    if (typeof item !== 'object') {
-        return '';
-    }
-    if (options.isMultiLanguage?.(item) && resolveMultiLanguage) {
-        return resolveMultiLanguage(item);
-    }
-    const template = resolveLookupDisplayTemplate(entity, options);
-    if (template && !template.includes('context.eval') && !template.includes('{{')) {
-        const formatted = formatService.format(template, 'string', item);
-        if (formatted) {
-            const text = String(formatted);
-            if (!isUnresolvedEntityDisplayTemplate(text)) {
-                return text;
-            }
+    async execute(input) {
+        const entity = input?.entity?.trim();
+        const status = input?.status;
+        const statusField = (input?.statusField ?? 'statusId').trim() || 'statusId';
+        const ids = normalizeIds(input);
+        if (!entity) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.entity.invalid-identifier'),
+                },
+            };
         }
-    }
-    const field = resolveLookupDisplayField(entity, options);
-    const raw = typeof item === 'object' && item != null ? resolveLookupItemFieldValue(item, field) : undefined;
-    if (raw == null || raw === '') {
-        return '';
-    }
-    if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
-        return String(raw);
-    }
-    if (typeof raw === 'object' && !Array.isArray(raw)) {
-        if (resolveMultiLanguage) {
-            return resolveMultiLanguage(raw);
+        if (status == null || String(status).length === 0) {
+            return {
+                success: false,
+                message: { text: 'Status value is required.' },
+            };
         }
-        return raw;
-    }
-    return String(raw);
-}
-/** Matches a resolved platform entity key such as `BusinessCore.Party`. */
-const LOOKUP_ENTITY_KEY_PATTERN = /^[A-Za-z][\w-]*\.[A-Za-z][\w-]*$/;
-/**
- * Resolves the target entity key for a lookup column.
- * Widget column options may still contain unevaluated `context.eval(...)` expressions;
- * in that case the type is read from the row (e.g. `ownerRef.type`, `subjectRef.type`).
- */
-function resolveLookupEntityKey(entityOption, rowData, columnName, expose) {
-    const fromOption = typeof entityOption === 'string' ? entityOption.trim() : '';
-    if (fromOption && LOOKUP_ENTITY_KEY_PATTERN.test(fromOption)) {
-        return fromOption;
-    }
-    const typePath = resolvePolymorphicRefTypePath(columnName, fromOption, expose);
-    if (typePath && rowData) {
-        const typeValue = get(rowData, typePath);
-        if (typeof typeValue === 'string') {
-            const trimmed = typeValue.trim();
-            if (LOOKUP_ENTITY_KEY_PATTERN.test(trimmed)) {
-                return trimmed;
+        if (ids.length === 0) {
+            return {
+                success: false,
+                message: { text: 'Either id or ids must be provided.' },
+            };
+        }
+        const [moduleName, entityName] = entity.split('.');
+        if (!moduleName || !entityName) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.entity.invalid-identifier'),
+                },
+            };
+        }
+        try {
+            const entityRef = await this.entityRegistry.resolve(moduleName, entityName);
+            const data = this.entityService.withEntity(entity).data();
+            const updatedRecords = [];
+            for (const id of ids) {
+                const updated = await data.update(id, { [statusField]: status });
+                const record = updated && typeof updated === 'object'
+                    ? updated
+                    : { id, [statusField]: status };
+                updatedRecords.push(record);
+                dispatchEntityModifiedSideEffects(this.workflowEventService, entity, { id, ...record, [statusField]: status }, entityRef?.parentKey);
             }
+            return {
+                success: true,
+                data: ids.length === 1 ? updatedRecords[0] : updatedRecords,
+            };
+        }
+        catch (error) {
+            const text = error instanceof Error
+                ? error.message
+                : await this.translationService.translateAsync('@general:messages.entity.update-failed');
+            return {
+                success: false,
+                message: { text },
+            };
         }
     }
-    return fromOption;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUpdateEntityStatusCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUpdateEntityStatusCommand, providedIn: 'root' }); }
 }
-function resolvePolymorphicRefTypePath(columnName, entityOption, expose) {
-    const fromExpression = entityOption.match(/context\.eval\(\s*['"]([^'"]+)['"]\s*\)/)?.[1];
-    if (fromExpression) {
-        return fromExpression;
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPUpdateEntityStatusCommand, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//#endregion
+//#region ----   Helpers   ----
+function normalizeIds(input) {
+    if (!input) {
+        return [];
     }
-    if (columnName?.endsWith('.id')) {
-        return `${columnName.slice(0, -3)}.type`;
+    if (Array.isArray(input.ids) && input.ids.length > 0) {
+        return input.ids.map((id) => String(id)).filter((id) => id.length > 0);
     }
-    const idTarget = expose?.find((entry) => entry.source === 'id')?.target;
-    if (idTarget?.endsWith('.id')) {
-        return `${idTarget.slice(0, -3)}.type`;
+    if (input.id != null && String(input.id).length > 0) {
+        return [String(input.id)];
     }
-    return undefined;
+    return [];
 }
-//#endregion
 
-class AXPEntityDetailPopoverComponent {
+var updateEntityStatus_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPUpdateEntityStatusCommand: AXPUpdateEntityStatusCommand
+});
+
+/**
+ * Build-time only. Do not import from Angular modules.
+ */
+const axpUpdateEntityStatusCommandDefinition = defineCommand({
+    key: 'Entity:UpdateStatus',
+    title: 'Update entity status',
+    description: 'AXPUpdateEntityStatusCommand patches a status field on one or more records (entity, status, statusField, id|ids) via the entity update path; used as the default status-chip transition command.',
+    executionMode: 'frontend',
+    inputs: [
+        {
+            name: 'entity',
+            title: 'Entity',
+            description: 'Full entity key (Module.Entity).',
+            interface: { name: 'text-editor' },
+            validations: [{ rule: 'required' }],
+        },
+        {
+            name: 'status',
+            title: 'Status',
+            description: 'Target status name/value to write.',
+            interface: { name: 'text-editor' },
+            validations: [{ rule: 'required' }],
+        },
+        {
+            name: 'statusField',
+            title: 'Status field',
+            description: 'Property path to patch (default statusId).',
+            interface: { name: 'text-editor' },
+        },
+        {
+            name: 'id',
+            title: 'Record id',
+            description: 'Single record id (use ids for bulk).',
+            interface: { name: 'text-editor' },
+        },
+        {
+            name: 'ids',
+            title: 'Record ids',
+            description: 'Bulk record ids.',
+            interface: { name: 'json' },
+        },
+    ],
+    outcomes: {
+        mode: 'dynamic',
+        summary: 'success with updated record(s); failure when entity/status/id missing or update throws.',
+        derivesFrom: 'AXPExecuteCommandResult from execute()',
+    },
+    capabilities: ['ai'],
+    ai: {
+        tags: ['entity', 'status', 'update'],
+    },
+    categories: [AXP_COMMAND_DEFINITION_CATEGORY_ENTITY],
+});
+
+class AXPViewEntityDetailsCommand {
     constructor() {
-        //#region ----   Dependencies   ----
-        this.commandService = inject(AXPCommandService);
-        this.queryService = inject(AXPQueryService);
-        this.formatService = inject(AXFormatService);
-        this.translation = inject(AXTranslationService);
+        //#region ---- Services & Dependencies ----
+        this.entityForm = inject(AXPEntityFormBuilderService);
+        this.entityService = inject(AXPEntityDefinitionRegistryService);
+        this.translationService = inject(AXTranslationService);
         this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
         this.contextEvalFactory = inject(AXPContextEvalFactory);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        //#endregion
-        //#region ----   Inputs   ----
-        this.entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
-        this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
-        this.textField = input('title', ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
-        this.valueField = input('id', ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
-        this.displayTitle = input('', ...(ngDevMode ? [{ debugName: "displayTitle" }] : /* istanbul ignore next */ []));
-        this.item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : /* istanbul ignore next */ []));
-        this.breadcrumb = input(null, ...(ngDevMode ? [{ debugName: "breadcrumb" }] : /* istanbul ignore next */ []));
-        this.requestClose = input(...(ngDevMode ? [undefined, { debugName: "requestClose" }] : /* istanbul ignore next */ []));
-        //#endregion
-        //#region ----   Signals   ----
-        this.entityDetails = signal(null, ...(ngDevMode ? [{ debugName: "entityDetails" }] : /* istanbul ignore next */ []));
-        this.isLoadingDetails = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingDetails" }] : /* istanbul ignore next */ []));
-        this.headerTitleVersion = 0;
-        /** Placeholder rows for the loading skeleton (matches typical property count). */
-        this.loadingSkeletonRows = [1, 2, 3, 4, 5];
-        this.headerTitle = signal('', ...(ngDevMode ? [{ debugName: "headerTitle" }] : /* 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 */ []));
-        effect(() => {
-            void this.translation.getActiveLang();
-            const details = this.entityDetails();
-            const preset = this.displayTitle();
-            const fallbackItem = this.item();
-            const version = ++this.headerTitleVersion;
-            void this.resolveHeaderTitle(details?.entityDefinition, details?.entityData, preset, fallbackItem).then((title) => {
-                if (version === this.headerTitleVersion) {
-                    this.headerTitle.set(title);
-                }
-            });
-        });
     }
     //#endregion
-    //#region ----   Public Methods   ----
-    /** Loads entity details after the overlay panel is created. */
-    async loadDetails() {
-        this.isLoadingDetails.set(true);
-        this.entityDetails.set(null);
-        this.changeDetectorRef.detectChanges();
+    //#region ---- Command Execution ----
+    async execute(input) {
+        const excludeProperties = input['excludeProperties'] ??
+            input?.options?.excludeProperties ??
+            input?.__context__?.options?.excludeProperties;
+        const { entity, entityInfo, data } = input.__context__;
+        const [moduleName, entityName] = (entity || '').split('.');
+        if (!moduleName || !entityName) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translationService.translateAsync('@general:messages.entity.invalid-identifier'),
+                },
+            };
+        }
+        const entityDef = await this.entityService.resolve(moduleName, entityName);
+        let dialogRef;
         try {
-            const result = await this.queryService.fetch('Entity:GetDetails', {
-                entity: this.entity(),
-                id: this.entityId(),
-            });
-            if (result?.success) {
-                this.entityDetails.set(result);
+            if (!data || (typeof data !== 'string' && typeof data !== 'object')) {
+                return {
+                    success: false,
+                    message: {
+                        text: await this.translationService.translateAsync('@general:messages.entity.invalid-data'),
+                    },
+                };
+            }
+            let chain = this.entityForm.entity(`${moduleName}.${entityName}`).single(data);
+            if (excludeProperties && excludeProperties.length > 0) {
+                chain = chain.exclude(...excludeProperties);
+            }
+            const dialogTitle = await this.resolveDialogTitle(entityDef, data);
+            if (dialogTitle) {
+                chain = chain.title(dialogTitle);
             }
+            chain = chain.actions((actions) => {
+                actions.submit('@general:actions.ok.title');
+            });
+            dialogRef = await chain.show();
+            dialogRef.close();
+            return {
+                success: true,
+                metadata: {
+                    refresh: false,
+                },
+            };
         }
         catch (error) {
-            console.error('Failed to fetch entity details:', error);
-        }
-        finally {
-            this.isLoadingDetails.set(false);
-            this.changeDetectorRef.detectChanges();
+            return {
+                success: false,
+                message: {
+                    text: error instanceof Error
+                        ? error.message
+                        : await this.translationService.translateAsync('@general:messages.entity.view-failed'),
+                },
+            };
         }
-    }
-    async navigateToDetails() {
-        if (this.entityId()) {
-            await this.commandService.execute('Entity:OpenDetails', {
-                entity: this.entity(),
-                data: { id: this.entityId() },
-            });
-            this.requestClose()?.();
+        finally {
+            if (dialogRef && typeof dialogRef === 'object' && dialogRef !== null && 'setLoading' in dialogRef) {
+                dialogRef.setLoading(false);
+            }
         }
     }
     //#endregion
-    //#region ----   Helper Methods   ----
-    async resolveHeaderTitle(entityDefinition, data, preset, fallbackItem) {
-        if (data && entityDefinition) {
-            const fromDetails = await this.resolveLookupDisplayLabelAsync(data, entityDefinition);
-            if (fromDetails) {
-                return fromDetails;
+    //#region ---- Title resolution ----
+    async resolveDialogTitle(entityDef, data) {
+        const titleTemplate = entityDef.interfaces?.master?.single?.title ??
+            entityDef.formats?.searchResult?.title ??
+            entityDef.formats?.individual;
+        if (!titleTemplate || typeof titleTemplate !== 'string') {
+            return this.translationService.translateAsync('@general:actions.detail.title');
+        }
+        if (!titleTemplate.includes('{{')) {
+            const translated = await this.translationService.translateAsync(titleTemplate);
+            return resolveMultiLanguageString(translated, this.translationService.getActiveLang()).trim() || translated;
+        }
+        const recordContext = await this.loadRecordContext(`${entityDef.module}.${entityDef.name}`, data);
+        const scope = {
+            context: this.contextEvalFactory.createScope(recordContext),
+        };
+        const evaluated = await this.expressionEvaluator.evaluate(titleTemplate, scope);
+        const locale = this.translationService.getActiveLang();
+        const text = resolveMultiLanguageString(evaluated, locale).trim() || String(evaluated ?? '').trim();
+        if (text) {
+            return text;
+        }
+        return this.translationService.translateAsync('@general:actions.detail.title');
+    }
+    async loadRecordContext(entityFullName, data) {
+        if (typeof data === 'object' && data !== null && !Array.isArray(data)) {
+            const hasNestedFields = get(data, 'subject.title') != null ||
+                get(data, 'recordType.title') != null ||
+                get(data, 'occurredDate') != null;
+            if (hasNestedFields) {
+                return data;
             }
         }
-        const presetTrimmed = preset?.trim();
-        if (presetTrimmed && !isUnresolvedEntityDisplayTemplate(presetTrimmed)) {
-            return presetTrimmed;
+        const recordId = typeof data === 'string' ? data : String(get(data, 'id') ?? '');
+        if (!recordId) {
+            return typeof data === 'object' && data !== null ? data : {};
         }
-        if (fallbackItem) {
-            const fromItem = await this.resolveLookupDisplayLabelAsync(fallbackItem, entityDefinition);
-            if (fromItem) {
-                return fromItem;
+        try {
+            const [moduleName, entityName] = entityFullName.split('.');
+            const entity = await this.entityService.resolve(moduleName, entityName);
+            const byKeyFn = entity?.queries?.byKey?.execute;
+            if (typeof byKeyFn === 'function') {
+                return (await byKeyFn(recordId)) ?? {};
             }
         }
-        return presetTrimmed ?? '';
+        catch {
+            // Fall back to list row payload below.
+        }
+        return typeof data === 'object' && data !== null ? data : {};
     }
-    async resolveLookupDisplayLabelAsync(item, entityDefinition) {
-        const locale = this.translation.getActiveLang() ?? 'en-US';
-        const label = await formatLookupItemDisplayAsync(item, entityDefinition ?? null, { textField: this.textField() }, this.formatService, {
-            expressionEvaluator: this.expressionEvaluator,
-            contextEvalFactory: this.contextEvalFactory,
-            translationService: this.translation,
-            locale,
-        }, (value) => this.translation.resolve(value));
-        return label && !isUnresolvedEntityDisplayTemplate(label) ? label : '';
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPViewEntityDetailsCommand, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+var viewEntityDetails_command = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPViewEntityDetailsCommand: AXPViewEntityDetailsCommand
+});
+
+/** Common keys on denormalized expose stubs (e.g. `{ id, displayName }` from lookup expose). */
+const LOOKUP_EXPOSE_STUB_DISPLAY_FIELDS = ['displayName', 'title', 'name', 'fullName', 'code'];
+function resolveLookupItemFieldValue(item, field) {
+    const direct = get(item, field);
+    if (direct != null && direct !== '') {
+        return direct;
     }
-    /**
-     * Returns true if a value is meaningful for display (non-empty/non-null).
-     */
-    hasMeaningfulValue(value) {
-        if (value === null || value === undefined)
-            return false;
-        if (typeof value === 'string')
-            return value.trim().length > 0;
-        if (Array.isArray(value))
-            return value.length > 0;
-        if (typeof value === 'object')
-            return Object.keys(value).length > 0;
-        return true;
+    if (!field.includes('.')) {
+        return direct;
     }
-    /**
-     * Calculates an importance score for a property based on its widget type,
-     * whether it currently has a meaningful value, and metadata like title.
-     */
-    getPropertyImportanceScore(prop, data) {
-        const schema = prop.showAs?.type ?? prop.schema;
-        const importanceMap = {
-            [AXPWidgetsCatalog.text]: 100,
-            [AXPWidgetsCatalog.select]: 95,
-            [AXPWidgetsCatalog.number]: 90,
-            [AXPWidgetsCatalog.dateTime]: 85,
-            [AXPWidgetsCatalog.richText]: 80,
-            [AXPWidgetsCatalog.largeText]: 75,
-            [AXPWidgetsCatalog.contact]: 74,
-            [AXPWidgetsCatalog.toggle]: 65,
-            [AXPWidgetsCatalog.checkbox]: 60,
-            [AXPWidgetsCatalog.color]: 40,
-        };
-        let score = importanceMap[schema] ?? 50;
-        // Prefer fields that actually have a value for the current entity
-        const valuePath = prop.path ?? prop.name;
-        if (this.hasMeaningfulValue(get(data, valuePath))) {
-            score += 20;
-        }
-        // Slight preference for human-friendly titled fields
-        const hasTitle = prop.title && prop.title !== prop.name;
-        if (hasTitle) {
-            score += 5;
+    for (const fallback of LOOKUP_EXPOSE_STUB_DISPLAY_FIELDS) {
+        const candidate = get(item, fallback);
+        if (candidate != null && candidate !== '') {
+            return candidate;
         }
-        return score;
     }
-    /**
-     * Calculates a name-based importance score to prioritize common key fields
-     * like title, description, status, and important dates.
-     * Name priority MUST come before widget-type priority.
-     */
-    getNameImportanceScore(prop) {
-        const rawName = (prop.options?.dataPath ?? prop.name ?? '').toString();
-        const normalized = rawName.toLowerCase();
-        const collapsed = normalized.replace(/[^a-z0-9]/g, '');
-        const priorities = [
-            { keys: ['title', 'name', 'subject', 'code'], score: 120 },
-            { keys: ['description', 'details', 'summary', 'remark', 'remarks'], score: 110 },
-            { keys: ['status', 'state', 'phase', 'stage'], score: 105 },
-            { keys: ['priority', 'severity', 'rank'], score: 100 },
-            { keys: ['expirydate', 'expirationdate', 'expiredate', 'duedate', 'deadline', 'enddate'], score: 98 },
-            { keys: ['startdate', 'createdat', 'createdon', 'updatedat', 'updatedon'], score: 95 },
-            { keys: ['owner', 'assignee', 'assignedto'], score: 92 },
-            { keys: ['email', 'phone', 'mobile', 'contact'], score: 90 },
-            { keys: ['category', 'type', 'label', 'tag', 'note', 'notes'], score: 85 },
-            { keys: ['primary', 'active', 'active', 'enabled', 'archived', 'deleted', 'locked', 'disabled'], score: -2 }, // send to bottom,
-        ];
-        for (const group of priorities) {
-            for (const key of group.keys) {
-                if (collapsed === key || collapsed.endsWith(key)) {
-                    return group.score;
-                }
-            }
-        }
-        // Pattern-based priorities (generic forms like validFrom/validTo, start*/end*)
-        if (collapsed.endsWith('from') || collapsed.endsWith('to')) {
-            return 97;
-        }
-        if (collapsed.startsWith('start') || collapsed.startsWith('end')) {
-            return 96;
+    return direct;
+}
+function formatLookupFieldValue(raw, locale, translationService, resolveMultiLanguage) {
+    if (raw == null || raw === '') {
+        return '';
+    }
+    if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
+        return String(raw);
+    }
+    if (typeof raw === 'object' && !Array.isArray(raw)) {
+        if (resolveMultiLanguage) {
+            return resolveMultiLanguage(raw);
         }
-        return 0;
+        return resolveSearchableText(raw, locale, translationService);
     }
-    buildEntityPropertiesWithWidgets(data, entityDefinition, textFieldValue, valueFieldValue) {
-        // Use properties (not columns) for correct titles and schema; columns may have dataPath that doesn't match
-        return entityDefinition.properties
-            .filter((prop) => {
-            // Exclude technical fields
-            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)
-            const path = this.resolveDataPath(prop, data);
-            const value = get(data, path);
-            if (!this.hasMeaningfulValue(value)) {
-                return false;
-            }
-            const schema = prop.schema?.interface?.type;
-            const importantWidgets = [
-                AXPWidgetsCatalog.text,
-                AXPWidgetsCatalog.largeText,
-                AXPWidgetsCatalog.richText,
-                AXPWidgetsCatalog.lookup,
-                AXPWidgetsCatalog.number,
-                AXPWidgetsCatalog.toggle,
-                AXPWidgetsCatalog.checkbox,
-                AXPWidgetsCatalog.dateTime,
-                AXPWidgetsCatalog.color,
-                AXPWidgetsCatalog.contact,
-            ];
-            return importantWidgets.includes(schema);
-        })
-            .map((prop) => {
-            const path = this.resolveDataPath(prop, data);
-            const schema = prop.schema?.interface?.type;
-            const options = prop.schema?.interface?.options ?? {};
-            return {
-                ...prop,
-                schema,
-                path,
-                options,
-            };
-        })
-            .sort((a, b) => {
-            const nameScoreA = this.getNameImportanceScore(a);
-            const nameScoreB = this.getNameImportanceScore(b);
-            if (nameScoreA !== nameScoreB)
-                return nameScoreB - nameScoreA;
-            const widgetScoreA = this.getPropertyImportanceScore(a, data);
-            const widgetScoreB = this.getPropertyImportanceScore(b, data);
-            if (widgetScoreA !== widgetScoreB)
-                return widgetScoreB - widgetScoreA;
-            const aHasValue = this.hasMeaningfulValue(get(data, a.path));
-            const bHasValue = this.hasMeaningfulValue(get(data, b.path));
-            if (aHasValue !== bHasValue)
-                return aHasValue ? -1 : 1;
-            const aHasTitle = a.title && a.title !== a.name;
-            const bHasTitle = b.title && b.title !== b.name;
-            if (aHasTitle !== bHasTitle)
-                return aHasTitle ? -1 : 1;
-            return a.name.localeCompare(b.name);
-        })
-            .slice(0, 7)
-            .map((prop) => {
-            const widgetNode = {
-                type: prop.schema || AXPWidgetsCatalog.text,
-                path: prop.path,
-                options: { ...prop.options },
-                mode: 'view',
-            };
-            return {
-                name: prop.name,
-                title: prop.title || prop.name,
-                node: widgetNode,
-            };
-        });
+    return String(raw);
+}
+//#region ---- Template resolution ----
+/**
+ * Resolves the display template for a lookup item.
+ * Priority: explicit `displayFormat` → entity `formats.lookup` (template) → entity `formats.searchResult.title`.
+ * Returns undefined when `textField` is set or no template applies (use {@link resolveLookupDisplayField} instead).
+ */
+function resolveLookupDisplayTemplate(entity, options) {
+    const explicit = options.displayFormat?.trim();
+    if (explicit) {
+        return normalizeEntityDisplayTemplate(explicit);
     }
-    /**
-     * Resolves the data path for a property. For lookups with expose, returns the expanded path
-     * when data has it (e.g. personTitle). Otherwise returns property name (e.g. personTitleId).
-     */
-    resolveDataPath(prop, data) {
-        const iface = prop.schema?.interface;
-        const expose = iface?.options?.['expose'];
-        const textField = iface?.options?.['textField']?.trim();
-        if (expose?.length) {
-            const textTarget = expose.find((e) => e.source !== 'id');
-            if (textTarget) {
-                const expandedPath = textTarget.target.split('.')[0];
-                const expandedValue = get(data, expandedPath);
-                if (expandedValue != null && typeof expandedValue === 'object') {
-                    if (textField) {
-                        if (this.hasMeaningfulValue(get(expandedValue, textField))) {
-                            return expandedPath;
-                        }
-                    }
-                    else {
-                        const leaf = textTarget.target.split('.').pop();
-                        if (leaf && this.hasMeaningfulValue(get(expandedValue, leaf))) {
-                            return expandedPath;
-                        }
-                    }
+    if (options.textField?.trim()) {
+        return undefined;
+    }
+    const lookupFormat = entity?.formats?.lookup?.trim();
+    if (lookupFormat && (lookupFormat.includes('{{') || lookupFormat.includes('{'))) {
+        return normalizeEntityDisplayTemplate(lookupFormat);
+    }
+    const searchTitle = entity?.formats?.searchResult?.title?.trim();
+    if (searchTitle) {
+        return normalizeEntityDisplayTemplate(searchTitle);
+    }
+    return undefined;
+}
+/**
+ * Resolves the property path used for lookup display when no template applies.
+ * Priority: explicit `textField` → entity `formats.lookup` (simple path) → common property names.
+ */
+function resolveLookupDisplayField(entity, options) {
+    if (options.textField?.trim()) {
+        return options.textField.trim();
+    }
+    const lookupFormat = entity?.formats?.lookup?.trim();
+    if (lookupFormat && !lookupFormat.includes('{') && !lookupFormat.includes('{{')) {
+        return lookupFormat;
+    }
+    const defaults = ['title', 'name', 'code', 'description'];
+    const found = defaults.find((name) => entity?.properties?.some((p) => p.name === name));
+    return found ?? 'title';
+}
+/**
+ * Formats a lookup row for display using template and/or field resolution (display tier).
+ */
+async function formatLookupItemDisplayAsync(item, entity, options, formatService, displayDeps, resolveMultiLanguage) {
+    if (item == null) {
+        return '';
+    }
+    if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
+        return String(item);
+    }
+    if (typeof item !== 'object') {
+        return '';
+    }
+    if (options.isMultiLanguage?.(item) && resolveMultiLanguage) {
+        return resolveMultiLanguage(item);
+    }
+    const template = resolveLookupDisplayTemplate(entity, options);
+    if (template) {
+        if (template.includes('{{') || template.includes('context.eval')) {
+            const evaluated = await evaluateEntityDisplayTemplate(template, item, displayDeps.expressionEvaluator, displayDeps.locale, displayDeps.translationService, displayDeps.contextEvalFactory);
+            const text = sanitizeResolvedEntityDisplayTitle(resolveSearchableText(evaluated, displayDeps.locale, displayDeps.translationService));
+            if (text && !isUnresolvedEntityDisplayTemplate(text)) {
+                return text;
+            }
+        }
+        else {
+            const formatted = formatService.format(template, 'string', item);
+            if (formatted) {
+                const text = String(formatted);
+                if (!isUnresolvedEntityDisplayTemplate(text)) {
+                    return text;
                 }
             }
         }
-        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 }, displayTitle: { classPropertyName: "displayTitle", publicName: "displayTitle", 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 }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"lightest-surface dark:dark-surface p-4 w-[min(600px,calc(100vw-2rem))] rounded-lg shadow-lg\"\n>\n  <div class=\"mb-4 border-b pb-2\">\n    <h3 class=\"text-base font-semibold text-on-lightest-surface\">\n      {{ headerTitle() }}\n    </h3>\n    @if (breadcrumb()) {\n      <div class=\"text-xs text-neutral-500 mt-1\">{{ breadcrumb() }}</div>\n    }\n  </div>\n  @if (isLoadingDetails()) {\n    <div class=\"space-y-2 mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n        <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 items-start\">\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-2/3 rounded\"></ax-skeleton>\n          @if (row === 2) {\n            <ax-skeleton [animated]=\"true\" class=\"h-16 w-full rounded\"></ax-skeleton>\n          } @else {\n            <ax-skeleton [animated]=\"true\" class=\"h-4 w-full rounded\"></ax-skeleton>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"flex justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"h-9 w-28 rounded\"></ax-skeleton>\n    </div>\n  } @else if (entityDetails()) {\n    <div class=\"space-y-3 mb-4\">\n      @if (entityDetails()?.entityData) {\n        <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n          <div class=\"space-y-2\">\n            @for (item of entityPropertiesWithWidgets(); track item.name) {\n              <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 gap-y-1 items-start\">\n                <span class=\"text-sm font-medium shrink-0\">{{ item.title | translate | async }}:</span>\n                <div class=\"min-w-0 text-sm\">\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=\"flex gap-2 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", 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: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    const field = resolveLookupDisplayField(entity, options);
+    const raw = typeof item === 'object' && item != null ? resolveLookupItemFieldValue(item, field) : undefined;
+    return formatLookupFieldValue(raw, displayDeps.locale, displayDeps.translationService, resolveMultiLanguage);
 }
-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, AXPWidgetCoreModule, AXTranslationModule, AXSkeletonModule], template: "<div\n  class=\"lightest-surface dark:dark-surface p-4 w-[min(600px,calc(100vw-2rem))] rounded-lg shadow-lg\"\n>\n  <div class=\"mb-4 border-b pb-2\">\n    <h3 class=\"text-base font-semibold text-on-lightest-surface\">\n      {{ headerTitle() }}\n    </h3>\n    @if (breadcrumb()) {\n      <div class=\"text-xs text-neutral-500 mt-1\">{{ breadcrumb() }}</div>\n    }\n  </div>\n  @if (isLoadingDetails()) {\n    <div class=\"space-y-2 mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n        <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 items-start\">\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-2/3 rounded\"></ax-skeleton>\n          @if (row === 2) {\n            <ax-skeleton [animated]=\"true\" class=\"h-16 w-full rounded\"></ax-skeleton>\n          } @else {\n            <ax-skeleton [animated]=\"true\" class=\"h-4 w-full rounded\"></ax-skeleton>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"flex justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"h-9 w-28 rounded\"></ax-skeleton>\n    </div>\n  } @else if (entityDetails()) {\n    <div class=\"space-y-3 mb-4\">\n      @if (entityDetails()?.entityData) {\n        <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n          <div class=\"space-y-2\">\n            @for (item of entityPropertiesWithWidgets(); track item.name) {\n              <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 gap-y-1 items-start\">\n                <span class=\"text-sm font-medium shrink-0\">{{ item.title | translate | async }}:</span>\n                <div class=\"min-w-0 text-sm\">\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=\"flex gap-2 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" }]
-        }], ctorParameters: () => [], 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 }] }], displayTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTitle", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], requestClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestClose", required: false }] }] } });
-
-class AXPEntityDetailPopoverService {
-    constructor() {
-        //#region ----   Services & Dependencies   ----
-        this.overlayService = inject(AXOverlayService);
-        this.platform = inject(AXPlatform);
-        this.localeService = inject(AXLocaleService);
-        this.document = inject(DOCUMENT);
-        this.router = inject(Router);
-        //#endregion
-        //#region ----   Private Properties   ----
-        this.overlayRef = null;
-        this.componentRef = null;
-        this.anchorElement = null;
-        this.outsideClickHandler = null;
-        this.keydownHandler = null;
-        this.routerSubscription = null;
+/**
+ * @deprecated Prefer {@link formatLookupItemDisplayAsync} for expression templates with `context.eval`.
+ */
+function formatLookupItemDisplay(item, entity, options, formatService, resolveMultiLanguage) {
+    if (item == null) {
+        return '';
     }
-    //#endregion
-    //#region ----   Public Methods   ----
-    /**
-     * Show entity detail popover anchored to the target element.
-     */
-    async show(target, options) {
-        const anchorElement = this.resolveAnchorElement(target);
-        if (!anchorElement) {
-            return;
-        }
-        this.hide();
-        const panelClasses = ['animate-fadeIn', 'animate-faster', 'axp-entity-detail-popover-overlay'];
-        if (this.platform.isDark()) {
-            panelClasses.push('ax-dark');
-        }
-        const requestClose = () => {
-            this.hide();
-        };
-        try {
-            const ref = await this.overlayService.create(AXPEntityDetailPopoverComponent, {
-                centered: false,
-                width: 'fit-content',
-                actionSheetStyle: true,
-                panelClass: panelClasses,
-                backdrop: {
-                    enabled: false,
-                    background: false,
-                    closeOnClick: false,
-                },
-                anchorOptions: {
-                    anchor: anchorElement,
-                    placement: this.resolveOverlayPlacement(anchorElement),
-                    offsetX: this.resolveOverlayOffsetX(anchorElement),
-                    offsetY: 8,
-                    autoFlip: true,
-                },
-                inputs: {
-                    entity: options.entity,
-                    entityId: options.id,
-                    textField: options.textField || 'title',
-                    valueField: options.valueField || 'id',
-                    displayTitle: options.displayTitle ?? '',
-                    breadcrumb: options.breadcrumb ?? null,
-                    item: options.item,
-                    requestClose,
-                },
-                onDispose: () => {
-                    this.handleOverlayDisposed();
-                },
-            });
-            this.overlayRef = ref;
-            this.componentRef = ref.instance;
-            this.anchorElement = anchorElement;
-            setTimeout(() => {
-                ref.updatePosition();
-                this.bindDismissHandlers(ref.overlayElement, anchorElement);
-            }, 0);
-            await this.componentRef.instance.loadDetails();
+    if (typeof item === 'string' || typeof item === 'number' || typeof item === 'boolean') {
+        return String(item);
+    }
+    if (typeof item !== 'object') {
+        return '';
+    }
+    if (options.isMultiLanguage?.(item) && resolveMultiLanguage) {
+        return resolveMultiLanguage(item);
+    }
+    const template = resolveLookupDisplayTemplate(entity, options);
+    if (template && !template.includes('context.eval') && !template.includes('{{')) {
+        const formatted = formatService.format(template, 'string', item);
+        if (formatted) {
+            const text = String(formatted);
+            if (!isUnresolvedEntityDisplayTemplate(text)) {
+                return text;
+            }
         }
-        catch (error) {
-            console.error('[EntityDetailPopover] Failed to open overlay:', error);
-            this.handleOverlayDisposed();
+    }
+    const field = resolveLookupDisplayField(entity, options);
+    const raw = typeof item === 'object' && item != null ? resolveLookupItemFieldValue(item, field) : undefined;
+    if (raw == null || raw === '') {
+        return '';
+    }
+    if (typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean') {
+        return String(raw);
+    }
+    if (typeof raw === 'object' && !Array.isArray(raw)) {
+        if (resolveMultiLanguage) {
+            return resolveMultiLanguage(raw);
         }
+        return raw;
     }
-    /** Hide the active popover */
-    hide() {
-        this.removeDismissHandlers();
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
+    return String(raw);
+}
+/** Matches a resolved platform entity key such as `BusinessCore.Party`. */
+const LOOKUP_ENTITY_KEY_PATTERN = /^[A-Za-z][\w-]*\.[A-Za-z][\w-]*$/;
+/**
+ * Resolves the target entity key for a lookup column.
+ * Widget column options may still contain unevaluated `context.eval(...)` expressions;
+ * in that case the type is read from the row (e.g. `ownerRef.type`, `subjectRef.type`).
+ */
+function resolveLookupEntityKey(entityOption, rowData, columnName, expose) {
+    const fromOption = typeof entityOption === 'string' ? entityOption.trim() : '';
+    if (fromOption && LOOKUP_ENTITY_KEY_PATTERN.test(fromOption)) {
+        return fromOption;
+    }
+    const typePath = resolvePolymorphicRefTypePath(columnName, fromOption, expose);
+    if (typePath && rowData) {
+        const typeValue = get(rowData, typePath);
+        if (typeof typeValue === 'string') {
+            const trimmed = typeValue.trim();
+            if (LOOKUP_ENTITY_KEY_PATTERN.test(trimmed)) {
+                return trimmed;
+            }
         }
     }
-    /** Whether a popover is currently active */
-    get isActive() {
-        return this.overlayRef !== null;
+    return fromOption;
+}
+function resolvePolymorphicRefTypePath(columnName, entityOption, expose) {
+    const fromExpression = entityOption.match(/context\.eval\(\s*['"]([^'"]+)['"]\s*\)/)?.[1];
+    if (fromExpression) {
+        return fromExpression;
+    }
+    if (columnName?.endsWith('.id')) {
+        return `${columnName.slice(0, -3)}.type`;
+    }
+    const idTarget = expose?.find((entry) => entry.source === 'id')?.target;
+    if (idTarget?.endsWith('.id')) {
+        return `${idTarget.slice(0, -3)}.type`;
+    }
+    return undefined;
+}
+//#endregion
+
+class AXPEntityDetailPopoverComponent {
+    constructor() {
+        //#region ----   Dependencies   ----
+        this.commandService = inject(AXPCommandService);
+        this.queryService = inject(AXPQueryService);
+        this.formatService = inject(AXFormatService);
+        this.translation = inject(AXTranslationService);
+        this.expressionEvaluator = inject(AXPExpressionEvaluatorService);
+        this.contextEvalFactory = inject(AXPContextEvalFactory);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        //#endregion
+        //#region ----   Inputs   ----
+        this.entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+        this.entityId = input.required(...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.textField = input('title', ...(ngDevMode ? [{ debugName: "textField" }] : /* istanbul ignore next */ []));
+        this.valueField = input('id', ...(ngDevMode ? [{ debugName: "valueField" }] : /* istanbul ignore next */ []));
+        this.displayTitle = input('', ...(ngDevMode ? [{ debugName: "displayTitle" }] : /* istanbul ignore next */ []));
+        this.item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : /* istanbul ignore next */ []));
+        this.breadcrumb = input(null, ...(ngDevMode ? [{ debugName: "breadcrumb" }] : /* istanbul ignore next */ []));
+        this.requestClose = input(...(ngDevMode ? [undefined, { debugName: "requestClose" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----   Signals   ----
+        this.entityDetails = signal(null, ...(ngDevMode ? [{ debugName: "entityDetails" }] : /* istanbul ignore next */ []));
+        this.isLoadingDetails = signal(false, ...(ngDevMode ? [{ debugName: "isLoadingDetails" }] : /* istanbul ignore next */ []));
+        this.headerTitleVersion = 0;
+        /** Placeholder rows for the loading skeleton (matches typical property count). */
+        this.loadingSkeletonRows = [1, 2, 3, 4, 5];
+        this.headerTitle = signal('', ...(ngDevMode ? [{ debugName: "headerTitle" }] : /* 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 */ []));
+        effect(() => {
+            void this.translation.getActiveLang();
+            const details = this.entityDetails();
+            const preset = this.displayTitle();
+            const fallbackItem = this.item();
+            const version = ++this.headerTitleVersion;
+            void this.resolveHeaderTitle(details?.entityDefinition, details?.entityData, preset, fallbackItem).then((title) => {
+                if (version === this.headerTitleVersion) {
+                    this.headerTitle.set(title);
+                }
+            });
+        });
     }
     //#endregion
-    //#region ----   Utility Methods   ----
-    resolveAnchorElement(target) {
-        if (target instanceof ElementRef) {
-            return target.nativeElement;
+    //#region ----   Public Methods   ----
+    /** Loads entity details after the overlay panel is created. */
+    async loadDetails() {
+        this.isLoadingDetails.set(true);
+        this.entityDetails.set(null);
+        this.changeDetectorRef.detectChanges();
+        try {
+            const result = await this.queryService.fetch('Entity:GetDetails', {
+                entity: this.entity(),
+                id: this.entityId(),
+            });
+            if (result?.success) {
+                this.entityDetails.set(result);
+            }
         }
-        if (target instanceof HTMLElement) {
-            return target;
+        catch (error) {
+            console.error('Failed to fetch entity details:', error);
         }
-        const hostCandidate = target;
-        if (typeof hostCandidate.getHostElement === 'function') {
-            return hostCandidate.getHostElement();
+        finally {
+            this.isLoadingDetails.set(false);
+            this.changeDetectorRef.detectChanges();
         }
-        return null;
-    }
-    /** Mirror popover placement for RTL so the panel aligns with the anchor's inline-start edge. */
-    resolveOverlayPlacement(anchor) {
-        return this.isRtlContext(anchor) ? 'bottom-end' : 'bottom-start';
-    }
-    resolveOverlayOffsetX(anchor) {
-        return this.isRtlContext(anchor) ? -8 : 8;
     }
-    isRtlContext(anchor) {
-        if (this.localeService.activeProfile()?.i18nMeta?.rtl === true) {
-            return true;
+    async navigateToDetails() {
+        if (this.entityId()) {
+            await this.commandService.execute('Entity:OpenDetails', {
+                entity: this.entity(),
+                data: { id: this.entityId() },
+            });
+            this.requestClose()?.();
         }
-        const dir = getComputedStyle(anchor).direction || this.document.documentElement.getAttribute('dir');
-        return dir === 'rtl';
     }
-    bindDismissHandlers(overlayElement, anchor) {
-        this.removeDismissHandlers();
-        this.keydownHandler = (event) => {
-            if (event.key === 'Escape') {
-                this.hide();
-            }
-        };
-        this.document.addEventListener('keydown', this.keydownHandler);
-        this.outsideClickHandler = (event) => {
-            const target = event.target;
-            if (!target || !overlayElement) {
-                return;
-            }
-            if (this.isInsideInteractiveSurface(target, overlayElement, anchor)) {
-                return;
+    //#endregion
+    //#region ----   Helper Methods   ----
+    async resolveHeaderTitle(entityDefinition, data, preset, fallbackItem) {
+        if (data && entityDefinition) {
+            const fromDetails = await this.resolveLookupDisplayLabelAsync(data, entityDefinition);
+            if (fromDetails) {
+                return fromDetails;
             }
-            this.hide();
-        };
-        this.document.addEventListener('mousedown', this.outsideClickHandler);
-        this.routerSubscription = this.router.events
-            .pipe(filter((event) => event instanceof NavigationStart))
-            .subscribe(() => {
-            this.hide();
-        });
-    }
-    /** Ignore clicks on the anchor, overlay panel, or nested dropdown menus. */
-    isInsideInteractiveSurface(target, overlayElement, anchor) {
-        if (anchor.contains(target) || overlayElement.contains(target)) {
-            return true;
-        }
-        return Boolean(target.closest('ax-dropdown-panel, ax-button-item-list, ax-button-item, ax-dropdown-button, .ax-dropdown-panel'));
-    }
-    removeDismissHandlers() {
-        if (this.keydownHandler) {
-            this.document.removeEventListener('keydown', this.keydownHandler);
-            this.keydownHandler = null;
         }
-        if (this.outsideClickHandler) {
-            this.document.removeEventListener('mousedown', this.outsideClickHandler);
-            this.outsideClickHandler = null;
+        const presetTrimmed = preset?.trim();
+        if (presetTrimmed && !isUnresolvedEntityDisplayTemplate(presetTrimmed)) {
+            return presetTrimmed;
         }
-        if (this.routerSubscription) {
-            this.routerSubscription.unsubscribe();
-            this.routerSubscription = null;
+        if (fallbackItem) {
+            const fromItem = await this.resolveLookupDisplayLabelAsync(fallbackItem, entityDefinition);
+            if (fromItem) {
+                return fromItem;
+            }
         }
+        return presetTrimmed ?? '';
     }
-    handleOverlayDisposed() {
-        this.removeDismissHandlers();
-        this.overlayRef = null;
-        this.componentRef = null;
-        this.anchorElement = null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-/**
- * Error type that can be thrown by middlewares to abort the chain with a structured payload.
- */
-class AXPMiddlewareAbortError extends Error {
-    constructor(message, options = {}) {
-        super(message);
-        this.message = message;
-        this.options = options;
-        this.name = 'AXPMiddlewareAbortError';
-    }
-    toResponse() {
-        return {
-            success: false,
-            error: {
-                code: this.options.code,
-                message: this.message,
-                status: this.options.status,
-                details: this.options.details,
-            },
-        };
-    }
-}
-/** Type guard for AXPMiddlewareAbortError */
-function isAXPMiddlewareAbortError(error) {
-    return error instanceof AXPMiddlewareAbortError;
-}
-//#endregion
-
-/**
- * Maps storage middleware failures to a command result the details view can surface.
- */
-function mapEntityStorageErrorToCommandResult(error, fallback = 'Failed to update entity') {
-    if (isAXPMiddlewareAbortError(error)) {
-        return {
-            success: false,
-            message: {
-                type: 'error',
-                code: error.options.code,
-                text: error.message,
-                details: error.options.details,
-            },
-        };
-    }
-    const text = error instanceof Error ? error.message : typeof error === 'string' ? error : fallback;
-    return {
-        success: false,
-        message: {
-            type: 'error',
-            text,
-        },
-    };
-}
-//#region ----   EntityDataAccessor   ----
-/**
- * Data accessor for entity operations.
- * Provides methods to query and execute commands with smart resolution:
- * 1. Checks entity definition queries/commands first
- * 2. Falls back to CRUD service if not defined
- */
-class EntityDataAccessor {
-    constructor(module, entity, entityRegistry, queryExecutor, commandService, injector) {
-        this.module = module;
-        this.entity = entity;
-        this.entityRegistry = entityRegistry;
-        this.queryExecutor = queryExecutor;
-        this.commandService = commandService;
-        this.injector = injector;
-        this.crudService = null;
-        this.entityDef = null;
-        this.entityDefPromise = null;
+    async resolveLookupDisplayLabelAsync(item, entityDefinition) {
+        const locale = this.translation.getActiveLang() ?? 'en-US';
+        const label = await formatLookupItemDisplayAsync(item, entityDefinition ?? null, { textField: this.textField() }, this.formatService, {
+            expressionEvaluator: this.expressionEvaluator,
+            contextEvalFactory: this.contextEvalFactory,
+            translationService: this.translation,
+            locale,
+        }, (value) => this.translation.resolve(value));
+        return label && !isUnresolvedEntityDisplayTemplate(label) ? label : '';
     }
     /**
-     * Lazily creates the CRUD fallback inside an injection context so {@link AXMEntityCrudServiceImpl}
-     * can resolve {@link AXPEntityStorageService} via `inject()`.
+     * Returns true if a value is meaningful for display (non-empty/non-null).
      */
-    ensureCrudService() {
-        if (!this.crudService) {
-            this.crudService = runInInjectionContext(this.injector, () => new AXMEntityCrudServiceImpl(`${this.module}.${this.entity}`));
-        }
-        return this.crudService;
+    hasMeaningfulValue(value) {
+        if (value === null || value === undefined)
+            return false;
+        if (typeof value === 'string')
+            return value.trim().length > 0;
+        if (Array.isArray(value))
+            return value.length > 0;
+        if (typeof value === 'object')
+            return Object.keys(value).length > 0;
+        return true;
     }
     /**
-     * Resolves the entity definition lazily and caches it.
-     * @returns The resolved entity definition
+     * Calculates an importance score for a property based on its widget type,
+     * whether it currently has a meaningful value, and metadata like title.
      */
-    async resolveEntityDef() {
-        if (this.entityDef) {
-            return this.entityDef;
-        }
-        if (!this.entityDefPromise) {
-            this.entityDefPromise = this.entityRegistry.resolve(this.module, this.entity);
+    getPropertyImportanceScore(prop, data) {
+        const schema = prop.showAs?.type ?? prop.schema;
+        const importanceMap = {
+            [AXPWidgetsCatalog.text]: 100,
+            [AXPWidgetsCatalog.select]: 95,
+            [AXPWidgetsCatalog.number]: 90,
+            [AXPWidgetsCatalog.dateTime]: 85,
+            [AXPWidgetsCatalog.richText]: 80,
+            [AXPWidgetsCatalog.largeText]: 75,
+            [AXPWidgetsCatalog.contact]: 74,
+            [AXPWidgetsCatalog.toggle]: 65,
+            [AXPWidgetsCatalog.checkbox]: 60,
+            [AXPWidgetsCatalog.color]: 40,
+        };
+        let score = importanceMap[schema] ?? 50;
+        // Prefer fields that actually have a value for the current entity
+        const valuePath = prop.path ?? prop.name;
+        if (this.hasMeaningfulValue(get(data, valuePath))) {
+            score += 20;
         }
-        this.entityDef = await this.entityDefPromise;
-        if (!this.entityDef) {
-            throw new Error(`Entity "${this.module}.${this.entity}" could not be resolved`);
+        // Slight preference for human-friendly titled fields
+        const hasTitle = prop.title && prop.title !== prop.name;
+        if (hasTitle) {
+            score += 5;
         }
-        return this.entityDef;
+        return score;
     }
     /**
-     * Gets a single entity by key.
-     * @param key - The entity key
-     * @returns The entity detail or null if not found
+     * Calculates a name-based importance score to prioritize common key fields
+     * like title, description, status, and important dates.
+     * Name priority MUST come before widget-type priority.
      */
-    async byKey(key) {
-        const entityDef = await this.resolveEntityDef();
-        const execute = entityDef.queries?.byKey?.execute;
-        if (typeof execute === 'function') {
-            return await execute(key);
+    getNameImportanceScore(prop) {
+        const rawName = (prop.options?.dataPath ?? prop.name ?? '').toString();
+        const normalized = rawName.toLowerCase();
+        const collapsed = normalized.replace(/[^a-z0-9]/g, '');
+        const priorities = [
+            { keys: ['title', 'name', 'subject', 'code'], score: 120 },
+            { keys: ['description', 'details', 'summary', 'remark', 'remarks'], score: 110 },
+            { keys: ['status', 'state', 'phase', 'stage'], score: 105 },
+            { keys: ['priority', 'severity', 'rank'], score: 100 },
+            { keys: ['expirydate', 'expirationdate', 'expiredate', 'duedate', 'deadline', 'enddate'], score: 98 },
+            { keys: ['startdate', 'createdat', 'createdon', 'updatedat', 'updatedon'], score: 95 },
+            { keys: ['owner', 'assignee', 'assignedto'], score: 92 },
+            { keys: ['email', 'phone', 'mobile', 'contact'], score: 90 },
+            { keys: ['category', 'type', 'label', 'tag', 'note', 'notes'], score: 85 },
+            { keys: ['primary', 'active', 'active', 'enabled', 'archived', 'deleted', 'locked', 'disabled'], score: -2 }, // send to bottom,
+        ];
+        for (const group of priorities) {
+            for (const key of group.keys) {
+                if (collapsed === key || collapsed.endsWith(key)) {
+                    return group.score;
+                }
+            }
         }
-        else if (typeof execute === 'string') {
-            return await this.queryExecutor.fetch(execute, key);
+        // Pattern-based priorities (generic forms like validFrom/validTo, start*/end*)
+        if (collapsed.endsWith('from') || collapsed.endsWith('to')) {
+            return 97;
         }
-        // Fallback to CRUD service
-        return await this.ensureCrudService().getOne(key);
+        if (collapsed.startsWith('start') || collapsed.startsWith('end')) {
+            return 96;
+        }
+        return 0;
+    }
+    buildEntityPropertiesWithWidgets(data, entityDefinition, textFieldValue, valueFieldValue) {
+        // Use properties (not columns) for correct titles and schema; columns may have dataPath that doesn't match
+        return entityDefinition.properties
+            .filter((prop) => {
+            // Exclude technical fields
+            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)
+            const path = this.resolveDataPath(prop, data);
+            const value = get(data, path);
+            if (!this.hasMeaningfulValue(value)) {
+                return false;
+            }
+            const schema = prop.schema?.interface?.type;
+            const importantWidgets = [
+                AXPWidgetsCatalog.text,
+                AXPWidgetsCatalog.largeText,
+                AXPWidgetsCatalog.richText,
+                AXPWidgetsCatalog.lookup,
+                AXPWidgetsCatalog.number,
+                AXPWidgetsCatalog.toggle,
+                AXPWidgetsCatalog.checkbox,
+                AXPWidgetsCatalog.dateTime,
+                AXPWidgetsCatalog.color,
+                AXPWidgetsCatalog.contact,
+            ];
+            return importantWidgets.includes(schema);
+        })
+            .map((prop) => {
+            const path = this.resolveDataPath(prop, data);
+            const schema = prop.schema?.interface?.type;
+            const options = prop.schema?.interface?.options ?? {};
+            return {
+                ...prop,
+                schema,
+                path,
+                options,
+            };
+        })
+            .sort((a, b) => {
+            const nameScoreA = this.getNameImportanceScore(a);
+            const nameScoreB = this.getNameImportanceScore(b);
+            if (nameScoreA !== nameScoreB)
+                return nameScoreB - nameScoreA;
+            const widgetScoreA = this.getPropertyImportanceScore(a, data);
+            const widgetScoreB = this.getPropertyImportanceScore(b, data);
+            if (widgetScoreA !== widgetScoreB)
+                return widgetScoreB - widgetScoreA;
+            const aHasValue = this.hasMeaningfulValue(get(data, a.path));
+            const bHasValue = this.hasMeaningfulValue(get(data, b.path));
+            if (aHasValue !== bHasValue)
+                return aHasValue ? -1 : 1;
+            const aHasTitle = a.title && a.title !== a.name;
+            const bHasTitle = b.title && b.title !== b.name;
+            if (aHasTitle !== bHasTitle)
+                return aHasTitle ? -1 : 1;
+            return a.name.localeCompare(b.name);
+        })
+            .slice(0, 7)
+            .map((prop) => {
+            const widgetNode = {
+                type: prop.schema || AXPWidgetsCatalog.text,
+                path: prop.path,
+                options: { ...prop.options },
+                mode: 'view',
+            };
+            return {
+                name: prop.name,
+                title: prop.title || prop.name,
+                node: widgetNode,
+            };
+        });
     }
     /**
-     * Queries a list of entities.
-     * @param request - The query request (optional)
-     * @returns The paged list result
+     * Resolves the data path for a property. For lookups with expose, returns the expanded path
+     * when data has it (e.g. personTitle). Otherwise returns property name (e.g. personTitleId).
      */
-    async query(request) {
-        const entityDef = await this.resolveEntityDef();
-        const defaultRequest = { skip: 0, take: 10 };
-        const queryRequest = request || defaultRequest;
-        const execute = entityDef.queries?.list?.execute;
-        if (typeof execute === 'function') {
-            return await execute(queryRequest);
-        }
-        else if (typeof execute === 'string') {
-            const result = await this.queryExecutor.fetch(execute, queryRequest);
-            if (!result) {
-                throw new Error(`Query "${execute}" returned null`);
+    resolveDataPath(prop, data) {
+        const iface = prop.schema?.interface;
+        const expose = iface?.options?.['expose'];
+        const textField = iface?.options?.['textField']?.trim();
+        if (expose?.length) {
+            const textTarget = expose.find((e) => e.source !== 'id');
+            if (textTarget) {
+                const expandedPath = textTarget.target.split('.')[0];
+                const expandedValue = get(data, expandedPath);
+                if (expandedValue != null && typeof expandedValue === 'object') {
+                    if (textField) {
+                        if (this.hasMeaningfulValue(get(expandedValue, textField))) {
+                            return expandedPath;
+                        }
+                    }
+                    else {
+                        const leaf = textTarget.target.split('.').pop();
+                        if (leaf && this.hasMeaningfulValue(get(expandedValue, leaf))) {
+                            return expandedPath;
+                        }
+                    }
+                }
             }
-            return result;
         }
-        // Fallback to CRUD service
-        return await this.ensureCrudService().query(queryRequest);
+        return prop.name;
     }
-    /**
-     * Queries category entities linked to this entity (`{module}.{entity}Category`).
-     * Falls back to CRUD category storage (same as {@link AXMEntityCrudServiceImpl.getCategoriesList}).
-     */
-    async getCategoriesList(request = { skip: 0, take: 1000 }) {
-        return await this.ensureCrudService().getCategoriesList(request);
+    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 }, displayTitle: { classPropertyName: "displayTitle", publicName: "displayTitle", 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 }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"lightest-surface dark:dark-surface p-4 w-[min(600px,calc(100vw-2rem))] rounded-lg shadow-lg\"\n>\n  <div class=\"mb-4 border-b pb-2\">\n    <h3 class=\"text-base font-semibold text-on-lightest-surface\">\n      {{ headerTitle() }}\n    </h3>\n    @if (breadcrumb()) {\n      <div class=\"text-xs text-neutral-500 mt-1\">{{ breadcrumb() }}</div>\n    }\n  </div>\n  @if (isLoadingDetails()) {\n    <div class=\"space-y-2 mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n        <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 items-start\">\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-2/3 rounded\"></ax-skeleton>\n          @if (row === 2) {\n            <ax-skeleton [animated]=\"true\" class=\"h-16 w-full rounded\"></ax-skeleton>\n          } @else {\n            <ax-skeleton [animated]=\"true\" class=\"h-4 w-full rounded\"></ax-skeleton>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"flex justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"h-9 w-28 rounded\"></ax-skeleton>\n    </div>\n  } @else if (entityDetails()) {\n    <div class=\"space-y-3 mb-4\">\n      @if (entityDetails()?.entityData) {\n        <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n          <div class=\"space-y-2\">\n            @for (item of entityPropertiesWithWidgets(); track item.name) {\n              <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 gap-y-1 items-start\">\n                <span class=\"text-sm font-medium shrink-0\">{{ item.title | translate | async }}:</span>\n                <div class=\"min-w-0 text-sm\">\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=\"flex gap-2 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", 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: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i3$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.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, AXPWidgetCoreModule, AXTranslationModule, AXSkeletonModule], template: "<div\n  class=\"lightest-surface dark:dark-surface p-4 w-[min(600px,calc(100vw-2rem))] rounded-lg shadow-lg\"\n>\n  <div class=\"mb-4 border-b pb-2\">\n    <h3 class=\"text-base font-semibold text-on-lightest-surface\">\n      {{ headerTitle() }}\n    </h3>\n    @if (breadcrumb()) {\n      <div class=\"text-xs text-neutral-500 mt-1\">{{ breadcrumb() }}</div>\n    }\n  </div>\n  @if (isLoadingDetails()) {\n    <div class=\"space-y-2 mb-4\">\n      @for (row of loadingSkeletonRows; track row) {\n        <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 items-start\">\n          <ax-skeleton [animated]=\"true\" class=\"h-4 w-2/3 rounded\"></ax-skeleton>\n          @if (row === 2) {\n            <ax-skeleton [animated]=\"true\" class=\"h-16 w-full rounded\"></ax-skeleton>\n          } @else {\n            <ax-skeleton [animated]=\"true\" class=\"h-4 w-full rounded\"></ax-skeleton>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"flex justify-end\">\n      <ax-skeleton [animated]=\"true\" class=\"h-9 w-28 rounded\"></ax-skeleton>\n    </div>\n  } @else if (entityDetails()) {\n    <div class=\"space-y-3 mb-4\">\n      @if (entityDetails()?.entityData) {\n        <axp-widgets-container [context]=\"entityDetails()?.entityData\">\n          <div class=\"space-y-2\">\n            @for (item of entityPropertiesWithWidgets(); track item.name) {\n              <div class=\"grid grid-cols-[minmax(7rem,35%)_1fr] gap-x-4 gap-y-1 items-start\">\n                <span class=\"text-sm font-medium shrink-0\">{{ item.title | translate | async }}:</span>\n                <div class=\"min-w-0 text-sm\">\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=\"flex gap-2 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" }]
+        }], ctorParameters: () => [], 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 }] }], displayTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTitle", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], requestClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestClose", required: false }] }] } });
+
+class AXPEntityDetailPopoverService {
+    constructor() {
+        //#region ----   Services & Dependencies   ----
+        this.overlayService = inject(AXOverlayService);
+        this.platform = inject(AXPlatform);
+        this.localeService = inject(AXLocaleService);
+        this.document = inject(DOCUMENT);
+        this.router = inject(Router);
+        //#endregion
+        //#region ----   Private Properties   ----
+        this.overlayRef = null;
+        this.componentRef = null;
+        this.anchorElement = null;
+        this.outsideClickHandler = null;
+        this.keydownHandler = null;
+        this.routerSubscription = null;
     }
+    //#endregion
+    //#region ----   Public Methods   ----
     /**
-     * Creates a new entity.
-     * @param data - The entity data to create
-     * @returns The created entity key
+     * Show entity detail popover anchored to the target element.
      */
-    async create(data) {
-        const entityDef = await this.resolveEntityDef();
-        const execute = entityDef.commands?.create?.execute;
-        if (typeof execute === 'function') {
-            const result = await execute(data);
-            return result?.id || result;
+    async show(target, options) {
+        const anchorElement = this.resolveAnchorElement(target);
+        if (!anchorElement) {
+            return;
+        }
+        this.hide();
+        const panelClasses = ['animate-fadeIn', 'animate-faster', 'axp-entity-detail-popover-overlay'];
+        if (this.platform.isDark()) {
+            panelClasses.push('ax-dark');
+        }
+        const requestClose = () => {
+            this.hide();
+        };
+        try {
+            const ref = await this.overlayService.create(AXPEntityDetailPopoverComponent, {
+                centered: false,
+                width: 'fit-content',
+                actionSheetStyle: true,
+                panelClass: panelClasses,
+                backdrop: {
+                    enabled: false,
+                    background: false,
+                    closeOnClick: false,
+                },
+                anchorOptions: {
+                    anchor: anchorElement,
+                    placement: this.resolveOverlayPlacement(anchorElement),
+                    offsetX: this.resolveOverlayOffsetX(anchorElement),
+                    offsetY: 8,
+                    autoFlip: true,
+                },
+                inputs: {
+                    entity: options.entity,
+                    entityId: options.id,
+                    textField: options.textField || 'title',
+                    valueField: options.valueField || 'id',
+                    displayTitle: options.displayTitle ?? '',
+                    breadcrumb: options.breadcrumb ?? null,
+                    item: options.item,
+                    requestClose,
+                },
+                onDispose: () => {
+                    this.handleOverlayDisposed();
+                },
+            });
+            this.overlayRef = ref;
+            this.componentRef = ref.instance;
+            this.anchorElement = anchorElement;
+            setTimeout(() => {
+                ref.updatePosition();
+                this.bindDismissHandlers(ref.overlayElement, anchorElement);
+            }, 0);
+            await this.componentRef.instance.loadDetails();
         }
-        else if (typeof execute === 'string') {
-            const result = await this.commandService.execute(execute, data);
-            if (!result?.success) {
-                throw new Error(commandMessageTextForError(result?.message?.text) || 'Failed to create entity');
-            }
-            return result.data?.id || result.data;
+        catch (error) {
+            console.error('[EntityDetailPopover] Failed to open overlay:', error);
+            this.handleOverlayDisposed();
         }
-        // Fallback to CRUD service
-        return await this.ensureCrudService().insertOne(data);
     }
-    /**
-     * Updates an existing entity.
-     * @param id - The entity key
-     * @param data - The entity data to update
-     * @returns The updated entity
-     */
-    async update(id, data) {
-        const entityDef = await this.resolveEntityDef();
-        const execute = entityDef.commands?.update?.execute;
-        const updateData = { id, ...data };
-        if (typeof execute === 'function') {
-            return await execute(updateData);
-        }
-        else if (typeof execute === 'string') {
-            const result = await this.commandService.execute(execute, updateData);
-            if (!result?.success) {
-                throw new Error(commandMessageTextForError(result?.message?.text) || 'Failed to update entity');
-            }
-            return result.data;
+    /** Hide the active popover */
+    hide() {
+        this.removeDismissHandlers();
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
         }
-        // Fallback to CRUD service
-        return await this.ensureCrudService().updateOne(id, data);
     }
-    /**
-     * Deletes an entity.
-     * @param id - The entity key
-     */
-    async delete(id) {
-        const entityDef = await this.resolveEntityDef();
-        const execute = entityDef.commands?.delete?.execute;
-        if (typeof execute === 'function') {
-            await execute(id);
-            return;
+    /** Whether a popover is currently active */
+    get isActive() {
+        return this.overlayRef !== null;
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    resolveAnchorElement(target) {
+        if (target instanceof ElementRef) {
+            return target.nativeElement;
         }
-        else if (typeof execute === 'string') {
-            const result = await this.commandService.execute(execute, id);
-            if (!result?.success) {
-                throw new Error(commandMessageTextForError(result?.message?.text) || 'Failed to delete entity');
-            }
-            return;
+        if (target instanceof HTMLElement) {
+            return target;
         }
-        // Fallback to CRUD service
-        return await this.ensureCrudService().deleteOne(id);
+        const hostCandidate = target;
+        if (typeof hostCandidate.getHostElement === 'function') {
+            return hostCandidate.getHostElement();
+        }
+        return null;
     }
-}
-//#endregion
-//#region ----   EntityBuilder   ----
-/**
- * Builder class for entity operations.
- * Provides methods to create paths and access entity data.
- */
-class EntityBuilder {
-    constructor(module, entity, sessionService, entityRegistry, queryExecutor, commandService, injector) {
-        this.sessionService = sessionService;
-        this.entityRegistry = entityRegistry;
-        this.queryExecutor = queryExecutor;
-        this.commandService = commandService;
-        this.injector = injector;
-        this.module = module;
-        this.entity = entity;
+    /** Mirror popover placement for RTL so the panel aligns with the anchor's inline-start edge. */
+    resolveOverlayPlacement(anchor) {
+        return this.isRtlContext(anchor) ? 'bottom-end' : 'bottom-start';
     }
-    /**
-     * Creates a path for the entity.
-     * @param path - The path segment (defaults to 'list')
-     * @returns The full path string
-     */
-    createPath(path = 'list') {
-        return `/${this.sessionService.application?.name}/m/${this.module}/e/${this.entity}/${path}`;
+    resolveOverlayOffsetX(anchor) {
+        return this.isRtlContext(anchor) ? -8 : 8;
     }
-    /**
-     * Gets the data accessor for the entity with generic type support.
-     * Entity definition is resolved lazily on first method call.
-     * @returns An EntityDataAccessor instance
-     */
-    data() {
-        return new EntityDataAccessor(this.module, this.entity, this.entityRegistry, this.queryExecutor, this.commandService, this.injector);
+    isRtlContext(anchor) {
+        if (this.localeService.activeProfile()?.i18nMeta?.rtl === true) {
+            return true;
+        }
+        const dir = getComputedStyle(anchor).direction || this.document.documentElement.getAttribute('dir');
+        return dir === 'rtl';
     }
-}
-//#endregion
-class AXPEntityService {
-    constructor() {
-        this.sessionService = inject(AXPSessionService);
-        this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
-        this.queryExecutor = inject(AXPQueryExecutor);
-        this.commandService = inject(AXPCommandService);
-        this.injector = inject(Injector);
+    bindDismissHandlers(overlayElement, anchor) {
+        this.removeDismissHandlers();
+        this.keydownHandler = (event) => {
+            if (event.key === 'Escape') {
+                this.hide();
+            }
+        };
+        this.document.addEventListener('keydown', this.keydownHandler);
+        this.outsideClickHandler = (event) => {
+            const target = event.target;
+            if (!target || !overlayElement) {
+                return;
+            }
+            if (this.isInsideInteractiveSurface(target, overlayElement, anchor)) {
+                return;
+            }
+            this.hide();
+        };
+        this.document.addEventListener('mousedown', this.outsideClickHandler);
+        this.routerSubscription = this.router.events
+            .pipe(filter((event) => event instanceof NavigationStart))
+            .subscribe(() => {
+            this.hide();
+        });
     }
-    /**
-     * @deprecated Use `withEntity(module, entity).createPath(path)` instead.
-     * This method will be removed in a future version.
-     */
-    createPath(module, entity, path = 'list') {
-        return `/${this.sessionService.application?.name}/m/${module}/e/${entity}/${path}`;
+    /** Ignore clicks on the anchor, overlay panel, or nested dropdown menus. */
+    isInsideInteractiveSurface(target, overlayElement, anchor) {
+        if (anchor.contains(target) || overlayElement.contains(target)) {
+            return true;
+        }
+        return Boolean(target.closest('ax-dropdown-panel, ax-button-item-list, ax-button-item, ax-dropdown-button, .ax-dropdown-panel'));
     }
-    withEntity(moduleOrEntityKey, entity) {
-        let module;
-        let entityName;
-        if (entity !== undefined) {
-            // Two parameters: module and entity
-            module = moduleOrEntityKey;
-            entityName = entity;
+    removeDismissHandlers() {
+        if (this.keydownHandler) {
+            this.document.removeEventListener('keydown', this.keydownHandler);
+            this.keydownHandler = null;
         }
-        else {
-            // Single parameter: "module.entity" format
-            const dotIndex = moduleOrEntityKey.indexOf('.');
-            if (dotIndex === -1) {
-                throw new Error(`Invalid entity key format: "${moduleOrEntityKey}". Expected format: "module.entity"`);
-            }
-            module = moduleOrEntityKey.substring(0, dotIndex);
-            entityName = moduleOrEntityKey.substring(dotIndex + 1);
+        if (this.outsideClickHandler) {
+            this.document.removeEventListener('mousedown', this.outsideClickHandler);
+            this.outsideClickHandler = null;
+        }
+        if (this.routerSubscription) {
+            this.routerSubscription.unsubscribe();
+            this.routerSubscription = null;
         }
-        return new EntityBuilder(module, entityName, this.sessionService, this.entityRegistry, this.queryExecutor, this.commandService, this.injector);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityService, providedIn: 'root' }); }
+    handleOverlayDisposed() {
+        this.removeDismissHandlers();
+        this.overlayRef = null;
+        this.componentRef = null;
+        this.anchorElement = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPEntityDetailPopoverService, decorators: [{
             type: Injectable,
-            args: [{ providedIn: 'root' }]
+            args: [{
+                    providedIn: 'root',
+                }]
         }] });
 
 class AXPEntityPreloadFiltersContainerComponent extends AXPPageLayoutBaseComponent {
@@ -8444,12 +8641,15 @@ class AXPEntityMasterListViewModel {
                 return null;
             },
             load: async (e) => {
+                const listRequest = this.entityDef.parentKey != null
+                    ? applyHierarchicalRootListFilter(e, this.entityDef.parentKey)
+                    : e;
                 const execute = this.entityDef.queries?.list?.execute;
                 if (typeof execute === 'function') {
-                    return await execute(e);
+                    return await execute(listRequest);
                 }
                 else if (typeof execute === 'string') {
-                    return await this.queryExecutor.fetch(execute, e);
+                    return await this.queryExecutor.fetch(execute, listRequest);
                 }
                 return null;
             },
@@ -15510,12 +15710,18 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
             if (!specs?.length) {
                 return;
             }
+            // Track both parent context and widget path — path is often empty on the first run.
             this.contextService.data();
-            if (!this.fullPath()) {
+            const path = this.fullPath();
+            if (!path) {
                 return;
             }
-            untracked(() => void this.applyRelatedFiltersFromContextAndDatasource(specs));
+            untracked(() => {
+                void this.syncRelatedFiltersFromContextAndReload(specs);
+            });
         }, ...(ngDevMode ? [{ debugName: "#relatedFilterSyncEffect" }] : /* istanbul ignore next */ []));
+        this.#relatedFilterReloadInProgress = false;
+        this.#relatedFilterReloadQueued = false;
         /** Patches data-list `refresh` so reload keeps parent-scoped toolbar filters on the data source. */
         this.#patchDataListRefreshEffect = effect(() => {
             const inst = this.listWidget()?.instance;
@@ -15526,15 +15732,29 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
             const originalRefresh = inst.refresh.bind(inst);
             inst.refresh = () => {
                 void (async () => {
-                    const o = this.options();
-                    const specs = o['relatedFilterConditionSpecs'];
-                    if (o['syncRelatedListFiltersFromDialogContext'] && specs?.length) {
-                        await this.applyRelatedFiltersFromContextAndDatasource(specs);
+                    if (this.#relatedFilterReloadInProgress) {
+                        // Filters are being (re)applied by the in-progress sync — only re-fetch.
+                        originalRefresh();
+                        return;
                     }
-                    else {
-                        await this.reapplyScopedFiltersToDataSource();
+                    this.#relatedFilterReloadInProgress = true;
+                    try {
+                        do {
+                            this.#relatedFilterReloadQueued = false;
+                            const o = this.options();
+                            const specs = o['relatedFilterConditionSpecs'];
+                            if (o['syncRelatedListFiltersFromDialogContext'] && specs?.length) {
+                                await this.applyRelatedFiltersFromContextAndDatasource(specs);
+                            }
+                            else {
+                                await this.reapplyScopedFiltersToDataSource();
+                            }
+                            originalRefresh();
+                        } while (this.#relatedFilterReloadQueued);
+                    }
+                    finally {
+                        this.#relatedFilterReloadInProgress = false;
                     }
-                    originalRefresh();
                 })();
             };
         }, ...(ngDevMode ? [{ debugName: "#patchDataListRefreshEffect" }] : /* istanbul ignore next */ []));
@@ -15579,14 +15799,19 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
     async execute(commandName, _data) {
         const action = this.findToolbarAction(commandName);
         const command = commandName.split('&')[0];
-        const commandData = action?.scope == AXPEntityCommandScope.Selected
+        const selectedRows = action?.scope == AXPEntityCommandScope.Selected
             ? this.selectedItems()
-            : action?.options?.['process']?.data || null;
-        let options = await this.evaluateToolbarExpressions(action?.options, commandData);
+            : null;
+        // Evaluate first (same as page-list) so process.data expressions resolve against dialog context
+        // — critical for create-wizard related steps where actions are kept raw until click time.
+        let options = await this.evaluateToolbarExpressions(action?.options, selectedRows);
         const listOpts = this.options();
         const foreignKeyFieldName = listOpts['foreignKeyField'];
         const createExcludes = listOpts['nestedCreateHiddenProperties'] ?? [];
-        if (command === 'Entity:Create' && foreignKeyFieldName) {
+        // Inject parent FK for Entity:Create and TypeLevel create-style commands (e.g. Assign).
+        if (foreignKeyFieldName &&
+            (command === 'Entity:Create' ||
+                action?.scope === AXPEntityCommandScope.TypeLevel)) {
             const root = this.contextService.snapshot();
             const idVal = get(root, 'id');
             options = merge({}, options);
@@ -15616,6 +15841,9 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
                 ...new Set([...existing, ...exclusionsFromList]),
             ];
         }
+        const commandData = selectedRows ??
+            options['process']?.data ??
+            null;
         await this.commandService.execute(command, {
             __context__: {
                 entity: this.entitySource(),
@@ -15788,33 +16016,72 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
         listInstance.call('refresh');
         this.isMounted.set(true);
     }
+    /**
+     * Parent-scoped related filters must have a real PK. Empty/undefined values would otherwise
+     * load unscoped rows (other employees' assignments) in create wizards.
+     */
+    isUsableRelatedFilterValue(value) {
+        if (value === undefined || value === null) {
+            return false;
+        }
+        if (typeof value === 'string') {
+            const trimmed = value.trim();
+            return (trimmed.length > 0 &&
+                !trimmed.includes('{{') &&
+                trimmed !== AXP_RELATED_LIST_UNSCOPED_PARENT_FILTER_VALUE);
+        }
+        return true;
+    }
     /**
      * Re-evaluates related-entity list filters from the live dialog form context (e.g. after create saves the main row id).
+     * When the parent id is not ready yet, installs a never-match filter so the grid cannot leak other rows.
      */
     async applyRelatedFiltersFromContext(specs) {
         const root = this.contextService.snapshot();
+        const foreignKeyField = this.options()['foreignKeyField'];
+        const parentId = root['id'] ?? root['_id'];
         const scope = {
             context: {
                 eval: (path) => get(root, path),
             },
         };
-        const filters = await Promise.all(specs.map(async (c) => ({
-            field: c.name,
-            operator: c.operator,
-            value: await this.expressionEvaluator.evaluate(c.value, scope),
-            hidden: true,
-        })));
+        const evaluated = await Promise.all(specs.map(async (c) => {
+            let value = await this.expressionEvaluator.evaluate(c.value, scope);
+            // Prefer live root id for the FK field — expression eval can lag right after create-and-continue.
+            if (foreignKeyField &&
+                c.name === foreignKeyField &&
+                this.isUsableRelatedFilterValue(parentId)) {
+                value = parentId;
+            }
+            return {
+                field: c.name,
+                operator: c.operator,
+                value,
+                hidden: true,
+            };
+        }));
+        const usable = evaluated.every((f) => this.isUsableRelatedFilterValue(f.value));
+        // Never-match sentinel keeps fetchDataMode loads empty until the parent id exists.
+        const filters = usable
+            ? evaluated
+            : evaluated.map((f) => ({
+                ...f,
+                value: this.isUsableRelatedFilterValue(f.value)
+                    ? f.value
+                    : AXP_RELATED_LIST_UNSCOPED_PARENT_FILTER_VALUE,
+            }));
         if (!this.fullPath()) {
-            return;
+            return usable;
         }
         const current = this.getValue();
         if (isEqual(current?.toolbar?.filters, filters)) {
-            return;
+            return usable;
         }
         this.setValue({
             ...current,
             toolbar: { ...(current?.toolbar ?? {}), filters },
         });
+        return usable;
     }
     /** Keeps related-list filters in sync with dialog context for create wizards (main id appears after first-step save). */
     #relatedFilterSyncEffect;
@@ -15854,8 +16121,39 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
      * Writes toolbar filters from specs and pushes them onto the data source so refresh/reload keeps the parent scope.
      */
     async applyRelatedFiltersFromContextAndDatasource(specs) {
-        await this.applyRelatedFiltersFromContext(specs);
+        const usable = await this.applyRelatedFiltersFromContext(specs);
         await this.ensureToolbarFiltersOnDataSource();
+        return usable;
+    }
+    /**
+     * Applies parent-scoped filters then loads/refreshes the grid.
+     * Used when dialog context gains a persisted root id (create-and-continue).
+     */
+    async syncRelatedFiltersFromContextAndReload(specs) {
+        if (this.#relatedFilterReloadInProgress) {
+            this.#relatedFilterReloadQueued = true;
+            return;
+        }
+        this.#relatedFilterReloadInProgress = true;
+        try {
+            do {
+                this.#relatedFilterReloadQueued = false;
+                await this.applyRelatedFiltersFromContextAndDatasource(specs);
+                if (!this.pushToolbarFiltersToDataSource()) {
+                    continue;
+                }
+                if (!this.isMounted()) {
+                    this.triggerInitialLoadIfNeeded();
+                    continue;
+                }
+                const listInstance = this.listWidget()?.instance;
+                // Flag is set so the patched refresh skips re-apply and only re-fetches.
+                listInstance?.call?.('refresh');
+            } while (this.#relatedFilterReloadQueued);
+        }
+        finally {
+            this.#relatedFilterReloadInProgress = false;
+        }
     }
     /**
      * Refreshes the embedded data list (toolbar / commands). In wizard mode, `refresh` is patched to re-apply scoped filters first.
@@ -15863,6 +16161,8 @@ class AXPEntityListWidgetViewComponent extends AXPValueWidgetComponent {
     refreshGridWithParentScopedFilters() {
         this.listWidget()?.instance?.call('refresh');
     }
+    #relatedFilterReloadInProgress;
+    #relatedFilterReloadQueued;
     /** Patches data-list `refresh` so reload keeps parent-scoped toolbar filters on the data source. */
     #patchDataListRefreshEffect;
     #effect;
@@ -25676,7 +25976,9 @@ const AXPCrudModifier = {
             if (!queries?.list) {
                 queries.list = {
                     execute: async (e) => {
-                        return await queryService.fetch(queryKey, e);
+                        const parentKey = ctx.parentKey.get();
+                        const request = parentKey != null ? applyHierarchicalRootListFilter(e, parentKey) : e;
+                        return await queryService.fetch(queryKey, request);
                     },
                     type: AXPEntityQueryType.List,
                 };
@@ -26341,6 +26643,10 @@ class AXPEntityModule {
                     key: 'Entity:Update',
                     command: () => Promise.resolve().then(function () { return updateEntity_command; }).then((c) => c.AXPUpdateEntityCommand),
                 },
+                {
+                    key: 'Entity:UpdateStatus',
+                    command: () => Promise.resolve().then(function () { return updateEntityStatus_command; }).then((c) => c.AXPUpdateEntityStatusCommand),
+                },
                 {
                     key: 'Entity:View',
                     command: () => Promise.resolve().then(function () { return viewEntityDetails_command; }).then((c) => c.AXPViewEntityDetailsCommand),
@@ -26504,6 +26810,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                                 key: 'Entity:Update',
                                 command: () => Promise.resolve().then(function () { return updateEntity_command; }).then((c) => c.AXPUpdateEntityCommand),
                             },
+                            {
+                                key: 'Entity:UpdateStatus',
+                                command: () => Promise.resolve().then(function () { return updateEntityStatus_command; }).then((c) => c.AXPUpdateEntityStatusCommand),
+                            },
                             {
                                 key: 'Entity:View',
                                 command: () => Promise.resolve().then(function () { return viewEntityDetails_command; }).then((c) => c.AXPViewEntityDetailsCommand),
@@ -26780,5 +27090,5 @@ function detectEntityChanges(oldObj, newObj) {
  * Generated bundle index. Do not edit.
  */
 
-export { ATTACHMENTS_PAGE_COMPONENT_KEY, AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCategoryTreeService, AXPCreateEntityCommand, AXPDataSeederService, AXPDeleteEntityCommand, AXPEditFileUploaderCommand, AXPEntitiesListDataSourceDefinition, AXPEntityCategoryTreeSelectorComponent, AXPEntityCategoryWidget, AXPEntityCategoryWidgetColumnComponent, AXPEntityCategoryWidgetEditComponent, AXPEntityCategoryWidgetViewComponent, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorRowActionsService, AXPEntityDataSelectorService, AXPEntityDefinitionProviderWidget, AXPEntityDefinitionProviderWidgetEditComponent, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityFormBuilderService, AXPEntityLifecycleHookKeys, AXPEntityListPersistenceModeDefault, AXPEntityListTableService, AXPEntityListToolbarService, AXPEntityListViewCardFieldViewModel, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListCardSelectActionName, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyEvent, AXPEntityModule, AXPEntityPreloadFiltersContainerComponent, AXPEntityPreloadFiltersViewModel, AXPEntityPreloadFiltersViewModelResolver, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPFileListComponent, AXPFileUploaderLoadFilesQuery, AXPFileUploaderSaveFilesCommand, AXPFileUploaderWidget, AXPFileUploaderWidgetColumnComponent, AXPFileUploaderWidgetEditComponent, AXPFileUploaderWidgetService, AXPFileUploaderWidgetViewComponent, AXPGetEntityDetailsQuery, AXPLayoutOrderingConfigService, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPMultiSourceDefinitionProviderContext, AXPMultiSourceDefinitionProviderService, AXPMultiSourceFederatedSearchService, AXPMultiSourceSelectorComponent, AXPMultiSourceSelectorService, AXPMultiSourceSelectorWidget, AXPMultiSourceSelectorWidgetColumnComponent, AXPMultiSourceSelectorWidgetEditComponent, AXPMultiSourceSelectorWidgetViewComponent, AXPMultiSourceType, AXPOpenEntityDetailsCommand, AXPOpenEntityListCommand, AXPRelatedColumnEnrichmentService, AXPRelatedColumnMetadataResolver, AXPSelectorStructureWidget, AXPSelectorStructureWidgetColumnComponent, AXPSelectorStructureWidgetEditComponent, AXPSelectorStructureWidgetViewComponent, AXPShowFileUploaderPopupCommand, AXPTruncatedBreadcrumbComponent, AXPUpdateEntityCommand, AXPViewEntityDetailsCommand, AXP_APPEARANCE_SECTION_ORDER, AXP_CATEGORY_TREE_ROOT_TITLE_I18N_KEY, AXP_CLASSIFICATION_SECTION_ORDER, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, AXP_MULTI_SOURCE_DEFINITION_PROVIDER, DEFAULT_COLUMN_ORDER, DEFAULT_PAIR_SPAN_RULES, DEFAULT_PROPERTY_ORDER, DEFAULT_SECTION_ORDER, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY, ENTITY_MASTER_LIST_TRACE_NS, EntityBuilder, EntityDataAccessor, GALLERY_PAGE_COMPONENT_KEY, actionExists, applyDataSourcePagingWithoutLoad, attachmentFieldCount, attachmentNeedsHydration, attachmentsPlugin, attachmentsSemanticallyEqual, axpCreateEntityAiToolInputDefaults, axpCreateEntityCommandDefinition, axpDeleteEntityCommandDefinition, axpOpenEntityListCommandDefinition, axpShowFileUploaderPopupCommandDefinition, buildDataSourceTraceSnapshot, canPersistEntityListState, cloneLayoutArrays, columnOrderingMiddleware, columnOrderingMiddlewareProvider, columnWidthMiddleware, columnWidthMiddlewareProvider, committedAttachments, computeEntityAggregates, createColumnOrderingMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, defaultCardLayoutMiddleware, defaultCardLayoutMiddlewareProvider, defaultMultiLanguageMiddleware, defaultMultiLanguageMiddlewareProvider, detectEntityChanges, ensureLayoutPropertyView, ensureLayoutSection, ensureListActions, eventDispatchMiddleware, filterSortEntityRows, findEntityListRowDataInTree, fingerprintAttachmentItem, fingerprintAttachments, fireEntityLifecycleHook, formatLookupItemDisplay, formatLookupItemDisplayAsync, galleryPlugin, getDataSourcePageIndex, getEntityListRowId, getMasterInterfacePropertySortKey, hasFileUploaderTitleOrDescriptionFields, hydrateAttachmentFieldToFileList, isAXPMiddlewareAbortError, isAttachmentFieldPresentOnRow, isAttachmentListEntry, isAttachmentStorageRef, isCategoryEntity, isCategoryFilter, isFileListItem, isFileUploaderEditDialogAuto, isLegacyEntityDataSelectorOptions, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider, mapEntityStorageErrorToCommandResult, mapLegacyEntityDataSelectorOptions, normalizeEntityDataSelectorOptions, normalizeEntityFieldToFileList, normalizeEntityListPersistenceMode, normalizeListPaging, persistedAttachments, provideEntity, resolveAttachmentFieldPath, resolveEntityPluginDetailPageOrder, resolveFileUploaderEditDialog, resolveFileUploaderEntityScope, resolveLookupDisplayField, resolveLookupDisplayTemplate, resolveLookupEntityKey, restoreEntityListExpandedRows, runEntityQuery, searchResultDescriptionMiddleware, searchResultDescriptionMiddlewareProvider, shouldLoadEntityListStateFromStorage, shouldResetEntityListStateOnRouteEntry, traceEntityMasterList };
+export { ATTACHMENTS_PAGE_COMPONENT_KEY, AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCategoryTreeService, AXPCreateEntityCommand, AXPDataSeederService, AXPDeleteEntityCommand, AXPEditFileUploaderCommand, AXPEntitiesListDataSourceDefinition, AXPEntityCategoryTreeSelectorComponent, AXPEntityCategoryWidget, AXPEntityCategoryWidgetColumnComponent, AXPEntityCategoryWidgetEditComponent, AXPEntityCategoryWidgetViewComponent, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorRowActionsService, AXPEntityDataSelectorService, AXPEntityDefinitionProviderWidget, AXPEntityDefinitionProviderWidgetEditComponent, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityEventDispatcherService, AXPEntityFormBuilderService, AXPEntityLifecycleHookKeys, AXPEntityListPersistenceModeDefault, AXPEntityListTableService, AXPEntityListToolbarService, AXPEntityListViewCardFieldViewModel, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListCardSelectActionName, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyEvent, AXPEntityModule, AXPEntityPreloadFiltersContainerComponent, AXPEntityPreloadFiltersViewModel, AXPEntityPreloadFiltersViewModelResolver, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPFileListComponent, AXPFileUploaderLoadFilesQuery, AXPFileUploaderSaveFilesCommand, AXPFileUploaderWidget, AXPFileUploaderWidgetColumnComponent, AXPFileUploaderWidgetEditComponent, AXPFileUploaderWidgetService, AXPFileUploaderWidgetViewComponent, AXPGetEntityDetailsQuery, AXPLayoutOrderingConfigService, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPMultiSourceDefinitionProviderContext, AXPMultiSourceDefinitionProviderService, AXPMultiSourceFederatedSearchService, AXPMultiSourceSelectorComponent, AXPMultiSourceSelectorService, AXPMultiSourceSelectorWidget, AXPMultiSourceSelectorWidgetColumnComponent, AXPMultiSourceSelectorWidgetEditComponent, AXPMultiSourceSelectorWidgetViewComponent, AXPMultiSourceType, AXPOpenEntityDetailsCommand, AXPOpenEntityListCommand, AXPRelatedColumnEnrichmentService, AXPRelatedColumnMetadataResolver, AXPSelectorStructureWidget, AXPSelectorStructureWidgetColumnComponent, AXPSelectorStructureWidgetEditComponent, AXPSelectorStructureWidgetViewComponent, AXPShowFileUploaderPopupCommand, AXPTruncatedBreadcrumbComponent, AXPUpdateEntityCommand, AXPUpdateEntityStatusCommand, AXPViewEntityDetailsCommand, AXP_APPEARANCE_SECTION_ORDER, AXP_CATEGORY_TREE_ROOT_TITLE_I18N_KEY, AXP_CLASSIFICATION_SECTION_ORDER, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, AXP_MULTI_SOURCE_DEFINITION_PROVIDER, DEFAULT_COLUMN_ORDER, DEFAULT_PAIR_SPAN_RULES, DEFAULT_PROPERTY_ORDER, DEFAULT_SECTION_ORDER, ENTITY_LIST_ROUTE_CONTEXT_SESSION_KEY, ENTITY_MASTER_LIST_TRACE_NS, EntityBuilder, EntityDataAccessor, GALLERY_PAGE_COMPONENT_KEY, actionExists, applyDataSourcePagingWithoutLoad, attachmentFieldCount, attachmentNeedsHydration, attachmentsPlugin, attachmentsSemanticallyEqual, axpCreateEntityAiToolInputDefaults, axpCreateEntityCommandDefinition, axpDeleteEntityCommandDefinition, axpOpenEntityListCommandDefinition, axpShowFileUploaderPopupCommandDefinition, axpUpdateEntityStatusCommandDefinition, buildDataSourceTraceSnapshot, canPersistEntityListState, cloneLayoutArrays, columnOrderingMiddleware, columnOrderingMiddlewareProvider, columnWidthMiddleware, columnWidthMiddlewareProvider, committedAttachments, computeEntityAggregates, createColumnOrderingMiddlewareProvider, createLayoutOrderingMiddlewareProvider, createModifierContext, defaultCardLayoutMiddleware, defaultCardLayoutMiddlewareProvider, defaultMultiLanguageMiddleware, defaultMultiLanguageMiddlewareProvider, detectEntityChanges, ensureLayoutPropertyView, ensureLayoutSection, ensureListActions, eventDispatchMiddleware, filterSortEntityRows, findEntityListRowDataInTree, fingerprintAttachmentItem, fingerprintAttachments, fireEntityLifecycleHook, formatLookupItemDisplay, formatLookupItemDisplayAsync, galleryPlugin, getDataSourcePageIndex, getEntityListRowId, getMasterInterfacePropertySortKey, hasFileUploaderTitleOrDescriptionFields, hydrateAttachmentFieldToFileList, isAXPMiddlewareAbortError, isAttachmentFieldPresentOnRow, isAttachmentListEntry, isAttachmentStorageRef, isCategoryEntity, isCategoryFilter, isFileListItem, isFileUploaderEditDialogAuto, isLegacyEntityDataSelectorOptions, layoutOrderingMiddlewareFactory, layoutOrderingMiddlewareProvider, mapEntityStorageErrorToCommandResult, mapLegacyEntityDataSelectorOptions, normalizeEntityDataSelectorOptions, normalizeEntityFieldToFileList, normalizeEntityListPersistenceMode, normalizeListPaging, persistedAttachments, provideEntity, resolveAttachmentFieldPath, resolveEntityPluginDetailPageOrder, resolveFileUploaderEditDialog, resolveFileUploaderEntityScope, resolveLookupDisplayField, resolveLookupDisplayTemplate, resolveLookupEntityKey, restoreEntityListExpandedRows, runEntityQuery, searchResultDescriptionMiddleware, searchResultDescriptionMiddlewareProvider, shouldLoadEntityListStateFromStorage, shouldResetEntityListStateOnRouteEntry, traceEntityMasterList };
 //# sourceMappingURL=acorex-platform-framework-client-layout-entity.mjs.map