@acorex-platform/module-document-management-client 0.0.53 → 0.0.56

package/fesm2022/{acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs → acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs}

@@ -1,12 +1,12 @@
 import { AXPTaskBadgeProvider, resolveFileChooserExtension, AXPFileChooserService, AXPFileViewerService, AXPFileViewerFallbackContentComponent, AXP_FILE_CHOOSER_PROVIDERS, AXP_FILE_UPLOADER_PROVIDERS, isUnrestrictedFileAccept, fileNameMatchesAccept, AXPStateMessageComponent, AXPLayoutSideDetailPanelComponent, AXPLayoutSideDetailPanelSectionDirective, AXP_PAGE_COMPONENT_PROVIDER, AXP_TASK_BADGE_PROVIDERS, provideFileViewer, AXPThemeLayoutBlockComponent, AXPQueryFiltersComponent } from '@acorex-platform/framework-client/layout/components';
 import { AXPEntityService, resolveEntityPluginDetailPageOrder, ensureListActions, AXPEntityDefinitionRegistryService, AXPMiddlewareAbortError, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_STORAGE_MIDDLEWARE } from '@acorex-platform/framework-client/layout/entity';
 import { AXPEntityBroadcastService, AXPHookService, AXPDataGenerator as AXPDataGenerator$1, AXPDeviceService, AXPExpressionEvaluatorService, AXPDebugService, AXP_FEATURE_DEFINITION_PROVIDER, AXP_HOOK_PROVIDER } from '@acorex-platform/framework-client/core';
-import { AXPSearchCommandProvider, createEntitySearchCommand, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, extractRequestErrorInfo, platformErrorI18nKey, AXPFileStorageService, resolveExplorerFileDisplayName, tryOpenFileByCatalogType, createFileTypeOpenContext, FILE_VIEWER_PREVIEW_EXTENSIONS, isFileNameShownInViewer, normalizeDocumentToFileListItem, UploadFromComputerActionProvider, AXP_FILE_ACTION_PROVIDER, hasFileTypeOpenHandler, resolveFileTypeDisplay, AXPSettingsService, AXPLockService, AXP_PROTECTED_ROUTE_GUARDS, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
+import { AXPSearchCommandProvider, createEntitySearchCommand, AXPFileTypeProviderService, AXP_FILE_TYPE_INFO_PROVIDER, AXPFileStorageService, extractRequestErrorInfo, platformErrorI18nKey, resolveExplorerFileDisplayName, tryOpenFileByCatalogType, createFileTypeOpenContext, FILE_VIEWER_PREVIEW_EXTENSIONS, isFileNameShownInViewer, normalizeDocumentToFileListItem, UploadFromComputerActionProvider, AXP_FILE_ACTION_PROVIDER, hasFileTypeOpenHandler, resolveFileTypeDisplay, AXPSettingsService, AXPLockService, AXP_PROTECTED_ROUTE_GUARDS, AXP_STATUS_PROVIDERS, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SETTING_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
 import * as i0 from '@angular/core';
 import { Injectable, inject, DestroyRef, signal, ChangeDetectionStrategy, Component, NgModule, viewChild, computed, Injector, PLATFORM_ID, input, effect, ViewEncapsulation, untracked, HostListener } from '@angular/core';
 import { AXPDocumentManagementFeatureKeys, AXPContentDocumentsPermissionKeys, RootConfig, AXPDocumentManagementMenuKeys, AXPDocumentManagementSettings, AXMDocumentManagementCommandKeys } from '@acorex-platform/module-document-management-client/contracts';
-import { AXPCommonPermissionGroupKeys, AXPCommonMenuKeys, AXP_VERSIONING_ERROR_I18N, AXPVersioningField, AXPVersioningStatus, AXPCommonCommandKeys } from '@acorex-platform/module-common-client/contracts';
+import { AXPCommonPermissionGroupKeys, AXPCommonMenuKeys, AXP_VERSIONING_ERROR_I18N, AXPVersioningField, AXPVersioningStatus, AXPCommonCommandKeys, isMaintainVersioningPermissionGranted } from '@acorex-platform/module-common-client/contracts';
 import { firstValueFrom, combineLatest } from 'rxjs';
 import { AXPCommandEventsService, AXPCommandService, AXPQueryService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
 import { AXPWidgetsList, AXPSystemStatusType, AXPStatusProvider, systemStatusToDefinition, AXPPlatformScope, AXPDataGenerator, AXP_QUERY_QUICK_SEARCH_FIELD, runtimeCommandPayloadData, runtimeQueryPayloadData, runtimeQueryCollectionData, AXPRegionalSetting, getSmart, AXP_PLATFORM_ERROR_CODES, resolvePlatformScopeKey, collectQueryFilterLeaves, isQueryFilterAllNode, resolvePlatformScopeName } from '@acorex-platform/framework-shared/core';
@@ -39,9 +39,10 @@ import { CommonModule, AsyncPipe } from '@angular/common';
 import { RouterModule, ActivatedRoute, ROUTES } from '@angular/router';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPopupService } from '@acorex/components/popup';
-import { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
+import { AXPLayoutBuilderService, resolveLayoutBuilderDialogResult } from '@acorex-platform/framework-client/layout/builder';
 import { unset, castArray, isArray, defaultTo, isEmpty as isEmpty$1, set, get as get$1, isString as isString$1 } from 'lodash';
 import { toDocumentExpirationDate, AXM_DOCUMENT_EXPIRATION_NEAR_DAYS, getDocumentExpirationRemainingDays, extractDocumentTypeFileKindNames, AXMDocumentManagementQueryKeys } from '@acorex-platform/module-document-management-client/contracts';
+import { mergeMetaDataLists, filterMetaDataListByAppliesTo, hasMetaDataListFields } from '@acorex-platform/module-data-management-client/contracts';
 import { AXToastService } from '@acorex/components/toast';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutBase, AXPPageLayoutComponent } from '@acorex-platform/framework-client/layout/views';
 import * as i1$4 from '@acorex/components/badge';
@@ -926,7 +927,7 @@ var fileTypeExtensionView_component = /*#__PURE__*/Object.freeze({
 
 const AXmFileTypeExtensionWidget = {
     name: 'file-type-extension',
-    title: 'File Type Extension',
+    title: '@document-management:widgets.file-type-extension.title',
     description: 'Uploads and manages files',
     icon: 'fa-light fa-files',
     categories: AXP_WIDGETS_ADVANCE_CATEGORY,
@@ -987,8 +988,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 
 const AXmDocumentFileTypeFilterWidget = {
     name: 'document-file-type-filter',
-    title: 'File Type Filter',
+    title: '@document-management:widgets.file-type-filter.title',
     type: 'filter',
+    defaultFilterOperator: 'equal',
     icon: 'fa-light fa-file',
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
@@ -1239,6 +1241,28 @@ function resolveFolderExpirationCountBadges(source) {
 }
 //#endregion
 
+/** Storage id from a document `fileInfo` object or `file:` reference. */
+function resolveDocumentStorageFileId(fileInfo) {
+    if (!fileInfo) {
+        return undefined;
+    }
+    if (typeof fileInfo === 'string') {
+        return fileInfo.startsWith('file:') ? fileInfo.slice(5) : fileInfo;
+    }
+    const item = fileInfo;
+    if (item.source?.kind === 'fileId' && typeof item.source.value === 'string') {
+        const storedId = item.source.value.replace(/^file:/, '').trim();
+        return storedId || undefined;
+    }
+    // Chooser items use a client UUID on `id` with `source.kind === 'blob'` — that is not storage.
+    if (item.source?.kind === 'blob') {
+        return undefined;
+    }
+    if (typeof item.id === 'string' && item.id.trim() !== '') {
+        return item.id.replace(/^file:/, '');
+    }
+    return undefined;
+}
 /**
  * Resolves demo / seeded asset URLs to the current app origin.
  * Handles relative `/assets/...` paths and legacy absolute URLs baked in at seed time (e.g. localhost:4200).
@@ -1325,6 +1349,53 @@ function folderColorToRgbChannels(color) {
 }
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Schema helpers -----
+function toEditableMetaDataList(list) {
+    return {
+        groups: (list?.groups ?? []).map((group) => ({
+            ...group,
+            fields: (group.fields ?? []).map((field) => ({
+                ...field,
+                mode: 'edit',
+            })),
+        })),
+    };
+}
+function toViewMetaDataList(list) {
+    return {
+        groups: (list?.groups ?? []).map((group) => ({
+            ...group,
+            fields: (group.fields ?? []).map((field) => ({
+                ...field,
+                mode: 'view',
+            })),
+        })),
+    };
+}
+function collectFolderScopedMetaDataList(documentTypes) {
+    return mergeMetaDataLists(documentTypes.map((documentType) => filterMetaDataListByAppliesTo(documentType?.metaDataList, 'folder')));
+}
+function collectDocumentScopedMetaDataList(list) {
+    return filterMetaDataListByAppliesTo(list, 'document');
+}
+function documentTypeHasFolderMetadata(documentTypes) {
+    return hasMetaDataListFields(collectFolderScopedMetaDataList(documentTypes));
+}
+function pickMetaDataFormValues(form, schema) {
+    const names = new Set((schema?.groups ?? []).flatMap((group) => (group.fields ?? []).map((field) => String(field?.name ?? '').trim()).filter(Boolean)));
+    const source = form ?? {};
+    const picked = {};
+    for (const name of names) {
+        if (name in source) {
+            picked[name] = source[name];
+        }
+    }
+    return picked;
+}
+//#endregion
+
 //#region ---- Document type accept helpers ----
 /**
  * Extracts logical file type names from a document type's `type` field.
@@ -1362,6 +1433,52 @@ function buildAcceptFromDocumentType(documentType) {
 }
 //#endregion
 
+//#region ----- Document user-field helpers -----
+function attachedFileDefaultTitle(file) {
+    const title = typeof file?.title === 'string' ? file.title.trim() : '';
+    if (title) {
+        return title;
+    }
+    const name = typeof file?.name === 'string' ? file.name.trim() : '';
+    if (!name) {
+        return '';
+    }
+    const lastDot = name.lastIndexOf('.');
+    return lastDot > 0 ? name.slice(0, lastDot) : name;
+}
+function asOptionalTrimmedString(value) {
+    if (typeof value !== 'string') {
+        return undefined;
+    }
+    const trimmed = value.trim();
+    return trimmed || undefined;
+}
+/** Builds a stored file name from a document title, keeping the original extension. */
+function fileNameFromTitle(title, originalFileName) {
+    const trimmed = title.trim();
+    if (!trimmed) {
+        return originalFileName?.trim() || '';
+    }
+    const lastDot = originalFileName?.lastIndexOf('.') ?? -1;
+    const extension = originalFileName && lastDot > 0 ? originalFileName.slice(lastDot) : '';
+    if (!extension) {
+        return trimmed;
+    }
+    if (trimmed.toLowerCase().endsWith(extension.toLowerCase())) {
+        return trimmed;
+    }
+    return `${trimmed}${extension}`;
+}
+/** Copies document title onto the related file name, keeping the original extension. */
+function fileInfoWithTitle(file, title) {
+    const name = fileNameFromTitle(title, file?.name);
+    if (!file) {
+        return { name };
+    }
+    return { name, file: { ...file, name, title } };
+}
+//#endregion
+
 //#region ----- Helpers -----
 function isTruthyFlag(value) {
     return value === true || value === 'true' || value === 1 || value === '1';
@@ -1395,6 +1512,7 @@ class AXMDocumentDialogService {
         this.toastService = inject(AXToastService);
         this.entityService = inject(AXPEntityService);
         this.fileService = inject(AXFileService);
+        this.fileStorageService = inject(AXPFileStorageService);
         this.documentData = this.entityService
             .withEntity(RootConfig.module.name, RootConfig.entities.document.name)
             .data();
@@ -1406,34 +1524,34 @@ class AXMDocumentDialogService {
     //#endregion
     //#region ---- Public API ----
     async openAttachmentDialog(title, data) {
-        const { documentType, files, parentId, metaData, documentId, versionDraftId, version, showMeta = true } = data ?? {};
+        const { documentType, files, parentId, metaData, documentId, versionDraftId, showMeta = true, existingTitle, existingDescription, existingExpirationDate, replaceFile = false, skipMetadataAiFill = false, } = data ?? {};
         const { accept } = await buildFileChooserOptionsFromDocumentType(documentType, this.fileService);
         const fileList = Array.isArray(files) ? files : [];
         const enableExpiration = !!documentType?.enableExpiration;
-        const editableMetaDataList = documentType?.metaDataList && documentType.metaDataList.groups
-            ? {
-                ...documentType.metaDataList,
-                groups: (documentType.metaDataList.groups ?? []).map((group) => ({
-                    ...group,
-                    fields: (group.fields ?? []).map((field) => ({
-                        ...field,
-                        mode: 'edit',
-                    })),
-                })),
-            }
-            : { groups: [] };
+        const editableMetaDataList = toEditableMetaDataList(collectDocumentScopedMetaDataList(documentType?.metaDataList));
         const hasMetaFields = (editableMetaDataList.groups ?? []).some((g) => (g.fields?.length ?? 0) > 0);
-        // Build initial context for all files
         const initialContext = {};
-        if (showMeta) {
-            initialContext['file-0'] = {
-                metaDataForm: metaData,
-                ...(enableExpiration && metaData && metaData.expirationDate != null
-                    ? { expirationDate: metaData.expirationDate }
+        fileList.forEach((item, index) => {
+            const fileMeta = showMeta ? metaData : undefined;
+            initialContext[`file-${index}`] = {
+                title: asOptionalTrimmedString(existingTitle) ?? attachedFileDefaultTitle(item),
+                description: asOptionalTrimmedString(existingDescription) ?? '',
+                ...(showMeta ? { metaDataForm: fileMeta } : {}),
+                ...(enableExpiration
+                    ? {
+                        expirationDate: existingExpirationDate ??
+                            fileMeta?.expirationDate,
+                    }
                     : {}),
             };
+        });
+        if (fileList.length === 0) {
+            initialContext['file-0'] = {
+                title: asOptionalTrimmedString(existingTitle) ?? '',
+                description: asOptionalTrimmedString(existingDescription) ?? '',
+                ...(showMeta ? { metaDataForm: metaData } : {}),
+            };
         }
-        // Initialize files array context with default values
         initialContext['files'] = fileList.map((item) => ({ file: [item] }));
         const result = await this.layoutBuilder
             .create()
@@ -1447,28 +1565,33 @@ class AXMDocumentDialogService {
                     hasMetaFields,
                     parentId: parentId ?? '',
                     documentType,
+                    skipMetadataAiFill: skipMetadataAiFill === true,
                 },
             })
                 .setContext(initialContext)
                 .content((flex) => {
                 flex.setDirection('column');
-                // Add fields for each file dynamically
                 for (let index = 0; index < fileList.length; index++) {
                     const item = fileList[index];
-                    if (showMeta) {
-                        if (hasMetaFields) {
-                            // Bind meta-data-form-editor to file-${index}.metaDataForm (no form-field wrapper).
-                            flex.customWidget('meta-data-form-editor', (widget) => {
-                                widget.path(`file-${index}.metaDataForm`);
-                                widget.options(editableMetaDataList);
-                            });
-                        }
-                        if (enableExpiration) {
-                            flex.formField('@document-management:terms.document.expire-date', (field) => {
-                                field.path(`file-${index}.expirationDate`);
-                                field.dateTimeBox({});
-                            });
-                        }
+                    flex.formField('@general:terms.common.title', (field) => {
+                        field.path(`file-${index}.title`);
+                        field.textBox({ validations: [{ rule: 'required' }] });
+                    });
+                    flex.formField('@general:terms.common.description', (field) => {
+                        field.path(`file-${index}.description`);
+                        field.textBox({});
+                    });
+                    if (enableExpiration) {
+                        flex.formField('@document-management:terms.document.expire-date', (field) => {
+                            field.path(`file-${index}.expirationDate`);
+                            field.dateTimeBox({});
+                        });
+                    }
+                    if (showMeta && hasMetaFields) {
+                        flex.customWidget('meta-data-form-editor', (widget) => {
+                            widget.path(`file-${index}.metaDataForm`);
+                            widget.options(editableMetaDataList);
+                        });
                     }
                     flex.formField('@document-management:terms.common.file', (field) => {
                         field.path(`files[${index}].file`);
@@ -1492,36 +1615,43 @@ class AXMDocumentDialogService {
                     return { data: { cancel: true } };
                 }
                 const ctx = dialogRef.context();
-                const metaDataFormWithExpiration = (context, fileIndex) => {
-                    const meta = context?.[`file-${fileIndex}`]?.['metaDataForm'];
-                    const exp = context?.[`file-${fileIndex}`]?.['expirationDate'];
-                    return { ...(meta || {}), ...(exp != null ? { expirationDate: exp } : {}) };
-                };
                 if (documentId) {
                     dialogRef.setLoading(true);
                     try {
-                        const meta = showMeta ? metaDataFormWithExpiration(ctx, 0) : undefined;
-                        if (versionDraftId) {
-                            const draftPayload = {};
-                            if (meta) {
-                                draftPayload.metaDataForm = meta;
-                                if (meta.expirationDate != null) {
-                                    draftPayload.expirationDate = meta.expirationDate;
+                        const userFields = this.readUserDocumentFields(ctx, 0, {
+                            showMeta,
+                            enableExpiration,
+                        });
+                        const sourceFile = fileList[0];
+                        const synced = fileInfoWithTitle(sourceFile, userFields.title);
+                        await this.syncStoredFileName(sourceFile, synced.name);
+                        const identity = {
+                            title: userFields.title,
+                            name: synced.name,
+                            ...(!replaceFile && synced.file ? { fileInfo: synced.file } : {}),
+                        };
+                        const content = {
+                            description: userFields.description,
+                            ...(userFields.metaDataForm ? { metaDataForm: userFields.metaDataForm } : {}),
+                            ...(enableExpiration
+                                ? {
+                                    expirationDate: (userFields.expirationDate ??
+                                        null),
                                 }
-                            }
-                            await this.documentVersionData.update(String(versionDraftId), draftPayload);
+                                : {}),
+                            ...(replaceFile && synced.file
+                                ? { fileInfo: synced.file, name: synced.name }
+                                : {}),
+                        };
+                        if (versionDraftId) {
+                            await this.documentVersionData.update(String(versionDraftId), {
+                                ...identity,
+                                ...content,
+                            });
+                            await this.documentData.update(documentId, identity);
                         }
                         else {
-                            const hostPayload = {
-                                version: (version ?? 0) + 1,
-                            };
-                            if (meta) {
-                                hostPayload.metaDataForm = meta;
-                                if (meta.expirationDate != null) {
-                                    hostPayload.expirationDate = meta.expirationDate;
-                                }
-                            }
-                            await this.documentData.update(documentId, hostPayload);
+                            await this.documentData.update(documentId, { ...identity, ...content });
                         }
                         return {
                             data: {
@@ -1532,7 +1662,6 @@ class AXMDocumentDialogService {
                     }
                     catch (error) {
                         await this.notifyAttachFailed(error);
-                        // Dialog renderer keeps the dialog open when onAction throws.
                         throw error;
                     }
                     finally {
@@ -1543,20 +1672,26 @@ class AXMDocumentDialogService {
                 try {
                     const promises = (ctx?.['files']).map(async (_item, index) => {
                         const f = fileList[index];
-                        const meta = metaDataFormWithExpiration(ctx, index);
+                        const userFields = this.readUserDocumentFields(ctx, index, {
+                            showMeta,
+                            enableExpiration,
+                        });
+                        const synced = fileInfoWithTitle(f, userFields.title);
+                        await this.syncStoredFileName(f, synced.name);
                         const newId = await this.documentData.create({
-                            fileInfo: f,
-                            name: f?.name,
-                            title: f?.title ?? f?.name,
-                            description: f?.description,
+                            fileInfo: synced.file ?? f,
+                            name: synced.name,
+                            title: userFields.title,
+                            description: userFields.description,
                             documentType,
                             parentId: folderParentId(parentId) ?? parentId,
                             ...initialDocumentLifecycleStatus(documentType),
                             versioningEnabled: isTruthyFlag(documentType?.enableVersioning),
                             distributionEnabled: isTruthyFlag(documentType?.enableDistributionCapability),
-                            version: (version ?? 0) + 1,
-                            metaDataForm: meta,
-                            ...(meta?.expirationDate != null ? { expirationDate: meta.expirationDate } : {}),
+                            ...(userFields.metaDataForm ? { metaDataForm: userFields.metaDataForm } : {}),
+                            ...(enableExpiration && userFields.expirationDate != null
+                                ? { expirationDate: userFields.expirationDate }
+                                : {}),
                         });
                         return newId;
                     });
@@ -1570,7 +1705,6 @@ class AXMDocumentDialogService {
                 }
                 catch (error) {
                     await this.notifyAttachFailed(error);
-                    // Dialog renderer keeps the dialog open when onAction throws.
                     throw error;
                 }
                 finally {
@@ -1588,23 +1722,27 @@ class AXMDocumentDialogService {
         const enableExpiration = !!documentType?.enableExpiration;
         /** Get metaDataForm from a file item (widget may store under meta or metaDataForm). */
         const getFileMeta = (item) => item?.metaDataForm ?? (item?.meta && typeof item.meta === 'object' && !Array.isArray(item.meta) ? item.meta : undefined);
-        const hasMetaFields = (documentType?.metaDataList?.groups ?? []).some((g) => (g.fields?.length ?? 0) > 0);
-        // Build initial context for all files: each file-${index} gets that file's metaDataForm so form shows existing meta
+        const editableMetaDataList = toEditableMetaDataList(collectDocumentScopedMetaDataList(documentType?.metaDataList));
+        const hasMetaFields = (editableMetaDataList.groups ?? []).some((g) => (g.fields?.length ?? 0) > 0);
         const initialContext = {};
-        if (showMeta) {
-            fileList.forEach((item, index) => {
-                const fileMeta = getFileMeta(item) ?? metaData;
-                initialContext[`file-${index}`] = {
-                    metaDataForm: fileMeta,
-                    ...(enableExpiration && fileMeta && fileMeta.expirationDate != null
-                        ? { expirationDate: fileMeta.expirationDate }
-                        : {}),
-                };
-            });
-            if (fileList.length === 0)
-                initialContext['file-0'] = { metaDataForm: metaData };
+        fileList.forEach((item, index) => {
+            const fileMeta = getFileMeta(item) ?? metaData;
+            initialContext[`file-${index}`] = {
+                title: attachedFileDefaultTitle(item),
+                description: asOptionalTrimmedString(item?.description) ?? '',
+                ...(showMeta ? { metaDataForm: fileMeta } : {}),
+                ...(enableExpiration
+                    ? { expirationDate: fileMeta?.expirationDate }
+                    : {}),
+            };
+        });
+        if (fileList.length === 0) {
+            initialContext['file-0'] = {
+                title: '',
+                description: '',
+                ...(showMeta ? { metaDataForm: metaData } : {}),
+            };
         }
-        // Initialize files array context with default values
         initialContext['files'] = fileList.map((item) => ({ file: [item] }));
         const result = await this.layoutBuilder
             .create()
@@ -1623,25 +1761,29 @@ class AXMDocumentDialogService {
                 .setContext(initialContext)
                 .content((flex) => {
                 flex.setDirection('column');
-                // Add fields for each file dynamically
                 for (let index = 0; index < fileList.length; index++) {
                     const item = fileList[index];
-                    if (showMeta) {
-                        if (hasMetaFields) {
-                            const metaListForWidget = documentType?.metaDataList ?? { groups: [] };
-                            flex.customWidget('meta-data-form-editor', (widget) => {
-                                widget.path(`file-${index}.metaDataForm`);
-                                widget.options(metaListForWidget);
-                            });
-                        }
-                        if (enableExpiration) {
-                            flex.formField('@document-management:terms.document.expire-date', (field) => {
-                                field.path(`file-${index}.expirationDate`);
-                                field.dateTimeBox({});
-                            });
-                        }
+                    flex.formField('@general:terms.common.title', (field) => {
+                        field.path(`file-${index}.title`);
+                        field.textBox({ validations: [{ rule: 'required' }] });
+                    });
+                    flex.formField('@general:terms.common.description', (field) => {
+                        field.path(`file-${index}.description`);
+                        field.textBox({});
+                    });
+                    if (enableExpiration) {
+                        flex.formField('@document-management:terms.document.expire-date', (field) => {
+                            field.path(`file-${index}.expirationDate`);
+                            field.dateTimeBox({});
+                        });
                     }
-                    flex.formField('File', (field) => {
+                    if (showMeta && hasMetaFields) {
+                        flex.customWidget('meta-data-form-editor', (widget) => {
+                            widget.path(`file-${index}.metaDataForm`);
+                            widget.options(editableMetaDataList);
+                        });
+                    }
+                    flex.formField('@document-management:terms.common.file', (field) => {
                         field.path(`files[${index}].file`);
                         field.customWidget('attachments', {
                             defaultValue: [item],
@@ -1665,15 +1807,23 @@ class AXMDocumentDialogService {
                     };
                 }
                 const ctx = dialogRef.context();
-                const metaDataFormWithExpiration = (context, fileIndex) => {
-                    const meta = context?.[`file-${fileIndex}`]?.['metaDataForm'];
-                    const exp = context?.[`file-${fileIndex}`]?.['expirationDate'];
-                    return { ...(meta || {}), ...(exp != null ? { expirationDate: exp } : {}) };
-                };
-                const outFiles = (ctx?.['files']).map((item, index) => ({
-                    ...item,
-                    ...(showMeta ? { metaDataForm: metaDataFormWithExpiration(ctx, index) } : {}),
-                }));
+                const outFiles = (ctx?.['files']).map((item, index) => {
+                    const userFields = this.readUserDocumentFields(ctx, index, {
+                        showMeta,
+                        enableExpiration,
+                    });
+                    const sourceFile = Array.isArray(item?.file) ? item.file[0] : fileList[index];
+                    const synced = fileInfoWithTitle(sourceFile, userFields.title);
+                    return {
+                        ...item,
+                        name: synced.name,
+                        title: userFields.title,
+                        description: userFields.description,
+                        ...(synced.file ? { file: [synced.file] } : {}),
+                        ...(showMeta ? { metaDataForm: userFields.metaDataForm } : {}),
+                        ...(enableExpiration ? { expirationDate: userFields.expirationDate } : {}),
+                    };
+                });
                 return { data: { cancel: false, files: outFiles } };
             });
         })
@@ -1717,6 +1867,32 @@ class AXMDocumentDialogService {
     }
     //#endregion
     //#region ---- Private helpers ----
+    async syncStoredFileName(file, nextName) {
+        const storageId = resolveDocumentStorageFileId(file);
+        if (!storageId || !nextName) {
+            return;
+        }
+        try {
+            await this.fileStorageService.update({
+                fileId: storageId,
+                name: nextName,
+                metadata: {},
+            });
+        }
+        catch {
+            // Blob uploads persist the title-based name on save; do not fail attach if rename misses.
+        }
+    }
+    readUserDocumentFields(context, fileIndex, options) {
+        const bag = (context[`file-${fileIndex}`] ?? {});
+        const title = asOptionalTrimmedString(bag['title']) ?? '';
+        const description = asOptionalTrimmedString(bag['description']);
+        const meta = options.showMeta ? bag['metaDataForm'] : undefined;
+        const expirationDate = options.enableExpiration
+            ? (bag['expirationDate'] ?? null)
+            : undefined;
+        return { title, description, metaDataForm: meta, expirationDate };
+    }
     async notifyAttachFailed(error) {
         const info = extractRequestErrorInfo(error);
         const contentKey = (info?.code ? AXP_VERSIONING_ERROR_I18N[info.code] : undefined) ??
@@ -1745,7 +1921,6 @@ class DocumentAttachmentsService {
             .data();
         this.documentDialog = inject(AXMDocumentDialogService);
         this.translateService = inject(AXTranslationService);
-        this.toastService = inject(AXToastService);
         this.documentVersionData = this.entityService
             .withEntity(RootConfig.module.name, RootConfig.entities.documentVersion.name)
             .data();
@@ -1762,7 +1937,6 @@ class DocumentAttachmentsService {
             documentType: fileTypeEntity,
             files,
             parentId: options?.folderId ?? '',
-            version: 0,
         };
         const title = await this.translateService.translateAsync('@document-management:dialogs.attach-file.title', {
             params: { title: this.translateService.resolve(fileTypeEntity.title) },
@@ -1776,34 +1950,21 @@ class DocumentAttachmentsService {
             throw new Error('File not found');
         }
         const documentTypeEntity = await this.resolveFileType(file.documentType);
-        if (file.versioningEnabled) {
-            const draft = await this.findOpenVersionDraft(fileId);
-            if (!draft) {
-                await this.notifyHostContentLocked();
-                return false;
-            }
-            const draftRow = await this.documentVersionData.byKey(draft.id);
-            const popupData = {
-                documentType: documentTypeEntity,
-                files: [draftRow?.fileInfo ?? file.fileInfo],
-                parentId: options?.folderId ?? '',
-                metaData: draftRow?.metaDataForm ?? file.metaDataForm,
-                documentId: fileId,
-                versionDraftId: draft.id,
-                version: file.version,
-            };
-            const result = await this.documentDialog.openAttachmentDialog(`Edit ${file.name}`, popupData);
-            return this.handlePopupResult(result);
-        }
         const popupData = {
             documentType: documentTypeEntity,
             files: [file.fileInfo],
             parentId: options?.folderId ?? '',
             metaData: file.metaDataForm,
             documentId: fileId,
-            version: file.version,
+            existingTitle: file.title,
+            existingDescription: file.description,
+            existingExpirationDate: file.expirationDate,
         };
-        const result = await this.documentDialog.openAttachmentDialog(`Edit ${file.name}`, popupData);
+        const editTitle = await this.translateService.translateAsync('@document-management:dialogs.attach-file.edit-title', { params: { title: file.title || file.name } });
+        const result = await this.documentDialog.openAttachmentDialog(editTitle, {
+            ...popupData,
+            skipMetadataAiFill: true,
+        });
         return this.handlePopupResult(result);
     }
     /**
@@ -1823,23 +1984,17 @@ class DocumentAttachmentsService {
         if (fileItems.length === 0) {
             return false;
         }
-        const result = await this.documentDialog.openAttachmentDialogWithoutSave('@document-management:dialogs.manage-version.upload-new-version', {
+        const dialogTitle = await this.translateService.translateAsync('@document-management:dialogs.manage-version.upload-new-version');
+        const popupData = {
             documentType: documentTypeEntity,
             files: fileItems,
             parentId: document.parentId,
             metaData: document.metaDataForm,
-            showMeta: false,
-        });
-        if (result?.data?.cancel) {
-            return false;
-        }
-        const metaDataForm = document.metaDataForm;
-        const newName = fileItems[0]?.name ?? document.name;
-        const payload = {
-            fileInfo: fileItems[0],
-            metaDataForm,
-            name: newName,
-            title: newName,
+            documentId: fileId,
+            existingTitle: document.title,
+            existingDescription: document.description,
+            existingExpirationDate: document.expirationDate,
+            replaceFile: true,
         };
         if (document.versioningEnabled) {
             let draft = await this.findOpenVersionDraft(fileId);
@@ -1849,14 +2004,14 @@ class DocumentAttachmentsService {
                 });
                 draft = { id: String(createdId) };
             }
-            await this.documentVersionData.update(draft.id, payload);
-            return true;
+            const result = await this.documentDialog.openAttachmentDialog(dialogTitle, {
+                ...popupData,
+                versionDraftId: draft.id,
+            });
+            return this.handlePopupResult(result);
         }
-        await this.documentData.update(fileId, {
-            ...payload,
-            version: (document.version ?? 0) + 1,
-        });
-        return true;
+        const result = await this.documentDialog.openAttachmentDialog(dialogTitle, popupData);
+        return this.handlePopupResult(result);
     }
     async findOpenVersionDraft(documentId) {
         const result = await this.documentVersionData.query({
@@ -1877,13 +2032,6 @@ class DocumentAttachmentsService {
         const row = result?.items?.[0];
         return row?.id ? { id: String(row.id) } : null;
     }
-    async notifyHostContentLocked() {
-        this.toastService.show({
-            color: 'warning',
-            title: await this.translateService.translateAsync('@general:messages.generic.error.title'),
-            content: await this.translateService.translateAsync('@general:errors.versioning.host-content-locked'),
-        });
-    }
     validateAttachmentOptions(options) {
         if (!((options?.entityId && options?.entityRecordId) || options?.folderId)) {
             throw new Error('You must provide either both entityId and entityRecordId, or folderId.');
@@ -1940,6 +2088,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }] });
 
+//#endregion
+//#region ----- Service -----
+class AXMFolderMetadataDialogService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.entityService = inject(AXPEntityService);
+        this.documentTypeData = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.documentType.name)
+            .data();
+    }
+    //#endregion
+    //#region ----- Public API -----
+    /**
+     * Fills `metaDataList` on picker rows when the list query omitted it.
+     */
+    async hydrateDocumentTypeCatalog(items) {
+        const hydrated = [];
+        for (const item of items) {
+            if (item?.['metaDataList'] != null) {
+                hydrated.push(item);
+                continue;
+            }
+            const id = item['id'] ?? item['documentTypeId'];
+            if (id == null || !String(id).trim()) {
+                hydrated.push(item);
+                continue;
+            }
+            try {
+                const loaded = await this.documentTypeData.byKey(String(id));
+                if (loaded?.metaDataList != null) {
+                    hydrated.push({ ...item, metaDataList: loaded.metaDataList });
+                    continue;
+                }
+            }
+            catch {
+                // Keep the slim picker row when the type cannot be loaded.
+            }
+            hydrated.push(item);
+        }
+        return hydrated;
+    }
+    /** Adds the reactive folder-scoped metadata form to a create/update folder dialog. */
+    addFolderMetadataForm(flex, catalog) {
+        flex.customWidget('meta-data-form-editor', (widget) => {
+            widget.path('metaDataForm');
+            widget.options({
+                sourcePath: 'documentTypes',
+                appliesTo: 'folder',
+                hideEmpty: true,
+                sourceCatalog: catalog,
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFolderMetadataDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFolderMetadataDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMFolderMetadataDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 //#region ----   Imports   ----
 //#endregion
 //#region ----   Contract (Abstract Service)   ----
@@ -1981,6 +2190,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         this.layoutBuilder = inject(AXPLayoutBuilderService);
         this.fileViewerService = inject(AXPFileViewerService);
         this.attachmentsService = inject(DocumentAttachmentsService);
+        this.folderMetadataDialog = inject(AXMFolderMetadataDialogService);
         this.hooks = inject(AXPHookService, { optional: true });
         //#endregion
         //#region ----   Private Properties   ----
@@ -2008,9 +2218,12 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 size: folder.size,
                 color: folder.color,
                 documentTypes: folder.documentTypes || [],
+                childFolderDocumentTypes: folder.childFolderDocumentTypes || [],
+                allowChildFolders: folder.allowChildFolders,
                 storageType: 'physical',
                 inherit: folder.inherit,
                 isSystem: Boolean(folder.stateInfo?.isSystem),
+                metaDataForm: folder.metaDataForm,
                 children: [...(folder.folders?.map(this.mapFolderDtoToFolderNode) || []), ...(folder.documents?.map(this.mapFileToNode) || []), ...(folder.shortcuts?.map(this.mapShortcutToNode) || [])],
             };
         };
@@ -2084,6 +2297,8 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         const node = {
             id: file.id,
             name: file.name,
+            title: file.title,
+            description: file.description,
             type: 'file',
             parentId: file.parentId,
             modifiedAt: file?.updated?.at,
@@ -2098,6 +2313,9 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
             versionId: file.versionId,
             versioningEnabled: file.versioningEnabled === true ||
                 file.versioningEnabled === 'true',
+            versioningStatus: typeof file.versioningStatus === 'string'
+                ? String(file.versioningStatus)
+                : undefined,
             distributionEnabled: file.distributionEnabled === true ||
                 file.distributionEnabled === 'true' ||
                 file.documentType?.enableDistributionCapability === true,
@@ -2587,20 +2805,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         return node;
     }
     resolveStorageFileId(fileInfo) {
-        if (!fileInfo) {
-            return undefined;
-        }
-        if (typeof fileInfo === 'string') {
-            return fileInfo.startsWith('file:') ? fileInfo.slice(5) : fileInfo;
-        }
-        const item = fileInfo;
-        if (item.source?.kind === 'fileId' && typeof item.source.value === 'string') {
-            return item.source.value.replace(/^file:/, '');
-        }
-        if (typeof item.id === 'string' && item.id.trim() !== '') {
-            return item.id.replace(/^file:/, '');
-        }
-        return undefined;
+        return resolveDocumentStorageFileId(fileInfo);
     }
     async resolveFileListItem(node) {
         const raw = node.fileId;
@@ -2785,7 +2990,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Opens the drive picker popup with consistent layout (large dialog, optional embedded header).
      */
     async openDriveFolderPicker(options) {
-        const comp = (await import('./acorex-platform-module-document-management-client-drive-choose.component-Bq4semJF.mjs')).AXMDocumentDriveChooseComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-drive-choose.component-up9sAsei.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await this.popupService.open(comp, {
             title: await this.translate.translateAsync(options.titleKey),
             size: 'lg',
@@ -2856,13 +3061,13 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                         throw new Error(`File with ID ${options.node.id} not found`);
                     }
                     // Prepare file for copy by downloading from storage and converting to blob source
-                    const fileListItem = await this.prepareFileForCopy(originalFile.fileInfo, options.node.name);
+                    const fileListItem = await this.prepareFileForCopy(originalFile.fileInfo, originalFile.name);
                     if (!fileListItem) {
                         throw new Error('Could not prepare file for copy');
                     }
                     await this.createFile({
-                        title: options.node.name,
-                        name: options.node.name,
+                        title: originalFile.title || originalFile.name,
+                        name: originalFile.name,
                         parentId: selectedFolder.id,
                         fileInfo: fileListItem,
                         documentType: options.node.documentTypes[0],
@@ -3009,21 +3214,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         return await this.attachmentsService.uploadNewVersion(node.id);
     }
     async runNewVersionFlow(node) {
-        const created = await this.commandService.execute(AXPCommonCommandKeys.Versioning.CreateDraft, {
-            ...this.documentVersioningInput(node),
-        });
-        if (!created?.success) {
-            return;
-        }
-        const uploadNext = await this.confirmVersioningContinue('@document-management:dialogs.manage-version.continue-upload.title', '@document-management:dialogs.manage-version.continue-upload.message');
-        if (!uploadNext) {
-            return;
-        }
-        const uploaded = await this.uploadNewVersion(node);
-        if (!uploaded) {
-            return;
-        }
-        await this.continueToPublishVersion(node);
+        await this.runUploadNewVersionFlow(node);
     }
     async runUploadNewVersionFlow(node) {
         const uploaded = await this.uploadNewVersion(node);
@@ -3036,15 +3227,12 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
         return this.attachmentsService.findOpenVersionDraft(documentId);
     }
     /**
-     * Opens version history popup using common version-history command.
+     * Opens companion version history for a versioned document.
      * For shortcut nodes, shows history of the target document.
      */
     async showVersionHistory(node) {
-        await this.commandService.execute('show-version-history-popup', {
-            options: {
-                refId: node.id,
-                refType: `${RootConfig.module.name}.${RootConfig.entities.document.name}`,
-            },
+        await this.commandService.execute(AXPCommonCommandKeys.Versioning.ShowHistory, {
+            ...this.documentVersioningInput(node),
         });
     }
     async continueToPublishVersion(node) {
@@ -3075,9 +3263,9 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Shows share dialog for a node
      */
     async showShareDialog(node) {
-        const comp = (await import('./acorex-platform-module-document-management-client-share-dialog.component-CyO_2Ppm.mjs')).AXMShareDialogComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-share-dialog.component-CFI4hK3T.mjs')).AXMShareDialogComponent;
         const popup = await this.popupService.open(comp, {
-            title: 'Share',
+            title: await this.translate.translateAsync('@document-management:dialogs.share-dialog.title'),
             data: {
                 node,
             },
@@ -3090,9 +3278,9 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Shows share via email dialog for a node
      */
     async showShareWithEmailDialog(node) {
-        const comp = (await import('./acorex-platform-module-document-management-client-share-email-dialog.component-6B0KXT1Z.mjs')).AXMShareEmailDialogComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-share-email-dialog.component-CUvlAcp6.mjs')).AXMShareEmailDialogComponent;
         const popup = await this.popupService.open(comp, {
-            title: 'Share via Email',
+            title: await this.translate.translateAsync('@document-management:dialogs.share-email-dialog.title'),
             data: {
                 node,
             },
@@ -3105,9 +3293,9 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Shows link dialog for a node
      */
     async showLinkDialog(node) {
-        const comp = (await import('./acorex-platform-module-document-management-client-link-dialog.component-CUFgI0_q.mjs')).AXMLinkDialogComponent;
+        const comp = (await import('./acorex-platform-module-document-management-client-link-dialog.component-EYoimqRD.mjs')).AXMLinkDialogComponent;
         const popup = await this.popupService.open(comp, {
-            title: 'Share Link',
+            title: await this.translate.translateAsync('@document-management:dialogs.share-link-dialog.title'),
             data: {
                 node,
             },
@@ -3116,6 +3304,14 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
             // Handle the link generation with popup.data.data
         }
     }
+    async folderInheritSelectionOptions() {
+        const t = this.translate;
+        return [
+            { value: 'None', text: (await t.translateAsync('@document-management:terms.inherit.options.none')) ?? '' },
+            { value: 'Inherited', text: (await t.translateAsync('@document-management:terms.inherit.options.inherited')) ?? '' },
+            { value: 'Extends', text: (await t.translateAsync('@document-management:terms.inherit.options.extends')) ?? '' },
+        ];
+    }
     /**
      * Shows lock dialog for a document
      */
@@ -3146,6 +3342,50 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
     mapDocumentTypesForPicker(items) {
         return castArray(items ?? []).map((it) => this.toDocumentTypePickerRow(it));
     }
+    async hydrateDocumentTypesForPicker(items) {
+        return this.folderMetadataDialog.hydrateDocumentTypeCatalog(this.mapDocumentTypesForPicker(items));
+    }
+    documentTypeNamesOf(types) {
+        if (!Array.isArray(types)) {
+            return [];
+        }
+        return types
+            .map((entry) => {
+            const row = entry != null && typeof entry === 'object' ? entry : {};
+            return typeof row['name'] === 'string' ? row['name'] : '';
+        })
+            .filter((name) => name !== '');
+    }
+    isTypeContainerFolder(folder) {
+        return (folder?.childFolderDocumentTypes?.length ?? 0) > 0;
+    }
+    async folderAllowsCreateFolder(folder) {
+        if (!folder) {
+            return false;
+        }
+        if (folder.allowChildFolders === false) {
+            return false;
+        }
+        if (this.isTypeContainerFolder(folder)) {
+            return true;
+        }
+        if (!folder.parentId) {
+            return true;
+        }
+        const parent = await this.loadFolderById(folder.parentId);
+        return !this.isTypeContainerFolder(parent);
+    }
+    async loadFolderById(folderId) {
+        if (!folderId) {
+            return null;
+        }
+        try {
+            return (await this.folderData.byKey(folderId)) ?? null;
+        }
+        catch {
+            return null;
+        }
+    }
     /** Folder dialogs need a dense array; AXDataSource cache slots are undefined and break `pickerKey`. */
     async loadDocumentTypesForFolderDialog(allowedNames) {
         if (isArray(allowedNames) && allowedNames.length === 0) {
@@ -3164,7 +3404,25 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 }
                 : {}),
         });
-        return this.mapDocumentTypesForPicker(res?.items ?? []);
+        return this.hydrateDocumentTypesForPicker(res?.items ?? []);
+    }
+    buildFolderDialogForm(form, catalog, options) {
+        const selected = Array.isArray(form['documentTypes']) ? form['documentTypes'] : [];
+        if ((options?.requireDocumentTypes ?? true) && selected.length === 0) {
+            return null;
+        }
+        const documentTypes = selected.map((value) => this.resolveSelectedDocumentType(value, catalog));
+        const metaDataForm = form['metaDataForm'];
+        return {
+            title: String(form['title'] ?? form['name'] ?? ''),
+            description: form['description'],
+            inherit: form['inherit'],
+            documentTypes,
+            color: resolveFolderColor(form['color']),
+            metaDataForm: pickMetaDataFormValues(metaDataForm != null && typeof metaDataForm === 'object' && !Array.isArray(metaDataForm)
+                ? metaDataForm
+                : {}, collectFolderScopedMetaDataList(documentTypes)),
+        };
     }
     toDocumentTypePickerRow(item) {
         const row = (item != null && typeof item === 'object' ? item : { name: item, id: item });
@@ -3275,21 +3533,33 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      */
     async showFolderEditDialog(node) {
         const source = await this.resolveFolderNodeForEdit(node);
-        // Load document types for selection
-        const res = await this.documentTypeService.query({ skip: 0, take: 1000 });
-        const catalog = this.mapDocumentTypesForPicker(res?.items ?? []);
-        const { selected: initialDocumentTypes, dataSource: items } = this.resolveFolderDialogDocumentTypes(catalog, source.documentTypes);
+        const isContainer = this.isTypeContainerFolder(source);
+        const parent = isContainer ? null : await this.loadFolderById(source.parentId);
+        const lockedStubs = parent?.childFolderDocumentTypes;
+        const typesLocked = Array.isArray(lockedStubs) && lockedStubs.length > 0;
+        const lockTypes = typesLocked || isContainer;
+        const assignedTypes = typesLocked ? lockedStubs : source.documentTypes;
+        const catalog = typesLocked
+            ? await this.loadDocumentTypesForFolderDialog(this.documentTypeNamesOf(lockedStubs))
+            : await this.hydrateDocumentTypesForPicker((await this.documentTypeService.query({ skip: 0, take: 1000 }))
+                ?.items ?? []);
+        const resolvedTypes = this.resolveFolderDialogDocumentTypes(catalog, isContainer ? [] : assignedTypes);
+        const items = await this.folderMetadataDialog.hydrateDocumentTypeCatalog(resolvedTypes.dataSource);
+        const initialDocumentTypes = resolvedTypes.selected.map((row) => items.find((item) => item.pickerKey === row.pickerKey) ?? row);
+        const inheritOptions = await this.folderInheritSelectionOptions();
         const result = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
                 .setTitle('@document-management:actions.update-folder')
+                .setSize('lg')
                 .setContext({
                 name: source.name,
                 description: source.description ?? '',
-                inherit: this.normalizeFolderInherit(source.inherit),
-                documentTypes: initialDocumentTypes,
+                inherit: lockTypes ? 'None' : this.normalizeFolderInherit(source.inherit),
+                documentTypes: isContainer ? [] : initialDocumentTypes,
                 color: resolveFolderColor(source.color),
+                metaDataForm: source.metaDataForm ?? {},
             })
                 .content((flex) => {
                 flex
@@ -3307,12 +3577,11 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                     field.selectionList({
                         valueField: 'value',
                         textField: 'text',
-                        dataSource: [
-                            { value: 'None', text: 'None' },
-                            { value: 'Inherited', text: 'Inherited' },
-                            { value: 'Extends', text: 'Extends' },
-                        ],
+                        dataSource: inheritOptions,
                     });
+                    if (lockTypes) {
+                        field.visible(false);
+                    }
                 })
                     .formField('@document-management:entities.document-types.title-plural', (field) => {
                     field.path('documentTypes');
@@ -3322,13 +3591,22 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                         dataSource: items,
                         multiple: true,
                         allowSearch: true,
-                        validations: [{ rule: 'required' }],
+                        validations: isContainer ? [] : [{ rule: 'required' }],
                     });
+                    if (isContainer) {
+                        field.visible(false);
+                    }
+                    else if (typesLocked) {
+                        field.readonly(true);
+                    }
                 })
                     .formField('@general:terms.common.color', (field) => {
                     field.path('color');
                     field.colorBox({});
                 });
+                if (!isContainer) {
+                    this.folderMetadataDialog.addFolderMetadataForm(flex, items);
+                }
             })
                 .setActions((actions) => {
                 actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');
@@ -3337,26 +3615,27 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 const context = dialogRef.context();
                 const action = dialogRef.action();
                 if (!context || action === 'cancel') {
-                    return false;
-                }
-                const form = context;
-                const selected = Array.isArray(form.documentTypes) ? form.documentTypes : [];
-                if (selected.length === 0) {
-                    return false;
+                    return null;
                 }
-                const selectedTypes = selected.map((v) => this.resolveSelectedDocumentType(v, items));
-                await this.updateFolder(node.id, {
-                    title: form.title ?? form.name,
-                    description: form.description,
-                    inherit: form.inherit,
-                    documentTypes: selectedTypes,
-                    color: resolveFolderColor(form.color),
+                return this.buildFolderDialogForm(context, items, {
+                    requireDocumentTypes: !isContainer,
                 });
-                return true;
             });
         })
             .show();
-        return result;
+        const form = resolveLayoutBuilderDialogResult(result);
+        if (!form) {
+            return false;
+        }
+        await this.updateFolder(node.id, {
+            title: form.title,
+            description: form.description,
+            inherit: lockTypes ? 'None' : form.inherit,
+            documentTypes: isContainer ? [] : form.documentTypes,
+            color: form.color,
+            metaDataForm: form.metaDataForm ?? {},
+        });
+        return true;
     }
     /**
      * Shows create folder dialog.
@@ -3364,20 +3643,37 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * @param options.allowedDocumentTypeNames When set, only these document type names can be selected
      */
     async showCreateFolderDialog(parentId, options) {
-        const allowedNames = options?.allowedDocumentTypeNames;
+        const parent = await this.loadFolderById(parentId);
+        if (parent?.allowChildFolders === false) {
+            return null;
+        }
+        const lockedStubs = parent?.childFolderDocumentTypes;
+        const typesLocked = Array.isArray(lockedStubs) && lockedStubs.length > 0;
+        if (!typesLocked && parent?.parentId) {
+            const grandparent = await this.loadFolderById(parent.parentId);
+            if (this.isTypeContainerFolder(grandparent)) {
+                return null;
+            }
+        }
+        const allowedNames = typesLocked
+            ? this.documentTypeNamesOf(lockedStubs)
+            : options?.allowedDocumentTypeNames;
         const catalog = await this.loadDocumentTypesForFolderDialog(allowedNames);
-        const { selected: defaultDocumentTypes } = this.resolveFolderDialogDocumentTypes(catalog, null);
+        const { selected: defaultDocumentTypes } = this.resolveFolderDialogDocumentTypes(catalog, typesLocked ? lockedStubs : null);
+        const inheritOptions = await this.folderInheritSelectionOptions();
         const result = await this.layoutBuilder
             .create()
             .dialog((dialog) => {
             dialog
                 .setTitle('@document-management:actions.create-folder')
+                .setSize('lg')
                 .setContext({
                 title: '',
                 description: '',
                 inherit: 'None',
                 documentTypes: defaultDocumentTypes,
                 color: AXM_DEFAULT_FOLDER_COLOR,
+                metaDataForm: {},
             })
                 .content((flex) => {
                 flex
@@ -3395,12 +3691,11 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                     field.selectionList({
                         valueField: 'value',
                         textField: 'text',
-                        dataSource: [
-                            { value: 'None', text: 'None' },
-                            { value: 'Inherited', text: 'Inherited' },
-                            { value: 'Extends', text: 'Extends' },
-                        ],
+                        dataSource: inheritOptions,
                     });
+                    if (typesLocked) {
+                        field.visible(false);
+                    }
                 })
                     .formField('@document-management:entities.document-types.title-plural', (field) => {
                     field.path('documentTypes');
@@ -3412,11 +3707,15 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                         allowSearch: true,
                         validations: [{ rule: 'required' }],
                     });
+                    if (typesLocked) {
+                        field.readonly(true);
+                    }
                 })
                     .formField('@general:terms.common.color', (field) => {
                     field.path('color');
                     field.colorBox({});
                 });
+                this.folderMetadataDialog.addFolderMetadataForm(flex, catalog);
             })
                 .setActions((actions) => {
                 actions.cancel('@general:actions.cancel.title').submit('@general:actions.save.title');
@@ -3427,32 +3726,30 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                 if (!context || action === 'cancel') {
                     return null;
                 }
-                const form = context;
-                const selectedTypesRaw = Array.isArray(form.documentTypes) ? form.documentTypes : [];
-                if (selectedTypesRaw.length === 0) {
-                    return null;
-                }
-                const selectedTypes = selectedTypesRaw.map((v) => this.resolveSelectedDocumentType(v, catalog));
-                try {
-                    const folder = await this.createFolder({
-                        title: form.title,
-                        color: resolveFolderColor(form.color),
-                        parentId,
-                        description: form.description,
-                        documentTypes: selectedTypes,
-                        size: 0,
-                        inherit: form.inherit,
-                    });
-                    return folder;
-                }
-                catch (err) {
-                    console.error('[showCreateFolderDialog] createFolder failed', err);
-                    throw err;
-                }
+                return this.buildFolderDialogForm(context, catalog);
             });
         })
             .show();
-        return result;
+        const form = resolveLayoutBuilderDialogResult(result);
+        if (!form) {
+            return null;
+        }
+        try {
+            return await this.createFolder({
+                title: form.title,
+                color: form.color,
+                parentId,
+                description: form.description,
+                documentTypes: form.documentTypes,
+                size: 0,
+                inherit: typesLocked ? 'None' : form.inherit,
+                metaDataForm: form.metaDataForm ?? {},
+            });
+        }
+        catch (err) {
+            console.error('[showCreateFolderDialog] createFolder failed', err);
+            throw err;
+        }
     }
     /**
      * Shows rename popup for a node using dynamic form builder
@@ -3463,9 +3760,11 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
             .dialog((dialog) => {
             dialog
                 .setTitle('@document-management:actions.rename')
-                .setContext({ name: node.name })
+                .setContext({ name: node.type === 'file' ? (node.title || node.name) : node.name })
                 .content((flex) => {
-                flex.setDirection('column').formField('@document-management:dialogs.rename.name', (field) => {
+                flex.setDirection('column').formField(node.type === 'file'
+                    ? '@general:terms.common.title'
+                    : '@document-management:dialogs.rename.name', (field) => {
                     field.path('name');
                     field.textBox({
                         placeholder: '@document-management:dialogs.rename.name-placeholder',
@@ -3491,8 +3790,7 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
                     if (node.type === 'folder') {
                         return await this.updateFolder(node.id, { title: formData.name });
                     }
-                    await this.updateFileName(node, formData.name);
-                    return await this.updateFile(node.id, { name: formData.name });
+                    return await this.renameFileTitle(node, formData.name);
                 }
                 finally {
                     dialogRef.setLoading(false);
@@ -3627,13 +3925,35 @@ class AXMDocumentManagerServiceImpl extends AXMDocumentManagerService {
      * Updates a file name
      */
     async updateFileName(node, name) {
-        if (node.storageType == 'physical') {
-            return this.mapFileToNode(await this.documentData.update(node.id, { name }));
-        }
-        else {
-            node.name = name;
+        return this.renameFileTitle(node, name);
+    }
+    /**
+     * Renames document title and keeps the stored file name in sync (same title + original extension).
+     */
+    async renameFileTitle(node, title) {
+        const nextTitle = title.trim();
+        const nextFileName = fileNameFromTitle(nextTitle, node.name);
+        if (node.storageType !== 'physical') {
+            node.title = nextTitle;
+            node.name = nextFileName;
             return node;
         }
+        const storageId = this.resolveStorageFileId(node.fileId);
+        if (storageId) {
+            await this.fileService.update({
+                fileId: storageId,
+                name: nextFileName,
+                metadata: {},
+            });
+        }
+        const nextFileInfo = node.fileId && typeof node.fileId === 'object'
+            ? { ...node.fileId, name: nextFileName }
+            : undefined;
+        return this.mapFileToNode(await this.documentData.update(node.id, {
+            title: nextTitle,
+            name: nextFileName,
+            ...(nextFileInfo ? { fileInfo: nextFileInfo } : {}),
+        }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentManagerServiceImpl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentManagerServiceImpl }); }
@@ -3862,7 +4182,7 @@ const AXM_DRIVE_FILE_CHOOSER_PROVIDER = {
         const multiple = Boolean(context.options['multiple']);
         const browseMode = defaultTo(context.options['browseMode'], 'file');
         const accept = context.options['accept'];
-        const component = (await import('./acorex-platform-module-document-management-client-drive-choose.component-Bq4semJF.mjs')).AXMDocumentDriveChooseComponent;
+        const component = (await import('./acorex-platform-module-document-management-client-drive-choose.component-up9sAsei.mjs')).AXMDocumentDriveChooseComponent;
         const popup = await popupService.open(component, {
             title: await translate.translateAsync('@document-management:actions.choose-from-drive'),
             size: 'lg',
@@ -4274,8 +4594,6 @@ const DocumentFileUploaderActionsByTypeProvider = {
             const { accept, fileType } = await buildFileChooserOptionsFromDocumentType(docType, fileService);
             const typeName = docType?.name;
             const title = docType?.title ?? typeName;
-            const metaGroups = docType?.metaDataList?.groups;
-            const hasMeta = Array.isArray(metaGroups) && metaGroups.some((g) => (g?.fields?.length ?? 0) > 0);
             return {
                 plugin: 'document',
                 global: false,
@@ -4305,27 +4623,34 @@ const DocumentFileUploaderActionsByTypeProvider = {
                         status: item.status ?? 'attached',
                         meta: { documentType, ...item.meta },
                     }));
-                    if (hasMeta) {
-                        const result = await documentDialogService.openAttachmentDialogWithoutSave('Document Type Choose File', {
-                            documentType: docType,
-                            files: fileItems,
+                    const result = await documentDialogService.openAttachmentDialogWithoutSave(title, {
+                        documentType: docType,
+                        files: fileItems,
+                    });
+                    if (result.data?.cancel) {
+                        return;
+                    }
+                    if (result.data?.files) {
+                        result.data.files.forEach((f, i) => {
+                            if (!fileItems[i]) {
+                                return;
+                            }
+                            const meta = {
+                                ...fileItems[i].meta,
+                                documentType,
+                                metaDataForm: f?.metaDataForm,
+                            };
+                            set(fileItems[i], 'meta', meta);
+                            set(fileItems[i], 'metaDataForm', f?.metaDataForm);
+                            set(fileItems[i], 'title', f?.title);
+                            set(fileItems[i], 'description', f?.description);
+                            if (f?.name) {
+                                set(fileItems[i], 'name', f.name);
+                            }
+                            if (f?.expirationDate !== undefined) {
+                                set(fileItems[i], 'expirationDate', f.expirationDate);
+                            }
                         });
-                        if (result.data?.cancel != null && !result.data.cancel && result.data?.files) {
-                            result.data.files.forEach((f, i) => {
-                                if (fileItems[i]) {
-                                    const meta = {
-                                        ...fileItems[i].meta,
-                                        documentType,
-                                        metaDataForm: f?.metaDataForm,
-                                    };
-                                    set(fileItems[i], 'meta', meta);
-                                    set(fileItems[i], 'metaDataForm', f?.metaDataForm);
-                                }
-                            });
-                        }
-                        else if (result.data?.cancel) {
-                            return;
-                        }
                     }
                     capabilities.addFiles(fileItems);
                 },
@@ -4362,7 +4687,7 @@ const DocumentFileUploaderEditDialogAfterFormProvider = {
             : undefined;
         if (!docType && (!metaObj || Object.keys(metaObj).length === 0))
             return payload;
-        const metaDataList = docType?.metaDataList ?? { groups: [] };
+        const metaDataList = toEditableMetaDataList(collectDocumentScopedMetaDataList(docType?.metaDataList));
         const hasDefinitions = Array.isArray(metaDataList.groups) && metaDataList.groups.length > 0;
         const fields = [
             {
@@ -4514,6 +4839,153 @@ function resolveDocumentVersionNumber(source) {
 }
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Detect -----
+function documentTypeKey(type) {
+    if (type == null) {
+        return '';
+    }
+    if (typeof type !== 'object') {
+        return String(type);
+    }
+    const row = type;
+    const name = row['name'];
+    if (typeof name === 'string' && name.trim()) {
+        return name.trim();
+    }
+    const id = row['id'] ?? row['documentTypeId'];
+    return id == null ? '' : String(id);
+}
+function documentTypeSignature(node) {
+    return (node.documentTypes ?? [])
+        .map((type) => documentTypeKey(type))
+        .filter(Boolean)
+        .sort()
+        .join('|');
+}
+function resolveHomogeneousExplorerGrid(folders, files) {
+    const hasFolders = folders.length > 0;
+    const hasFiles = files.length > 0;
+    if (hasFolders === hasFiles) {
+        return null;
+    }
+    const nodes = hasFolders ? folders : files;
+    const signatures = nodes.map((node) => documentTypeSignature(node));
+    if (signatures.some((signature) => !signature)) {
+        return null;
+    }
+    if (new Set(signatures).size !== 1) {
+        return null;
+    }
+    return {
+        kind: hasFolders ? 'folder' : 'document',
+        typeKeys: signatures[0].split('|'),
+    };
+}
+function collectDocumentTypeIds(nodes) {
+    const ids = new Set();
+    for (const node of nodes) {
+        for (const type of node.documentTypes ?? []) {
+            const id = type?.id;
+            if (id == null) {
+                continue;
+            }
+            const key = String(id).trim();
+            if (key) {
+                ids.add(key);
+            }
+        }
+    }
+    return [...ids];
+}
+function collectDocumentTypeNames(nodes) {
+    const names = new Set();
+    for (const node of nodes) {
+        for (const type of node.documentTypes ?? []) {
+            const name = type?.name;
+            if (typeof name === 'string' && name.trim()) {
+                names.add(name.trim());
+            }
+        }
+    }
+    return [...names];
+}
+//#endregion
+//#region ----- Columns -----
+function parseInterfaceType(interfaceValue) {
+    if (interfaceValue == null) {
+        return '';
+    }
+    if (typeof interfaceValue === 'string') {
+        try {
+            const parsed = JSON.parse(interfaceValue);
+            return String(parsed?.type ?? parsed?.name ?? '');
+        }
+        catch {
+            return interfaceValue;
+        }
+    }
+    if (typeof interfaceValue === 'object') {
+        const row = interfaceValue;
+        return String(row.type ?? row.name ?? '');
+    }
+    return '';
+}
+function formatFromInterface(interfaceValue) {
+    const type = parseInterfaceType(interfaceValue).toLowerCase();
+    if (type.includes('date-time') || type.includes('datetime')) {
+        return 'datetime';
+    }
+    if (type.includes('date')) {
+        return 'date';
+    }
+    if (type.includes('number') || type.includes('numeric') || type.includes('integer')) {
+        return 'number';
+    }
+    return 'string';
+}
+function flattenMetaDataColumns(list, resolveTitle) {
+    const columns = [];
+    const seen = new Set();
+    for (const group of list?.groups ?? []) {
+        for (const field of group.fields ?? []) {
+            const name = String(field?.name ?? '').trim();
+            if (!name || seen.has(name)) {
+                continue;
+            }
+            seen.add(name);
+            columns.push({
+                name,
+                title: resolveTitle(field.title) || name,
+                kind: 'metadata',
+                format: formatFromInterface(field.interface),
+            });
+        }
+    }
+    return columns;
+}
+function readNodeMetaDataValue(node, fieldName) {
+    return readMetaDataFormValue(node.metaDataForm, fieldName);
+}
+function readMetaDataFormValue(form, fieldName) {
+    if (form == null || typeof form !== 'object' || Array.isArray(form)) {
+        return undefined;
+    }
+    const row = form;
+    if (Object.prototype.hasOwnProperty.call(row, fieldName)) {
+        return row[fieldName];
+    }
+    for (const nested of Object.values(row)) {
+        const found = readMetaDataFormValue(nested, fieldName);
+        if (found !== undefined) {
+            return found;
+        }
+    }
+    return undefined;
+}
+//#endregion
+
 function withMenuItemCheck(item, isSelected) {
     return isSelected ? { ...item, suffix: { text: '✓' } } : item;
 }
@@ -4528,9 +5000,26 @@ function nodeModifiedTime(node) {
 /**
  * User/tenant drive roots are system (cannot be deleted or moved) but users may create
  * children under those roots. Other system folders (Users, Entity, type folders) stay closed.
+ * Typed children of Company Document type-containers cannot contain further folders.
  */
-function canCreateFolderUnder(folder, scopeRootId) {
-    if (!folder?.isSystem) {
+function resolveExplorerParent(folder, path) {
+    if (!folder) {
+        return null;
+    }
+    const index = path.findIndex((node) => node.id === folder.id);
+    return index > 0 ? path[index - 1] : null;
+}
+function canCreateFolderUnder(folder, scopeRootId, parentFolder) {
+    if (!folder) {
+        return false;
+    }
+    if (folder.allowChildFolders === false) {
+        return false;
+    }
+    if ((parentFolder?.childFolderDocumentTypes?.length ?? 0) > 0) {
+        return false;
+    }
+    if (!folder.isSystem) {
         return true;
     }
     return Boolean(scopeRootId && folder.id === scopeRootId);
@@ -4540,6 +5029,9 @@ const DOCUMENT_EXPLORER_LAYOUT_SETTINGS_SCOPE = AXPPlatformScope.User;
 const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withState(() => ({
     // View State
     viewMode: 'large-tiles',
+    preferredViewMode: 'large-tiles',
+    viewModeLocked: false,
+    homogeneousGrid: null,
     isLoading: false,
     scope: AXPPlatformScope.User,
     // Navigation State
@@ -4620,6 +5112,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     isDetailsView: computed(() => store.viewMode() === 'details'),
     isLargeIconsView: computed(() => store.viewMode() === 'large-icons'),
     isSmallIconsView: computed(() => store.viewMode() === 'small-icons'),
+    canUseHomogeneousGrid: computed(() => store.homogeneousGrid() != null),
     isBackAvailable: computed(() => store.backHistory().length > 0),
     isUpAvailable: computed(() => {
         const node = store.currentNode();
@@ -4628,6 +5121,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
     selectedCount: computed(() => store.selectedNodes().length),
     hasSelectedItems: computed(() => store.selectedNodes().length > 0),
     hasMultipleSelectedItems: computed(() => store.selectedNodes().length > 1),
+    showSelectionDeleteActions: computed(() => store.selectedNodes().length > 1 || (store.viewMode() === 'details' && store.selectedNodes().length > 0)),
     isMultiSelect: computed(() => store.selectionMode() === 'multiple'),
     selectedNode: computed(() => store.selectedNodes()[0] ?? null),
     isDetailPanelOpen: computed(() => store.detailPanel()),
@@ -4653,18 +5147,36 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 node.result.children = node.result.children?.sort((a, b) => directionMultiplier * a.name.localeCompare(b.name));
                 break;
         }
+        const folders = node.result.children?.filter((item) => item.type === 'folder') || [];
+        const files = node.result.children?.filter((item) => store.browseMode() == 'file' && item.type === 'file') || [];
         patchState(store, {
             currentNode: node.result,
             currentPath: node.path,
-            folders: node.result.children?.filter((item) => item.type === 'folder') || [],
-            files: node.result.children?.filter((item) => store.browseMode() == 'file' && item.type === 'file') || [],
+            folders,
+            files,
             itemsCount: node.result.children?.length || 0,
             loadingFolderId: null,
             isLoading: false,
             navigatingFolderId: null,
             scopeRootId: node.scopeRootId ?? store.scopeRootId(),
+            ...resolveHomogeneousGridViewState(folders, files),
         });
     };
+    const resolveHomogeneousGridViewState = (folders, files) => {
+        const homogeneousGrid = resolveHomogeneousExplorerGrid(folders, files);
+        if (store.viewModeLocked()) {
+            return { homogeneousGrid, viewMode: store.viewMode() };
+        }
+        if (homogeneousGrid) {
+            return { homogeneousGrid, viewMode: 'details' };
+        }
+        const preferred = store.preferredViewMode();
+        const fallback = preferred !== 'details' ? preferred : 'large-tiles';
+        return {
+            homogeneousGrid: null,
+            viewMode: store.viewMode() === 'details' ? fallback : store.viewMode(),
+        };
+    };
     return {
         setAllowedDocumentTypeNames(names) {
             patchState(store, { allowedDocumentTypeNames: names });
@@ -4704,8 +5216,10 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
             const sortDirection = await layoutSettings.get(AXPDocumentManagementSettings.SortDirection);
             const groupByType = await layoutSettings.get(AXPDocumentManagementSettings.GroupByType);
             const detailPanel = await layoutSettings.get(AXPDocumentManagementSettings.DetailPanelOpen);
+            const savedViewMode = viewMode === 'details' || !viewMode ? 'large-tiles' : viewMode;
             patchState(store, {
-                viewMode: viewMode === 'details' ? 'large-tiles' : (viewMode ?? 'large-tiles'),
+                viewMode: savedViewMode,
+                preferredViewMode: savedViewMode,
                 sortField: sortField ?? 'name',
                 sortDirection: sortDirection ?? 'asc',
                 groupByType: groupByType ?? true,
@@ -4775,23 +5289,35 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 documentTypes: [],
                 storageType: 'virtual',
             };
+            const folders = files.filter((item) => item.type === 'folder');
+            const virtualFiles = files.filter((item) => item.type === 'file');
             patchState(store, {
                 currentNode: node,
                 currentPath: [node],
-                folders: files.filter((item) => item.type === 'folder'),
-                files: files.filter((item) => item.type === 'file'),
+                folders,
+                files: virtualFiles,
                 itemsCount: files.length,
                 availableSpace: await driveService.getAvailableSpace(),
                 loadingFolderId: null,
                 isLoading: false,
                 navigatingFolderId: null,
+                ...resolveHomogeneousGridViewState(folders, virtualFiles),
             });
         },
+        setViewModeLocked(locked) {
+            patchState(store, { viewModeLocked: locked });
+        },
         setViewMode(mode) {
-            patchState(store, { viewMode: mode });
-            void settingsService
-                .scope(DOCUMENT_EXPLORER_LAYOUT_SETTINGS_SCOPE)
-                .set(AXPDocumentManagementSettings.ViewMode, mode);
+            const nextMode = mode;
+            patchState(store, {
+                viewMode: nextMode,
+                ...(nextMode !== 'details' ? { preferredViewMode: nextMode } : {}),
+            });
+            if (nextMode !== 'details') {
+                void settingsService
+                    .scope(DOCUMENT_EXPLORER_LAYOUT_SETTINGS_SCOPE)
+                    .set(AXPDocumentManagementSettings.ViewMode, nextMode);
+            }
         },
         isViewMode(mode) {
             return store.viewMode() === mode;
@@ -4866,15 +5392,30 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
             return resolveFolderColor(node.color);
         },
         getNodeInfo(node) {
+            const detailI18n = {
+                sections: { details: '@document-management:explorer.detail-panel.sections.details' },
+                metadata: '@document-management:terms.common.meta-data',
+                description: '@document-management:explorer.detail-panel.fields.description',
+                size: '@document-management:terms.common.size',
+                expireDate: '@document-management:terms.document.expire-date',
+                createdAt: '@document-management:terms.timestamps.created-at',
+                modifiedAt: '@document-management:terms.timestamps.modified-at',
+                version: '@document-management:terms.common.version',
+                items: '@document-management:explorer.grid.columns.items',
+                shortcut: '@document-management:explorer.detail-panel.fields.shortcut',
+                linksToDocument: '@document-management:explorer.detail-panel.fields.links-to-document',
+                linksToFolder: '@document-management:explorer.detail-panel.fields.links-to-folder',
+                folderType: '@document-management:explorer.detail-panel.folder-type',
+            };
             // If no node, return a default object
             if (!node) {
                 return {
                     name: '---',
                     icon: 'fa-light fa-folder',
-                    type: 'Folder',
+                    type: detailI18n.folderType,
                     sections: [
                         {
-                            title: 'Details',
+                            title: detailI18n.sections.details,
                             details: [],
                         },
                     ],
@@ -4887,12 +5428,12 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 const versionNumber = resolveDocumentVersionNumber(node);
                 const details = [
                     {
-                        title: 'Description',
+                        title: detailI18n.description,
                         content: node.description,
                         icon: 'fa-solid fa-file-lines',
                     },
                     {
-                        title: 'Size',
+                        title: detailI18n.size,
                         content: node.size || 0,
                         format: 'filesize',
                         icon: 'fa-solid fa-file-lines',
@@ -4900,7 +5441,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     ...(node.expirationDate
                         ? [
                             {
-                                title: 'Expire Date',
+                                title: detailI18n.expireDate,
                                 content: node.expirationDate,
                                 format: 'date',
                                 icon: 'fa-solid fa-calendar-days',
@@ -4908,13 +5449,13 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                         ]
                         : []),
                     {
-                        title: 'Created at',
+                        title: detailI18n.createdAt,
                         content: node.createdAt || new Date(),
                         format: 'datetime',
                         icon: 'fa-solid fa-calendar-days',
                     },
                     {
-                        title: 'Modified at',
+                        title: detailI18n.modifiedAt,
                         content: node.modifiedAt || new Date(),
                         format: 'datetime',
                         icon: 'fa-solid fa-calendar-days',
@@ -4922,7 +5463,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     ...(versionNumber != null
                         ? [
                             {
-                                title: 'Version',
+                                title: detailI18n.version,
                                 content: versionNumber,
                                 format: 'number',
                                 icon: 'fa-solid fa-code-branch',
@@ -4932,8 +5473,8 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 ];
                 if (node.storageType === 'shortcut' || node.isShortcut) {
                     details.unshift({
-                        title: 'Shortcut',
-                        content: node.targetDocumentId ? 'Links to a document' : 'Links to a folder',
+                        title: detailI18n.shortcut,
+                        content: node.targetDocumentId ? detailI18n.linksToDocument : detailI18n.linksToFolder,
                         icon: 'fa-light fa-up-right-from-square',
                     });
                 }
@@ -4944,17 +5485,17 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     sections: node.metaDataForm && typeof node.metaDataForm === 'object'
                         ? [
                             {
-                                title: 'Details',
+                                title: detailI18n.sections.details,
                                 details,
                             },
                             {
-                                title: 'Metadata',
+                                title: detailI18n.metadata,
                                 details: [],
                             },
                         ]
                         : [
                             {
-                                title: 'Details',
+                                title: detailI18n.sections.details,
                                 details,
                             },
                         ],
@@ -4964,29 +5505,29 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
             else {
                 const folderDetails = [
                     {
-                        title: 'Description',
+                        title: detailI18n.description,
                         content: node.description,
                         icon: 'fa-solid fa-file-lines',
                     },
                     {
-                        title: 'Items',
+                        title: detailI18n.items,
                         content: node.children?.length ?? 0,
                         icon: 'fa-solid fa-file-lines',
                     },
                     {
-                        title: 'Size',
+                        title: detailI18n.size,
                         content: node.size || 0,
                         format: 'filesize',
                         icon: 'fa-solid fa-file-lines',
                     },
                     {
-                        title: 'Created at',
+                        title: detailI18n.createdAt,
                         content: node.createdAt || new Date(),
                         format: 'datetime',
                         icon: 'fa-solid fa-calendar-days',
                     },
                     {
-                        title: 'Modified at',
+                        title: detailI18n.modifiedAt,
                         content: node.modifiedAt || new Date(),
                         format: 'datetime',
                         icon: 'fa-solid fa-calendar-days',
@@ -4994,21 +5535,32 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 ];
                 if (node.storageType === 'shortcut' || node.isShortcut) {
                     folderDetails.unshift({
-                        title: 'Shortcut',
-                        content: 'Links to a folder',
+                        title: detailI18n.shortcut,
+                        content: detailI18n.linksToFolder,
                         icon: 'fa-light fa-up-right-from-square',
                     });
                 }
                 return {
                     name: node.name,
                     icon: 'fa-light fa-folder',
-                    type: 'Folder',
-                    sections: [
-                        {
-                            title: 'Details',
-                            details: folderDetails,
-                        },
-                    ],
+                    type: detailI18n.folderType,
+                    sections: node.metaDataForm && typeof node.metaDataForm === 'object'
+                        ? [
+                            {
+                                title: detailI18n.sections.details,
+                                details: folderDetails,
+                            },
+                            {
+                                title: detailI18n.metadata,
+                                details: [],
+                            },
+                        ]
+                        : [
+                            {
+                                title: detailI18n.sections.details,
+                                details: folderDetails,
+                            },
+                        ],
                 };
             }
         },
@@ -5144,6 +5696,9 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 selectedNodes: [...store.filteredFolders(), ...store.filteredFiles()],
             });
         },
+        setSelectedNodes(nodes) {
+            patchState(store, { selectedNodes: [...nodes] });
+        },
         deselectAll() {
             patchState(store, { selectedNodes: [] });
         },
@@ -5184,14 +5739,20 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
             // Upload types come only from the current folder's assigned documentTypes.
             // Do not fall back to plugin allowedDocumentTypeNames — the entity root has no types;
             // type-specific subfolders carry their own.
-            const folderTypes = store.currentFolder()?.documentTypes ?? [];
+            const current = store.currentFolder();
+            const folderTypes = current?.documentTypes ?? [];
+            const isTypeContainer = (current?.childFolderDocumentTypes?.length ?? 0) > 0;
             const allowedNames = store.allowedDocumentTypeNames();
-            const typesToShow = allowedNames != null
-                ? allowedNames.length > 0
-                    ? folderTypes.filter((t) => t?.name && allowedNames.includes(t.name))
-                    : []
-                : folderTypes;
-            const allowCreateFolder = canAddFolder && canCreateFolderUnder(store.currentFolder(), store.scopeRootId());
+            const typesToShow = isTypeContainer
+                ? []
+                : allowedNames != null
+                    ? allowedNames.length > 0
+                        ? folderTypes.filter((t) => t?.name && allowedNames.includes(t.name))
+                        : []
+                    : folderTypes;
+            const allowCreateFolder = canAddFolder &&
+                canCreateFolderUnder(current, store.scopeRootId(), resolveExplorerParent(current, store.currentPath())) &&
+                (await driveService.folderAllowsCreateFolder(current));
             return [
                 ...(allowCreateFolder
                     ? [
@@ -5290,6 +5851,16 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     text: await trans('view-modes.list'),
                     icon: 'fa-light fa-list',
                 }, store.viewMode() === 'list'),
+                ...(store.homogeneousGrid()
+                    ? [
+                        withMenuItemCheck({
+                            name: 'view.details',
+                            text: await trans('view-modes.details'),
+                            icon: 'fa-light fa-table',
+                            break: true,
+                        }, store.viewMode() === 'details'),
+                    ]
+                    : []),
             ];
             const groupByItems = [
                 withMenuItemCheck({
@@ -5407,6 +5978,10 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
             if (!node.versioningEnabled || node.type !== 'file' || node.storageType === 'shortcut') {
                 return null;
             }
+            const canMaintainVersioning = isMaintainVersioningPermissionGranted((key) => sessionService.authorize(key), `${RootConfig.module.name}.${RootConfig.entities.document.name}`);
+            if (!canMaintainVersioning) {
+                return null;
+            }
             const draft = await driveService.findOpenVersionDraft(node.id);
             const versionItems = [];
             if (!draft) {
@@ -5435,6 +6010,16 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                     data: node,
                 });
             }
+            const lastItem = versionItems[versionItems.length - 1];
+            if (lastItem) {
+                lastItem.break = true;
+            }
+            versionItems.push({
+                name: 'show-version-history',
+                text: await trans('menus.context.show-version-history'),
+                icon: 'fa-light fa-clock-rotate-left',
+                data: node,
+            });
             return {
                 name: 'manage-versions',
                 text: await trans('menus.context.manage-versions'),
@@ -5633,7 +6218,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 },
             ];
             // Add upload menu only if not locked
-            if (!isNodeLocked && node?.documentTypes?.length) {
+            if (!isNodeLocked && node?.documentTypes?.length && !node.childFolderDocumentTypes?.length) {
                 items.push({
                     text: await trans('menus.context.upload'),
                     icon: 'fa-light fa-file-arrow-up',
@@ -5837,6 +6422,7 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
                 case 'view.large-tiles':
                 case 'view.small-tiles':
                 case 'view.list':
+                case 'view.details':
                     this.setViewMode(name.replace('view.', ''));
                     break;
                 case 'upload-new-version':
@@ -5933,7 +6519,8 @@ const AXPDocumentExplorerViewModel = signalStore({ providedIn: 'root' }, withSta
          */
         async createFolder(node) {
             const parent = node ?? store.currentFolder() ?? store.currentNode();
-            if (!canCreateFolderUnder(parent, store.scopeRootId())) {
+            if (!canCreateFolderUnder(parent, store.scopeRootId(), resolveExplorerParent(parent, store.currentPath())) ||
+                !(await driveService.folderAllowsCreateFolder(parent))) {
                 return;
             }
             const parentId = parent?.id ?? store.currentNode()?.id;
@@ -6119,32 +6706,31 @@ class AXMDocumentExplorerComponent {
         /** Drops stale async open results when the user right-clicks again before items resolve. */
         this.contextMenuOpenToken = 0;
         this.viewMap = {
-            list: async () => (await import('./acorex-platform-module-document-management-client-list-view.component-CDldLoV-.mjs')).AXMDocumentExplorerListViewComponent,
-            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view.component-NUNfAl3M.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
-            'large-tiles': async () => (await import('./acorex-platform-module-document-management-client-large-tiles-view.component-Dm-MSIUn.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
-            // details: async () =>
-            //   (await import('./views/details/details-view.component')).AXMDocumentExplorerDetailsViewComponent,
-            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view.component-COT_8z2S.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
-            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view.component-IC5bdYey.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
-            'attachment': async () => (await import('./acorex-platform-module-document-management-client-attachment-widget.component-DmgzUrWY.mjs')).AXMDocumentExplorerAttachmentComponent,
+            list: async () => (await import('./acorex-platform-module-document-management-client-list-view.component-DVUfHWHB.mjs')).AXMDocumentExplorerListViewComponent,
+            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view.component-DtsBSVCq.mjs')).AXMDocumentExplorerSmallTilesViewComponent,
+            'large-tiles': async () => (await import('./acorex-platform-module-document-management-client-large-tiles-view.component-DzWIUZtv.mjs')).AXMDocumentExplorerLargeTilesViewComponent,
+            details: async () => (await import('./acorex-platform-module-document-management-client-details-view.component-DkCD8RSd.mjs')).AXMDocumentExplorerDetailsViewComponent,
+            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view.component-Cece4n22.mjs')).AXMDocumentExplorerLargeIconsViewComponent,
+            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view.component-CL5cNRtI.mjs')).AXMDocumentExplorerSmallIconsViewComponent,
+            'attachment': async () => (await import('./acorex-platform-module-document-management-client-attachment-widget.component-CsrcMMC9.mjs')).AXMDocumentExplorerAttachmentComponent,
         };
         this.skeletonViewMap = {
-            list: async () => (await import('./acorex-platform-module-document-management-client-list-view-skeleton.component-D-QA5J07.mjs')).AXMDocumentExplorerListViewSkeletonComponent,
-            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DzDonT_e.mjs'))
+            list: async () => (await import('./acorex-platform-module-document-management-client-list-view-skeleton.component-Dgx8lVyN.mjs')).AXMDocumentExplorerListViewSkeletonComponent,
+            'small-tiles': async () => (await import('./acorex-platform-module-document-management-client-small-tiles-view-skeleton.component-DBJldDaS.mjs'))
                 .AXMDocumentExplorerSmallTilesViewSkeletonComponent,
             'large-tiles': async () => (await Promise.resolve().then(function () { return largeTilesViewSkeleton_component; }))
                 .AXMDocumentExplorerLargeTilesViewSkeletonComponent,
-            // details: async () =>
-            //   (await import('./views/details/details-view-skeleton.component')).AXMDocumentExplorerDetailsViewSkeletonComponent,
-            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view-skeleton.component-CXDBviff.mjs'))
+            details: async () => (await import('./acorex-platform-module-document-management-client-details-view-skeleton.component-BnRZrzCX.mjs')).AXMDocumentExplorerDetailsViewSkeletonComponent,
+            'large-icons': async () => (await import('./acorex-platform-module-document-management-client-large-icons-view-skeleton.component-C_VbFRKl.mjs'))
                 .AXMDocumentExplorerLargeIconsViewSkeletonComponent,
-            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view-skeleton.component-Cmgqsr4e.mjs'))
+            'small-icons': async () => (await import('./acorex-platform-module-document-management-client-small-icons-view-skeleton.component-CU2MiVUi.mjs'))
                 .AXMDocumentExplorerSmallIconsViewSkeletonComponent,
-            attachment: async () => (await import('./acorex-platform-module-document-management-client-attachment-view-skeleton.component-CP6yjHx7.mjs'))
+            attachment: async () => (await import('./acorex-platform-module-document-management-client-attachment-view-skeleton.component-BeQSbax5.mjs'))
                 .AXMDocumentExplorerAttachmentViewSkeletonComponent,
         };
         this.#effect2 = effect(() => {
             if (this.viewMode()) {
+                this.vm.setViewModeLocked(true);
                 this.vm.setViewMode(this.viewMode());
             }
             if (this.selectionMode()) {
@@ -6167,7 +6753,7 @@ class AXMDocumentExplorerComponent {
     //#region Menu and Context Menu
     handleExplorerClick(event) {
         const target = event.target;
-        if (target?.closest('.__explorer-item')) {
+        if (target?.closest('.__explorer-item, .details-view')) {
             return;
         }
         if (this.vm.hasSelectedItems()) {
@@ -6236,12 +6822,12 @@ class AXMDocumentExplorerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleExplorerClick($event)", "contextmenu": "handleExplorerContextMenu($event)" }, classAttribute: "flex flex-1 min-h-full w-full flex-col" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"view-container\">\n  @if (showSkeleton()) {\n    @if (skeletonView(); as skeleton) {\n      <ng-container [ngComponentOutlet]=\"skeleton\"></ng-container>\n    } @else {\n      <axm-document-explorer-large-tiles-view-skeleton></axm-document-explorer-large-tiles-view-skeleton>\n    }\n  } @else if (showEmptyState()) {\n    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@document-management:empty-states.no-items.title'\"\n      [description]=\"'@document-management:empty-states.no-items.description'\"\n    >\n    </axp-state-message>\n  } @else {\n    <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu: opened via host contextmenu after items are resolved (not via [target]/onOpening). -->\n@if (showContextMenu()) {\n  <ax-context-menu\n    #itemsContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n  <ax-context-menu\n    #rootContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n}\n", styles: ["axm-document-explorer>.view-container{display:flex;min-height:100%;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i2$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXMFileTypeModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXMDocumentExplorerLargeTilesViewSkeletonComponent, selector: "axm-document-explorer-large-tiles-view-skeleton" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerComponent, isStandalone: true, selector: "axm-document-explorer", inputs: { browseMode: { classPropertyName: "browseMode", publicName: "browseMode", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, showContextMenu: { classPropertyName: "showContextMenu", publicName: "showContextMenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "handleExplorerClick($event)", "contextmenu": "handleExplorerContextMenu($event)" }, classAttribute: "flex min-h-0 min-w-0 flex-1 flex-col" }, viewQueries: [{ propertyName: "contextMenu", first: true, predicate: ["itemsContextMenu"], descendants: true, isSignal: true }, { propertyName: "rootContextMenu", first: true, predicate: ["rootContextMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"view-container\">\n  @if (showSkeleton()) {\n    @if (skeletonView(); as skeleton) {\n      <ng-container [ngComponentOutlet]=\"skeleton\"></ng-container>\n    } @else {\n      <axm-document-explorer-large-tiles-view-skeleton></axm-document-explorer-large-tiles-view-skeleton>\n    }\n  } @else if (showEmptyState()) {\n    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@document-management:empty-states.no-items.title'\"\n      [description]=\"'@document-management:empty-states.no-items.description'\"\n    >\n    </axp-state-message>\n  } @else {\n    <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu: opened via host contextmenu after items are resolved (not via [target]/onOpening). -->\n@if (showContextMenu()) {\n  <ax-context-menu\n    #itemsContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n  <ax-context-menu\n    #rootContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n}\n", styles: ["axm-document-explorer>.view-container{display:flex;min-height:0px;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "component", type: i2$1.AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXMFileTypeModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXMDocumentExplorerLargeTilesViewSkeletonComponent, selector: "axm-document-explorer-large-tiles-view-skeleton" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-document-explorer', standalone: true, encapsulation: ViewEncapsulation.None, host: {
-                        class: 'flex flex-1 min-h-full w-full flex-col',
+                        class: 'flex min-h-0 min-w-0 flex-1 flex-col',
                         '(click)': 'handleExplorerClick($event)',
                         '(contextmenu)': 'handleExplorerContextMenu($event)',
                     }, changeDetection: ChangeDetectionStrategy.Eager, imports: [
@@ -6255,7 +6841,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXMFileTypeModule,
                         AXPStateMessageComponent,
                         AXMDocumentExplorerLargeTilesViewSkeletonComponent,
-                    ], template: "<div class=\"view-container\">\n  @if (showSkeleton()) {\n    @if (skeletonView(); as skeleton) {\n      <ng-container [ngComponentOutlet]=\"skeleton\"></ng-container>\n    } @else {\n      <axm-document-explorer-large-tiles-view-skeleton></axm-document-explorer-large-tiles-view-skeleton>\n    }\n  } @else if (showEmptyState()) {\n    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@document-management:empty-states.no-items.title'\"\n      [description]=\"'@document-management:empty-states.no-items.description'\"\n    >\n    </axp-state-message>\n  } @else {\n    <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu: opened via host contextmenu after items are resolved (not via [target]/onOpening). -->\n@if (showContextMenu()) {\n  <ax-context-menu\n    #itemsContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n  <ax-context-menu\n    #rootContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n}\n", styles: ["axm-document-explorer>.view-container{display:flex;min-height:100%;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"view-container\">\n  @if (showSkeleton()) {\n    @if (skeletonView(); as skeleton) {\n      <ng-container [ngComponentOutlet]=\"skeleton\"></ng-container>\n    } @else {\n      <axm-document-explorer-large-tiles-view-skeleton></axm-document-explorer-large-tiles-view-skeleton>\n    }\n  } @else if (showEmptyState()) {\n    <axp-state-message\n      icon=\"fa-light fa-folder-open\"\n      [title]=\"'@document-management:empty-states.no-items.title'\"\n      [description]=\"'@document-management:empty-states.no-items.description'\"\n    >\n    </axp-state-message>\n  } @else {\n    <ng-container [ngComponentOutlet]=\"view()\"></ng-container>\n  }\n</div>\n\n<!-- Context Menu: opened via host contextmenu after items are resolved (not via [target]/onOpening). -->\n@if (showContextMenu()) {\n  <ax-context-menu\n    #itemsContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n  <ax-context-menu\n    #rootContextMenu\n    [orientation]=\"'vertical'\"\n    [closeOn]=\"'leave'\"\n    (onItemClick)=\"handleContextMenuItemClick($event)\"\n  >\n  </ax-context-menu>\n}\n", styles: ["axm-document-explorer>.view-container{display:flex;min-height:0px;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}axm-document-explorer .animation-duration-2s{--fa-animation-duration: 2s}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { contextMenu: [{ type: i0.ViewChild, args: ['itemsContextMenu', { isSignal: true }] }], rootContextMenu: [{ type: i0.ViewChild, args: ['rootContextMenu', { isSignal: true }] }], browseMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "browseMode", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], showContextMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showContextMenu", required: false }] }] } });
 
 //#endregion
@@ -6264,6 +6850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Document explorer side panel; maps view-model state into {@link AXPLayoutSideDetailPanelComponent}.
  */
 class AXMDocumentExplorerDetailPanelComponent {
+    static { this.METADATA_SECTION_KEY = '@document-management:terms.common.meta-data'; }
     //#endregion
     //#region ---- Lifecycle ----
     constructor() {
@@ -6284,6 +6871,8 @@ class AXMDocumentExplorerDetailPanelComponent {
         //#region ---- i18n ----
         this.multiSelectLabel = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "multiSelectLabel" }] : /* istanbul ignore next */ []));
+        this.panelSections = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panelSections" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- Panel model ----
         this.panelHeader = computed(() => {
@@ -6313,56 +6902,46 @@ class AXMDocumentExplorerDetailPanelComponent {
             };
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "panelHeader" }] : /* istanbul ignore next */ []));
-        this.panelSections = computed(() => {
-            if (this.vm.hasMultipleSelectedItems()) {
-                return [];
-            }
-            const node = (this.vm.selectedNode() ?? this.vm.currentFolder());
-            if (node == null) {
-                return [];
-            }
-            const nodeInfo = this.vm.getNodeInfo(node);
-            return nodeInfo.sections.map((section) => ({
-                title: section.title,
-                projectionKey: section.title === 'Metadata' ? 'metadata' : undefined,
-                rows: section.title === 'Metadata'
-                    ? undefined
-                    : section.details.map((detail) => ({
-                        label: detail.title,
-                        value: detail.content,
-                        format: detail.format,
-                    })),
-            }));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "panelSections" }] : /* istanbul ignore next */ []));
         effect(() => {
             void this.loadMultiSelectLabel();
         });
+        effect(() => {
+            this.vm.hasMultipleSelectedItems();
+            this.vm.selectedNode();
+            this.vm.currentFolder();
+            void this.rebuildPanelSections();
+        });
         effect(() => {
             const node = this.vm.selectedNode();
-            if (!node || node.type !== 'file' || !node.documentTypes?.[0]?.id) {
+            if (!node || !node.documentTypes?.length) {
+                this.metadataSchema.set(null);
+                this.metadataContext.set({ metaDataForm: {} });
+                this.metadataWidgetNode.set(null);
+                return;
+            }
+            const typeIds = node.documentTypes
+                .map((documentType) => documentType?.id)
+                .filter((id) => typeof id === 'string' && id.length > 0);
+            if (typeIds.length === 0) {
                 this.metadataSchema.set(null);
                 this.metadataContext.set({ metaDataForm: {} });
                 this.metadataWidgetNode.set(null);
                 return;
             }
-            const documentTypeId = node.documentTypes[0].id;
-            this.documentTypeService
-                .byKey(documentTypeId)
-                .then((doc) => {
-                const metaDataList = doc?.metaDataList ?? null;
-                this.metadataSchema.set(metaDataList);
+            const appliesTo = node.type === 'folder' ? 'folder' : 'document';
+            Promise.all(typeIds.map((id) => this.documentTypeService.byKey(id)))
+                .then((types) => {
+                const metaDataList = appliesTo === 'folder'
+                    ? collectFolderScopedMetaDataList(types)
+                    : collectDocumentScopedMetaDataList(types[0]?.metaDataList);
+                const viewList = toViewMetaDataList(metaDataList);
+                this.metadataSchema.set(viewList);
                 this.metadataContext.set({ metaDataForm: (node.metaDataForm ?? {}) });
-                this.metadataWidgetNode.set(metaDataList
+                this.metadataWidgetNode.set((viewList.groups ?? []).length
                     ? {
                         type: 'meta-data-form-editor',
                         path: 'metaDataForm',
-                        options: {
-                            groups: (metaDataList.groups ?? []).map((group) => ({
-                                ...group,
-                                fields: (group.fields ?? []).map((field) => ({ ...field, mode: 'view' })),
-                            })),
-                        },
+                        options: { groups: viewList.groups },
                     }
                     : null);
             })
@@ -6388,6 +6967,40 @@ class AXMDocumentExplorerDetailPanelComponent {
         const itemsSelected = (await this.translationService.translateAsync('@general:terms.interface.items-selected')) ?? 'items selected';
         this.multiSelectLabel.set(`${this.vm.selectedCount()} ${itemsSelected}`);
     }
+    async rebuildPanelSections() {
+        if (this.vm.hasMultipleSelectedItems()) {
+            this.panelSections.set([]);
+            return;
+        }
+        const node = (this.vm.selectedNode() ?? this.vm.currentFolder());
+        if (node == null) {
+            this.panelSections.set([]);
+            return;
+        }
+        const nodeInfo = this.vm.getNodeInfo(node);
+        const t = this.translationService;
+        const sections = [];
+        for (const section of nodeInfo.sections) {
+            const title = (await t.translateAsync(section.title)) ?? section.title;
+            const isMetadata = section.title === AXMDocumentExplorerDetailPanelComponent.METADATA_SECTION_KEY;
+            if (isMetadata) {
+                sections.push({ title, projectionKey: 'metadata' });
+                continue;
+            }
+            const rows = await Promise.all(section.details.map(async (detail) => {
+                const content = typeof detail.content === 'string' && detail.content.startsWith('@document-management:')
+                    ? ((await t.translateAsync(detail.content)) ?? detail.content)
+                    : detail.content;
+                return {
+                    label: (await t.translateAsync(detail.title)) ?? detail.title,
+                    value: content,
+                    format: detail.format,
+                };
+            }));
+            sections.push({ title, rows });
+        }
+        this.panelSections.set(sections);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentExplorerDetailPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentExplorerDetailPanelComponent, isStandalone: true, selector: "axm-document-explorer-detail-panel", ngImport: i0, template: "@if (vm.hasMultipleSelectedItems() && multiSelectLabel(); as multiLabel) {\n  <axp-layout-side-detail-panel [multiSelectLabel]=\"multiLabel\" (panelClose)=\"onPanelClose()\" />\n} @else {\n  <axp-layout-side-detail-panel\n    [header]=\"panelHeader()\"\n    [sections]=\"panelSections()\"\n    (panelClose)=\"onPanelClose()\"\n  >\n    @if (metadataWidgetNode(); as widgetNode) {\n      <ng-template axpLayoutSideDetailPanelSection=\"metadata\">\n        <axp-widgets-container [context]=\"metadataContext()\">\n          <ng-container axp-widget-renderer [node]=\"widgetNode\" [mode]=\"'view'\"></ng-container>\n        </axp-widgets-container>\n      </ng-template>\n    }\n  </axp-layout-side-detail-panel>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i6.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i6.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "component", type: AXPLayoutSideDetailPanelComponent, selector: "axp-layout-side-detail-panel", inputs: ["multiSelectLabel", "header", "sections", "rows", "rowsSectionTitle", "noRowsMessage", "emptyState"], outputs: ["panelClose"] }, { kind: "directive", type: AXPLayoutSideDetailPanelSectionDirective, selector: "[axpLayoutSideDetailPanelSection]", inputs: ["axpLayoutSideDetailPanelSection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -6477,18 +7090,20 @@ class AXMDocumentVersionBadgeComponent {
         //#region ----- Computed Properties -----
         this.versionNumber = computed(() => resolveDocumentVersionNumber(this.node()), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "versionNumber" }] : /* istanbul ignore next */ []));
+        this.isDraft = computed(() => this.node().versioningStatus === AXPVersioningStatus.Draft, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDraft" }] : /* istanbul ignore next */ []));
         this.textKey = `${VERSION_BADGE_I18N}.text`;
         this.tooltipKey = `${VERSION_BADGE_I18N}.tooltip`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentVersionBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentVersionBadgeComponent, isStandalone: true, selector: "axm-document-version-badge", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "hidden": "versionNumber() == null" }, classAttribute: "axm-document-version-badge" }, ngImport: i0, template: "@if (versionNumber(); as version) {\n  <!-- ----- Version number when versioning is enabled ----- -->\n  <span\n    class=\"axm-document-version-badge__chip\"\n    [axTooltip]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n    axTooltipPlacement=\"top\"\n    [attr.aria-label]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n  >\n    <i class=\"fa-light fa-code-branch\" aria-hidden=\"true\"></i>\n    <span class=\"axm-document-version-badge__text\">{{\n      (textKey | translate: { params: { version } } | async) ?? ''\n    }}</span>\n  </span>\n}\n", styles: ["@layer properties;.axm-document-version-badge{display:inline-flex;flex-shrink:0;align-items:center}.axm-document-version-badge__chip{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:1px;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-200));color:rgba(var(--ax-sys-color-primary-surface));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);cursor:help;font-size:10px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em)}.axm-document-version-badge__chip i{font-size:9px;opacity:75%}.axm-document-version-badge__text{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i2$2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMDocumentVersionBadgeComponent, isStandalone: true, selector: "axm-document-version-badge", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "hidden": "versionNumber() == null" }, classAttribute: "axm-document-version-badge" }, ngImport: i0, template: "@if (versionNumber(); as version) {\n  <!-- ----- Version number when versioning is enabled ----- -->\n  <span\n    class=\"axm-document-version-badge__chip\"\n    [class.axm-document-version-badge__chip--draft]=\"isDraft()\"\n    [axTooltip]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n    axTooltipPlacement=\"top\"\n    [attr.aria-label]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n  >\n    <i class=\"fa-light fa-code-branch\" aria-hidden=\"true\"></i>\n    <span class=\"axm-document-version-badge__text\">{{\n      (textKey | translate: { params: { version } } | async) ?? ''\n    }}</span>\n  </span>\n}\n", styles: ["@layer properties;.axm-document-version-badge{display:inline-flex;flex-shrink:0;align-items:center}.axm-document-version-badge__chip{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:1px;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-200));color:rgba(var(--ax-sys-color-primary-surface));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);cursor:help;font-size:10px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em)}.axm-document-version-badge__chip--draft{background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest);border-color:rgba(var(--ax-sys-color-warning-200));color:rgba(var(--ax-sys-color-warning-surface))}.axm-document-version-badge__chip i{font-size:9px;opacity:75%}.axm-document-version-badge__text{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i2$2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentVersionBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-document-version-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'axm-document-version-badge',
                         '[hidden]': 'versionNumber() == null',
-                    }, imports: [AXTooltipModule, AXTranslationModule, AsyncPipe], template: "@if (versionNumber(); as version) {\n  <!-- ----- Version number when versioning is enabled ----- -->\n  <span\n    class=\"axm-document-version-badge__chip\"\n    [axTooltip]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n    axTooltipPlacement=\"top\"\n    [attr.aria-label]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n  >\n    <i class=\"fa-light fa-code-branch\" aria-hidden=\"true\"></i>\n    <span class=\"axm-document-version-badge__text\">{{\n      (textKey | translate: { params: { version } } | async) ?? ''\n    }}</span>\n  </span>\n}\n", styles: ["@layer properties;.axm-document-version-badge{display:inline-flex;flex-shrink:0;align-items:center}.axm-document-version-badge__chip{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:1px;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-200));color:rgba(var(--ax-sys-color-primary-surface));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);cursor:help;font-size:10px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em)}.axm-document-version-badge__chip i{font-size:9px;opacity:75%}.axm-document-version-badge__text{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, imports: [AXTooltipModule, AXTranslationModule, AsyncPipe], template: "@if (versionNumber(); as version) {\n  <!-- ----- Version number when versioning is enabled ----- -->\n  <span\n    class=\"axm-document-version-badge__chip\"\n    [class.axm-document-version-badge__chip--draft]=\"isDraft()\"\n    [axTooltip]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n    axTooltipPlacement=\"top\"\n    [attr.aria-label]=\"(tooltipKey | translate: { params: { version } } | async) ?? ''\"\n  >\n    <i class=\"fa-light fa-code-branch\" aria-hidden=\"true\"></i>\n    <span class=\"axm-document-version-badge__text\">{{\n      (textKey | translate: { params: { version } } | async) ?? ''\n    }}</span>\n  </span>\n}\n", styles: ["@layer properties;.axm-document-version-badge{display:inline-flex;flex-shrink:0;align-items:center}.axm-document-version-badge__chip{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;padding-inline:calc(var(--spacing, .25rem) * 1.5);padding-block:1px;background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);border-color:rgba(var(--ax-sys-color-primary-200));color:rgba(var(--ax-sys-color-primary-surface));--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);cursor:help;font-size:10px;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em)}.axm-document-version-badge__chip--draft{background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest);border-color:rgba(var(--ax-sys-color-warning-200));color:rgba(var(--ax-sys-color-warning-surface))}.axm-document-version-badge__chip i{font-size:9px;opacity:75%}.axm-document-version-badge__text{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{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-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
 
 //#region ----- Imports -----
@@ -6626,14 +7241,19 @@ class AXMDocumentDrivePageComponent extends AXPPageLayoutBaseComponent {
             { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },
         ], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "sortItems" }] : /* istanbul ignore next */ []));
-        this.viewsItems = signal([
-            { key: 'large-icons', icon: 'fa-light fa-grid' },
-            { key: 'small-icons', icon: 'fa-light fa-grid', break: true },
-            { key: 'large-tiles', icon: 'fa-grid-2' },
-            { key: 'small-tiles', icon: 'fa-grid-2', break: true },
-            // { key: 'details', icon: 'fa-bars', break: true },
-            { key: 'list', icon: 'fa-list' },
-        ], /* @ts-ignore */
+        this.viewsItems = computed(() => {
+            const items = [
+                { key: 'large-icons', icon: 'fa-light fa-grid' },
+                { key: 'small-icons', icon: 'fa-light fa-grid', break: true },
+                { key: 'large-tiles', icon: 'fa-grid-2' },
+                { key: 'small-tiles', icon: 'fa-grid-2', break: true },
+                { key: 'list', icon: 'fa-list' },
+            ];
+            if (this.vm.canUseHomogeneousGrid()) {
+                items.splice(items.length - 1, 0, { key: 'details', icon: 'fa-light fa-table', break: true });
+            }
+            return items;
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "viewsItems" }] : /* istanbul ignore next */ []));
         this.selectedViewMode = computed(() => this.viewsItems().find((item) => item.key === this.vm.viewMode()) ?? this.viewsItems()[0], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedViewMode" }] : /* istanbul ignore next */ []));
@@ -6678,6 +7298,8 @@ class AXMDocumentDrivePageComponent extends AXPPageLayoutBaseComponent {
         this.#pageMetadataEffect = effect(() => {
             this.vm.isLoading();
             this.vm.currentNode();
+            this.vm.selectedCount();
+            this.vm.viewMode();
             untracked(() => {
                 this.recompute();
             });
@@ -6855,7 +7477,7 @@ class AXMDocumentDrivePageComponent extends AXPPageLayoutBaseComponent {
     //#endregion
     //#region ----   Page Layout Overrides   ----
     async getPrimaryMenuItems() {
-        if (this.vm.hasMultipleSelectedItems()) {
+        if (this.vm.showSelectionDeleteActions()) {
             return [
                 {
                     name: 'deleteItems',
@@ -6881,7 +7503,7 @@ class AXMDocumentDrivePageComponent extends AXPPageLayoutBaseComponent {
         return [];
     }
     async getSecondaryMenuItems() {
-        if (this.vm.hasMultipleSelectedItems()) {
+        if (this.vm.showSelectionDeleteActions()) {
             return [
                 {
                     name: 'delete',
@@ -6968,7 +7590,7 @@ class AXMDocumentDrivePageComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMDocumentDrivePageComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <!-- Back (left) + View Mode & Detail Panel Toggle (right) -->\n  <div class=\"flex justify-between items-center\">\n    <div class=\"flex gap-2 items-center\">\n      @if (canGoBackInPage()) {\n        <ax-button (onClick)=\"handleBack()\" [title]=\"'@general:actions.back.title' | translate | async\">\n          <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n    <div class=\"flex gap-2 items-center\">\n    <ax-button>\n      <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (item of viewsItems(); track item.key) {\n            <ax-button-item\n              [text]=\"('@document-management:view-modes.' + item.key | translate | async)!\"\n              [selected]=\"vm.isViewMode(item.key)\"\n              (onClick)=\"vm.setViewMode(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if (item.break) {\n              <ax-divider></ax-divider>\n            }\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon\n          icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n        ></ax-icon>\n      </ax-button>\n    }\n    </div>\n  </div>\n  <div class=\"overflow-auto flex flex-row gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n    }\n  </div>\n</div>\n\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"flex min-h-0 min-w-0 flex-col gap-2\">\n  <!-- Back (left) + View Mode & Detail Panel Toggle (right) -->\n  <div class=\"flex justify-between items-center\">\n    <div class=\"flex gap-2 items-center\">\n      @if (canGoBackInPage()) {\n        <ax-button (onClick)=\"handleBack()\" [title]=\"'@general:actions.back.title' | translate | async\">\n          <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n    <div class=\"flex gap-2 items-center\">\n    <ax-button>\n      <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (item of viewsItems(); track item.key) {\n            <ax-button-item\n              [text]=\"('@document-management:view-modes.' + item.key | translate | async)!\"\n              [selected]=\"vm.isViewMode(item.key)\"\n              (onClick)=\"vm.setViewMode(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if (item.break) {\n              <ax-divider></ax-divider>\n            }\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon\n          icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n        ></ax-icon>\n      </ax-button>\n    }\n    </div>\n  </div>\n  <div class=\"flex min-h-0 min-w-0 flex-1 flex-row gap-4 overflow-hidden\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"sticky top-0 z-50 h-full w-80 shrink-0\"></axm-document-explorer-detail-panel>\n    }\n  </div>\n</div>\n\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: AXMDocumentExplorerComponent, selector: "axm-document-explorer", inputs: ["browseMode", "viewMode", "selectionMode", "showContextMenu"] }, { kind: "component", type: AXMDocumentExplorerDetailPanelComponent, selector: "axm-document-explorer-detail-panel" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMDocumentDrivePageComponent, decorators: [{
             type: Component,
@@ -6992,7 +7614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             provide: AXPPageLayoutBase,
                             useExisting: AXMDocumentDrivePageComponent,
                         },
-                    ], template: "<div class=\"flex flex-col gap-2\">\n  <!-- Back (left) + View Mode & Detail Panel Toggle (right) -->\n  <div class=\"flex justify-between items-center\">\n    <div class=\"flex gap-2 items-center\">\n      @if (canGoBackInPage()) {\n        <ax-button (onClick)=\"handleBack()\" [title]=\"'@general:actions.back.title' | translate | async\">\n          <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n    <div class=\"flex gap-2 items-center\">\n    <ax-button>\n      <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (item of viewsItems(); track item.key) {\n            <ax-button-item\n              [text]=\"('@document-management:view-modes.' + item.key | translate | async)!\"\n              [selected]=\"vm.isViewMode(item.key)\"\n              (onClick)=\"vm.setViewMode(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if (item.break) {\n              <ax-divider></ax-divider>\n            }\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon\n          icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n        ></ax-icon>\n      </ax-button>\n    }\n    </div>\n  </div>\n  <div class=\"overflow-auto flex flex-row gap-4\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n    }\n  </div>\n</div>\n\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"flex min-h-0 min-w-0 flex-col gap-2\">\n  <!-- Back (left) + View Mode & Detail Panel Toggle (right) -->\n  <div class=\"flex justify-between items-center\">\n    <div class=\"flex gap-2 items-center\">\n      @if (canGoBackInPage()) {\n        <ax-button (onClick)=\"handleBack()\" [title]=\"'@general:actions.back.title' | translate | async\">\n          <ax-icon icon=\"fa-light fa-arrow-left\"></ax-icon>\n        </ax-button>\n      }\n    </div>\n    <div class=\"flex gap-2 items-center\">\n    <ax-button>\n      <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n      <ax-dropdown-panel>\n        <ax-button-item-list>\n          @for (item of viewsItems(); track item.key) {\n            <ax-button-item\n              [text]=\"('@document-management:view-modes.' + item.key | translate | async)!\"\n              [selected]=\"vm.isViewMode(item.key)\"\n              (onClick)=\"vm.setViewMode(item.key)\"\n            >\n              <ax-prefix>\n                <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n              </ax-prefix>\n            </ax-button-item>\n            @if (item.break) {\n              <ax-divider></ax-divider>\n            }\n          }\n        </ax-button-item-list>\n      </ax-dropdown-panel>\n    </ax-button>\n    @if (deviceService.isLarge()) {\n      <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n        <ax-icon\n          icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n        ></ax-icon>\n      </ax-button>\n    }\n    </div>\n  </div>\n  <div class=\"flex min-h-0 min-w-0 flex-1 flex-row gap-4 overflow-hidden\">\n    <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n    @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n      <axm-document-explorer-detail-panel class=\"sticky top-0 z-50 h-full w-80 shrink-0\"></axm-document-explorer-detail-panel>\n    }\n  </div>\n</div>\n\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
 
 var documentDrivePage_component = /*#__PURE__*/Object.freeze({
@@ -7383,15 +8005,15 @@ class AXMDocumentManagementModule {
             provideCommandSetups([
                 {
                     key: 'DocumentManagement.Document:Upload',
-                    command: () => import('./acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs').then((c) => c.AXMUploadDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs').then((c) => c.AXMUploadDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.Document:Open',
-                    command: () => import('./acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs').then((c) => c.AXMOpenDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs').then((c) => c.AXMOpenDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.Document:Distribute',
-                    command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-CCLwJcFb.mjs').then((c) => c.AXMDistributeDocumentCommand),
+                    command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-BaCdm2YF.mjs').then((c) => c.AXMDistributeDocumentCommand),
                 },
                 {
                     key: 'DocumentManagement.DocumentDistribution:SignOff',
@@ -7482,15 +8104,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: 'DocumentManagement.Document:Upload',
-                                command: () => import('./acorex-platform-module-document-management-client-upload-document.command-CCRAgI9w.mjs').then((c) => c.AXMUploadDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-upload-document.command-D3L6x6CQ.mjs').then((c) => c.AXMUploadDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.Document:Open',
-                                command: () => import('./acorex-platform-module-document-management-client-open-document.command--tM4SRV7.mjs').then((c) => c.AXMOpenDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-open-document.command-Bimm2bzt.mjs').then((c) => c.AXMOpenDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.Document:Distribute',
-                                command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-CCLwJcFb.mjs').then((c) => c.AXMDistributeDocumentCommand),
+                                command: () => import('./acorex-platform-module-document-management-client-distribute-document.command-BaCdm2YF.mjs').then((c) => c.AXMDistributeDocumentCommand),
                             },
                             {
                                 key: 'DocumentManagement.DocumentDistribution:SignOff',
@@ -7578,14 +8200,19 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             { key: 'size', textKey: 'actions.sort-by-size', icon: 'fa-light fa-weight-hanging' },
         ], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "sortItems" }] : /* istanbul ignore next */ []));
-        this.viewsItems = signal([
-            { key: 'large-icons', icon: 'fa-light fa-grid' },
-            { key: 'small-icons', icon: 'fa-light fa-grid', break: true },
-            { key: 'large-tiles', icon: 'fa-grid-2' },
-            { key: 'small-tiles', icon: 'fa-grid-2', break: true },
-            // { key: 'details', icon: 'fa-bars', break: true },
-            { key: 'list', icon: 'fa-list' },
-        ], /* @ts-ignore */
+        this.viewsItems = computed(() => {
+            const items = [
+                { key: 'large-icons', icon: 'fa-light fa-grid' },
+                { key: 'small-icons', icon: 'fa-light fa-grid', break: true },
+                { key: 'large-tiles', icon: 'fa-grid-2' },
+                { key: 'small-tiles', icon: 'fa-grid-2', break: true },
+                { key: 'list', icon: 'fa-list' },
+            ];
+            if (this.vm.canUseHomogeneousGrid()) {
+                items.splice(items.length - 1, 0, { key: 'details', icon: 'fa-light fa-table', break: true });
+            }
+            return items;
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "viewsItems" }] : /* istanbul ignore next */ []));
         this.selectedViewMode = computed(() => this.viewsItems().find((item) => item.key === this.vm.viewMode()) || this.viewsItems()[0], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedViewMode" }] : /* istanbul ignore next */ []));
@@ -7619,6 +8246,8 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
         this.#pageMetadataEffect = effect(() => {
             this.vm.isLoading();
             this.vm.currentNode();
+            this.vm.selectedCount();
+            this.vm.viewMode();
             untracked(() => {
                 this.recompute();
             });
@@ -8092,7 +8721,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
     //#endregion
     //#region ----------------   Page Configuration Overrides   ----------------
     async getPrimaryMenuItems() {
-        if (this.vm.hasMultipleSelectedItems()) {
+        if (this.vm.showSelectionDeleteActions()) {
             return [
                 {
                     name: 'deleteItems',
@@ -8104,6 +8733,9 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
             ];
         }
         const addItemItems = await this.vm.getFolderAddMenuItems();
+        if (addItemItems.length === 0) {
+            return [];
+        }
         addItemItems[addItemItems.length - 1].break = false;
         return [
             {
@@ -8115,7 +8747,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
         ];
     }
     async getSecondaryMenuItems() {
-        if (this.vm.hasMultipleSelectedItems()) {
+        if (this.vm.showSelectionDeleteActions()) {
             return [
                 {
                     name: 'delete',
@@ -8229,7 +8861,7 @@ class AXMDocumentDriveComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMDocumentDriveComponent,
             },
-        ], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (vm.hasMultipleSelectedItems()) {\n          <div class=\"flex gap-3 items-center h-10\">\n            <span class=\"text-xl font-bold\">\n              {{ vm.selectedCount() }} {{ '@general:terms.interface.items-selected' | translate | async }}\n            </span>\n            <span (click)=\"vm.deselectAll()\" class=\"text-sm text-secondary underline cursor-pointer\">{{\n              '@general:actions.unselect.title' | translate | async\n            }}</span>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"advancedFilterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              (onFiltersChanged)=\"handleAdvancedFiltersChanged($event)\"\n              [quickSearch]=\"true\"\n            ></axp-query-filters>\n          }\n        }\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n\n      <axp-layout-suffix class=\"flex gap-2\">\n        <!-- Sort Dropdown -->\n        <ax-button>\n          <ax-icon\n            [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n          ></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <!-- Sort By Options -->\n              @for (item of sortItems(); track item.key) {\n                <ax-button-item\n                  [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                  (onClick)=\"vm.setSortField(item.key)\"\n                  [selected]=\"vm.sortField() === item.key\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              }\n              <ax-divider></ax-divider>\n              <!-- Sort Direction Options -->\n              <ax-button-item\n                [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'asc'\"\n                (onClick)=\"vm.setSortDirection('asc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'desc'\"\n                (onClick)=\"vm.setSortDirection('desc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- View Mode Toggle -->\n        <ax-button>\n          <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewsItems(); track item.key) {\n                <!-- view mode items -->\n                <ax-button-item\n                  [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n                  [selected]=\"vm.isViewMode(item.key)\"\n                  (onClick)=\"vm.setViewMode(item.key)\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n                @if (item.break) {\n                  <ax-divider></ax-divider>\n                }\n                <!-- end of view mode items -->\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        @if (deviceService.isLarge()) {\n          <!-- Detail Panel Toggle -->\n          <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n            <ax-icon\n              icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n            ></ax-icon>\n          </ax-button>\n        }\n      </axp-layout-suffix>\n    </div>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"overflow-auto flex flex-col\">\n    <div class=\"flex flex-row gap-4 flex-1 overflow-auto\">\n      <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n      @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n        <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n      }\n    </div>\n  </axp-page-content>\n\n  <!-- Footer Section removed: breadcrumbs are now provided via page-level breadcrumbs -->\n</axp-page-layout>\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
+        ], viewQueries: [{ propertyName: "documentExplorer", first: true, predicate: AXMDocumentExplorerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (vm.hasMultipleSelectedItems() && !vm.isDetailsView()) {\n          <div class=\"flex gap-3 items-center h-10\">\n            <span class=\"text-xl font-bold\">\n              {{ vm.selectedCount() }} {{ '@general:terms.interface.items-selected' | translate | async }}\n            </span>\n            <span (click)=\"vm.deselectAll()\" class=\"text-sm text-secondary underline cursor-pointer\">{{\n              '@general:actions.unselect.title' | translate | async\n            }}</span>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"advancedFilterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              (onFiltersChanged)=\"handleAdvancedFiltersChanged($event)\"\n              [quickSearch]=\"true\"\n            ></axp-query-filters>\n          }\n        }\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n\n      <axp-layout-suffix class=\"flex gap-2\">\n        <!-- Sort Dropdown -->\n        <ax-button>\n          <ax-icon\n            [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n          ></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <!-- Sort By Options -->\n              @for (item of sortItems(); track item.key) {\n                <ax-button-item\n                  [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                  (onClick)=\"vm.setSortField(item.key)\"\n                  [selected]=\"vm.sortField() === item.key\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              }\n              <ax-divider></ax-divider>\n              <!-- Sort Direction Options -->\n              <ax-button-item\n                [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'asc'\"\n                (onClick)=\"vm.setSortDirection('asc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'desc'\"\n                (onClick)=\"vm.setSortDirection('desc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- View Mode Toggle -->\n        <ax-button>\n          <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewsItems(); track item.key) {\n                <!-- view mode items -->\n                <ax-button-item\n                  [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n                  [selected]=\"vm.isViewMode(item.key)\"\n                  (onClick)=\"vm.setViewMode(item.key)\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n                @if (item.break) {\n                  <ax-divider></ax-divider>\n                }\n                <!-- end of view mode items -->\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        @if (deviceService.isLarge()) {\n          <!-- Detail Panel Toggle -->\n          <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n            <ax-icon\n              icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n            ></ax-icon>\n          </ax-button>\n        }\n      </axp-layout-suffix>\n    </div>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"flex min-w-0 flex-col overflow-x-hidden overflow-y-auto\">\n    <div class=\"flex min-h-0 min-w-0 flex-1 flex-row gap-4 overflow-hidden\">\n      <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n      @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n        <axm-document-explorer-detail-panel class=\"sticky top-0 z-50 h-full w-80 shrink-0\"></axm-document-explorer-detail-panel>\n      }\n    </div>\n  </axp-page-content>\n\n  <!-- Footer Section removed: breadcrumbs are now provided via page-level breadcrumbs -->\n</axp-page-layout>\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: 
                 //
                 AXMenuModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1$5.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$5.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i2$3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i3$2.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXFileModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: 
                 //
@@ -8269,7 +8901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             provide: AXPPageLayoutBase,
                             useExisting: AXMDocumentDriveComponent,
                         },
-                    ], template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (vm.hasMultipleSelectedItems()) {\n          <div class=\"flex gap-3 items-center h-10\">\n            <span class=\"text-xl font-bold\">\n              {{ vm.selectedCount() }} {{ '@general:terms.interface.items-selected' | translate | async }}\n            </span>\n            <span (click)=\"vm.deselectAll()\" class=\"text-sm text-secondary underline cursor-pointer\">{{\n              '@general:actions.unselect.title' | translate | async\n            }}</span>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"advancedFilterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              (onFiltersChanged)=\"handleAdvancedFiltersChanged($event)\"\n              [quickSearch]=\"true\"\n            ></axp-query-filters>\n          }\n        }\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n\n      <axp-layout-suffix class=\"flex gap-2\">\n        <!-- Sort Dropdown -->\n        <ax-button>\n          <ax-icon\n            [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n          ></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <!-- Sort By Options -->\n              @for (item of sortItems(); track item.key) {\n                <ax-button-item\n                  [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                  (onClick)=\"vm.setSortField(item.key)\"\n                  [selected]=\"vm.sortField() === item.key\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              }\n              <ax-divider></ax-divider>\n              <!-- Sort Direction Options -->\n              <ax-button-item\n                [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'asc'\"\n                (onClick)=\"vm.setSortDirection('asc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'desc'\"\n                (onClick)=\"vm.setSortDirection('desc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- View Mode Toggle -->\n        <ax-button>\n          <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewsItems(); track item.key) {\n                <!-- view mode items -->\n                <ax-button-item\n                  [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n                  [selected]=\"vm.isViewMode(item.key)\"\n                  (onClick)=\"vm.setViewMode(item.key)\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n                @if (item.break) {\n                  <ax-divider></ax-divider>\n                }\n                <!-- end of view mode items -->\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        @if (deviceService.isLarge()) {\n          <!-- Detail Panel Toggle -->\n          <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n            <ax-icon\n              icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n            ></ax-icon>\n          </ax-button>\n        }\n      </axp-layout-suffix>\n    </div>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"overflow-auto flex flex-col\">\n    <div class=\"flex flex-row gap-4 flex-1 overflow-auto\">\n      <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n      @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n        <axm-document-explorer-detail-panel class=\"sticky top-0 z-50\"></axm-document-explorer-detail-panel>\n      }\n    </div>\n  </axp-page-content>\n\n  <!-- Footer Section removed: breadcrumbs are now provided via page-level breadcrumbs -->\n</axp-page-layout>\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<!-- Main Layout -->\n<axp-page-layout *translate=\"let t\">\n  <axp-page-toolbar>\n    <!-- Left Side Toolbar -->\n    <div class=\"w-full flex items-center\">\n      <axp-layout-prefix class=\"w-full\">\n        @if (vm.hasMultipleSelectedItems() && !vm.isDetailsView()) {\n          <div class=\"flex gap-3 items-center h-10\">\n            <span class=\"text-xl font-bold\">\n              {{ vm.selectedCount() }} {{ '@general:terms.interface.items-selected' | translate | async }}\n            </span>\n            <span (click)=\"vm.deselectAll()\" class=\"text-sm text-secondary underline cursor-pointer\">{{\n              '@general:actions.unselect.title' | translate | async\n            }}</span>\n          </div>\n        } @else {\n          @for (_k of [queryFiltersKey()]; track _k) {\n            <axp-query-filters\n              [filtersDefinitions]=\"advancedFilterDefinitions()\"\n              [initialFilters]=\"panelInitialFilters()\"\n              (onFiltersChanged)=\"handleAdvancedFiltersChanged($event)\"\n              [quickSearch]=\"true\"\n            ></axp-query-filters>\n          }\n        }\n      </axp-layout-prefix>\n\n      <!-- Right Side Toolbar -->\n\n      <axp-layout-suffix class=\"flex gap-2\">\n        <!-- Sort Dropdown -->\n        <ax-button>\n          <ax-icon\n            [icon]=\"'fa-light fa-arrow-' + (vm.sortDirection() === 'asc' ? 'up' : 'down') + '-wide-short'\"\n          ></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              <!-- Sort By Options -->\n              @for (item of sortItems(); track item.key) {\n                <ax-button-item\n                  [text]=\"(t(item.textKey, { scope: rootConfig.config.i18n }) | async)!\"\n                  (onClick)=\"vm.setSortField(item.key)\"\n                  [selected]=\"vm.sortField() === item.key\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"item.icon\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              }\n              <ax-divider></ax-divider>\n              <!-- Sort Direction Options -->\n              <ax-button-item\n                [text]=\"(t('actions.sort-ascending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'asc'\"\n                (onClick)=\"vm.setSortDirection('asc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-up-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n              <ax-button-item\n                [text]=\"(t('actions.sort-descending', { scope: rootConfig.config.i18n }) | async)!\"\n                [selected]=\"vm.sortDirection() === 'desc'\"\n                (onClick)=\"vm.setSortDirection('desc')\"\n              >\n                <ax-prefix>\n                  <ax-icon icon=\"fa-light fa-arrow-down-wide-short\"></ax-icon>\n                </ax-prefix>\n              </ax-button-item>\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        <!-- View Mode Toggle -->\n        <ax-button>\n          <ax-icon icon=\"fa-light {{ selectedViewMode().icon }}\"></ax-icon>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for (item of viewsItems(); track item.key) {\n                <!-- view mode items -->\n                <ax-button-item\n                  [text]=\"(t('view-modes.' + item.key, { scope: rootConfig.config.i18n }) | async)!\"\n                  [selected]=\"vm.isViewMode(item.key)\"\n                  (onClick)=\"vm.setViewMode(item.key)\"\n                >\n                  <ax-prefix>\n                    <ax-icon icon=\"fa-light {{ item.icon }}\"></ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n                @if (item.break) {\n                  <ax-divider></ax-divider>\n                }\n                <!-- end of view mode items -->\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n\n        @if (deviceService.isLarge()) {\n          <!-- Detail Panel Toggle -->\n          <ax-button (onClick)=\"vm.toggleDetailPanel()\">\n            <ax-icon\n              icon=\"{{ vm.isDetailPanelOpen() ? 'fa-solid fa-square-info' : 'fa-light fa-square-info' }}\"\n            ></ax-icon>\n          </ax-button>\n        }\n      </axp-layout-suffix>\n    </div>\n  </axp-page-toolbar>\n\n  <!-- Content Section -->\n  <axp-page-content class=\"flex min-w-0 flex-col overflow-x-hidden overflow-y-auto\">\n    <div class=\"flex min-h-0 min-w-0 flex-1 flex-row gap-4 overflow-hidden\">\n      <axm-document-explorer [selectionMode]=\"selectionMode()\"></axm-document-explorer>\n      @if (vm.isDetailPanelOpen() && deviceService.isLarge()) {\n        <axm-document-explorer-detail-panel class=\"sticky top-0 z-50 h-full w-80 shrink-0\"></axm-document-explorer-detail-panel>\n      }\n    </div>\n  </axp-page-content>\n\n  <!-- Footer Section removed: breadcrumbs are now provided via page-level breadcrumbs -->\n</axp-page-layout>\n", styles: ["/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { documentExplorer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXMDocumentExplorerComponent), { isSignal: true }] }], handleCtrlKey: [{
                 type: HostListener,
                 args: ['document:keydown.control', ['$event']]
@@ -8287,5 +8919,5 @@ var drive_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXPDocumentExplorerViewModel as A, AXM_DOCUMENT_EXPIRATION_STATUS as B, AXM_DOCUMENT_EXPIRATION_STATUS_DEFINITION_KEY as C, AXPDocumentManagementService as D, AXPDocumentManagementSettingProvider as E, AXmFileTypeExtensionWidget as F, DM_AUDIO_EXTENSION_ICONS as G, DM_DOCUMENT_EXTENSION_ICONS as H, DM_FILE_EXTENSION_ICONS as I, DM_FILE_TYPE_ICONS as J, DM_VIDEO_EXTENSION_ICONS as K, DOCUMENT_DRIVE_PAGE_COMPONENT_KEY as L, buildDocumentManagementFileTypeCatalog as M, documentPlugin as N, resolveDocumentExpirationBadge as O, resolveDocumentVersionNumber as P, resolveFolderExpirationCountBadges as Q, ScopedDriveService as S, AXMDocumentExpirationBadgeComponent as a, AXMDocumentVersionBadgeComponent as b, AXMFolderExpirationBadgesComponent as c, AXMDocumentManagerService as d, AXMDocumentDialogService as e, buildFileChooserOptionsFromDocumentType as f, AXMDocumentExplorerComponent as g, AXMFolderPathBreadcrumbsComponent as h, AXMDocumentDriveComponent as i, AXMDocumentDrivePageComponent as j, AXMDocumentDrivePageComponentProvider as k, AXMDocumentExpirationStatusProvider as l, AXMDocumentManagementApiService as m, AXMDocumentManagementFileTypeProvider as n, AXMDocumentManagementModule as o, AXMDocumentManagerServiceImpl as p, AXMFileTypeExtensionWidgetColumnComponent as q, AXMFileTypeExtensionWidgetDesignerComponent as r, AXMFileTypeExtensionWidgetEditComponent as s, AXMFileTypeExtensionWidgetViewComponent as t, AXMFileTypeModule as u, AXMMenuProvider as v, AXMSearchCommandProvider as w, AXM_DOCUMENT_ATTACHMENT_DIALOG_ON_ACTION_HOOK_KEY as x, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT as y, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT_NO_SAVE as z };
-//# sourceMappingURL=acorex-platform-module-document-management-client-acorex-platform-module-document-management-client--0oIEHPI.mjs.map
+export { AXPDocumentExplorerViewModel as A, AXMFileTypeModule as B, AXMMenuProvider as C, AXMSearchCommandProvider as D, AXM_DOCUMENT_ATTACHMENT_DIALOG_ON_ACTION_HOOK_KEY as E, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT as F, AXM_DOCUMENT_DIALOG_SURFACE_ATTACHMENT_NO_SAVE as G, AXM_DOCUMENT_EXPIRATION_STATUS as H, AXM_DOCUMENT_EXPIRATION_STATUS_DEFINITION_KEY as I, AXPDocumentManagementService as J, AXPDocumentManagementSettingProvider as K, AXmFileTypeExtensionWidget as L, DM_AUDIO_EXTENSION_ICONS as M, DM_DOCUMENT_EXTENSION_ICONS as N, DM_FILE_EXTENSION_ICONS as O, DM_FILE_TYPE_ICONS as P, DM_VIDEO_EXTENSION_ICONS as Q, DOCUMENT_DRIVE_PAGE_COMPONENT_KEY as R, ScopedDriveService as S, buildDocumentManagementFileTypeCatalog as T, documentPlugin as U, resolveDocumentExpirationBadge as V, resolveDocumentVersionNumber as W, resolveFolderExpirationCountBadges as X, AXMDocumentExpirationBadgeComponent as a, AXMDocumentVersionBadgeComponent as b, AXMFolderExpirationBadgesComponent as c, collectFolderScopedMetaDataList as d, collectDocumentScopedMetaDataList as e, flattenMetaDataColumns as f, collectDocumentTypeIds as g, collectDocumentTypeNames as h, AXMDocumentManagerService as i, AXMDocumentDialogService as j, buildFileChooserOptionsFromDocumentType as k, AXMDocumentExplorerComponent as l, AXMFolderPathBreadcrumbsComponent as m, AXMDocumentDriveComponent as n, AXMDocumentDrivePageComponent as o, AXMDocumentDrivePageComponentProvider as p, AXMDocumentExpirationStatusProvider as q, readNodeMetaDataValue as r, AXMDocumentManagementApiService as s, AXMDocumentManagementFileTypeProvider as t, AXMDocumentManagementModule as u, AXMDocumentManagerServiceImpl as v, AXMFileTypeExtensionWidgetColumnComponent as w, AXMFileTypeExtensionWidgetDesignerComponent as x, AXMFileTypeExtensionWidgetEditComponent as y, AXMFileTypeExtensionWidgetViewComponent as z };
+//# sourceMappingURL=acorex-platform-module-document-management-client-acorex-platform-module-document-management-client-qhcOFKFu.mjs.map