@acorex-platform/module-platform-dev-tools-client 0.0.21

package/fesm2022/acorex-platform-module-platform-dev-tools-client.mjs

@@ -0,0 +1,1062 @@
+import { AXPModuleManifestRegistry, AXP_MODULE_MANIFEST_PROVIDER, provideLazyProvider } from '@acorex-platform/framework-client/core';
+import { AXP_SETTING_DEFINITION_PROVIDER, AXP_MENU_PROVIDER } from '@acorex-platform/framework-client/common';
+import { AXPPermissionDefinitionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
+import { AXPRootLayoutComponent } from '@acorex-platform/framework-client/themes/default';
+import * as i0 from '@angular/core';
+import { Injectable, inject, input, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, effect, viewChild, output, NgModule } from '@angular/core';
+import { ROUTES } from '@angular/router';
+import { RootConfig, AXPApplicationsPlatformPermissionKeys, AXPPlatformDevToolsSettings, AXP_PLATFORM_DEV_TOOLS_COMMUNICATION_DEBUG_REDIRECT_SECTION } from '@acorex-platform/module-platform-dev-tools-client/contracts';
+import { AXPCommonPermissionGroupKeys } from '@acorex-platform/module-common-client/contracts';
+import { AXPWidgetsList } from '@acorex-platform/framework-shared/core';
+import { AXPEntityResolver } from '@acorex-platform/framework-client/layout/entity';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXTreeViewComponent } from '@acorex/components/tree-view';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex-platform/framework-client/layout/views';
+import * as i2 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPThemeLayoutStartSideComponent, AXPThemeLayoutHeaderComponent, AXPThemeLayoutBlockComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXDataSource } from '@acorex/cdk/common';
+import * as i1$1 from '@acorex/components/data-table';
+import { AXDataTableModule } from '@acorex/components/data-table';
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Manifest Definition   ----
+/**
+ * Platform Dev Tools Module Manifest.
+ * Development-only module for exploring platform structure (modules, entities, permissions, features).
+ */
+const PlatformDevToolsManifest = {
+    name: RootConfig.module.name,
+    version: '1.0.0',
+    title: RootConfig.module.title,
+    icon: RootConfig.module.icon,
+    i18n: RootConfig.config.i18n,
+    type: 'platform',
+    domain: 'platform',
+    description: '@platform-dev-tools:module.description',
+    required: false,
+};
+//#endregion
+
+//#endregion
+//#region ---- Permission Definition Provider ----
+/**
+ * Registers UseDevTools under Applications & Platform.
+ */
+class AXMPermissionDefinitionProvider {
+    async define(context) {
+        const keys = AXPApplicationsPlatformPermissionKeys;
+        const groups = AXPCommonPermissionGroupKeys;
+        const P = '@common:applications-platform.permissions';
+        const G = '@common:permission-groups';
+        context.addGroup(groups.ApplicationsPlatform.Root, `${G}.applications-platform.title`, `${G}.applications-platform.description`, { order: 110 });
+        context
+            .addGroup(groups.ApplicationsPlatform.DevTools, `${G}.applications-platform-dev-tools.title`, `${G}.applications-platform-dev-tools.description`, { parent: groups.ApplicationsPlatform.Root, order: 40 })
+            .addPermission(keys.UseDevTools, `${P}.use-dev-tools.title`, `${P}.use-dev-tools.description`, {
+            modules: ['PlatformDevTools'],
+            requiredFeatures: ['PlatformDevTools'],
+        })
+            .endPermission()
+            .endGroup();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPermissionDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPermissionDefinitionProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPermissionDefinitionProvider, decorators: [{
+            type: Injectable
+        }] });
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Setting Provider   ----
+/**
+ * Defines settings for Platform Dev Tools (developer-oriented options).
+ */
+class AXPPlatformDevToolsSettingProvider {
+    async provide(context) {
+        context
+            .addGroup('platform-dev-tools', '@platform-dev-tools:settings.group.nav-title', '@platform-dev-tools:settings.group.description', 'fa-light fa-wrench', '@platform-dev-tools:settings.group.title', 999)
+            .addSection('developer', '@platform-dev-tools:settings.developer.title', '@platform-dev-tools:settings.developer.description')
+            .addSetting({
+            key: AXPPlatformDevToolsSettings.DebugMode,
+            title: '@platform-dev-tools:settings.developer.items.debug-mode.title',
+            description: '@platform-dev-tools:settings.developer.items.debug-mode.description',
+            scope: 'P',
+            overridableAt: [],
+            // Platform-only developer switch (same pattern as System Insight / Auth).
+            isInherited: false,
+            defaultValue: false,
+            widget: {
+                type: AXPWidgetsList.Editors.ToggleSwitch,
+            },
+        })
+            .endSection()
+            .addSection(AXP_PLATFORM_DEV_TOOLS_COMMUNICATION_DEBUG_REDIRECT_SECTION, '@platform-dev-tools:settings.communication-debug-redirect.title', '@platform-dev-tools:settings.communication-debug-redirect.description')
+            .endSection()
+            .endGroup();
+    }
+}
+//#endregion
+
+//#region ----   Tree node types   ----
+//#endregion
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Service   ----
+class PlatformExplorerDataService {
+    constructor() {
+        this.manifestRegistry = inject(AXPModuleManifestRegistry);
+        this.entityResolver = inject(AXPEntityResolver);
+        this.permissionService = inject(AXPPermissionDefinitionService);
+    }
+    /**
+     * Build only root-level module nodes (no children). Children are loaded on expand via getModuleChildren.
+     * Includes all modules; use buildModulesOnlyFiltered() to exclude modules with no entities/permissions/features.
+     */
+    async buildModulesOnly() {
+        await this.manifestRegistry.initialize();
+        const modules = this.manifestRegistry.getAll();
+        const tree = modules.map((mod) => ({
+            id: `module-${mod.name}`,
+            kind: 'module',
+            label: mod.title,
+            moduleName: mod.name,
+            moduleTitle: mod.title,
+            payload: mod,
+            children: [],
+        }));
+        tree.sort((a, b) => {
+            const nameA = a.payload?.name ?? a.moduleName ?? '';
+            const nameB = b.payload?.name ?? b.moduleName ?? '';
+            return nameA.localeCompare(nameB, undefined, { sensitivity: 'base' });
+        });
+        return tree;
+    }
+    /**
+     * Build root-level module nodes, excluding modules that have no entities, permissions, or features.
+     * Each module node gets itemCount = number of non-empty subcategories (for badge).
+     */
+    async buildModulesOnlyFiltered() {
+        const all = await this.buildModulesOnly();
+        const filtered = [];
+        for (const modNode of all) {
+            const children = await this.getModuleChildren(modNode.id);
+            if (children.length > 0) {
+                filtered.push({
+                    ...modNode,
+                    itemCount: children.length,
+                });
+            }
+        }
+        return filtered;
+    }
+    /**
+     * Load entities, permissions, and features for a module (called when module node is expanded or clicked).
+     * Only includes subcategories that have at least one item. Returns empty array if module has no items.
+     */
+    async getModuleChildren(moduleId) {
+        const moduleName = moduleId.startsWith('module-') ? moduleId.slice(7) : moduleId;
+        const mod = this.manifestRegistry.get(moduleName);
+        if (!mod)
+            return [];
+        const moduleTitle = mod.title;
+        const [allEntries, permissions, features] = await Promise.all([
+            this.entityResolver.listAll(),
+            this.getPermissionsForModule(moduleName),
+            Promise.resolve(this.getFeaturesForModule(moduleName)),
+        ]);
+        const moduleEntities = allEntries.filter((e) => e.module === moduleName);
+        const permissionsCount = permissions.length;
+        const featuresCount = features.length;
+        const nodes = [];
+        if (moduleEntities.length > 0) {
+            nodes.push({
+                id: `module-${moduleName}-entities`,
+                kind: 'entities',
+                label: '@platform-dev-tools:module.terms.entities',
+                moduleName,
+                moduleTitle,
+                itemCount: moduleEntities.length,
+                children: moduleEntities.map((e) => ({
+                    id: `entity-${moduleName}-${e.name}`,
+                    kind: 'entity',
+                    label: e.name,
+                    moduleName,
+                    moduleTitle,
+                    payload: e,
+                })),
+            });
+        }
+        if (permissionsCount > 0) {
+            nodes.push({
+                id: `module-${moduleName}-permissions`,
+                kind: 'permissions',
+                label: '@platform-dev-tools:module.terms.permissions',
+                moduleName,
+                moduleTitle,
+                itemCount: permissionsCount,
+            });
+        }
+        if (featuresCount > 0) {
+            nodes.push({
+                id: `module-${moduleName}-features`,
+                kind: 'features',
+                label: '@platform-dev-tools:module.terms.features',
+                moduleName,
+                moduleTitle,
+                itemCount: featuresCount,
+            });
+        }
+        return nodes;
+    }
+    /**
+     * Get all permissions for a module (for display in module detail).
+     */
+    async getPermissionsForModule(moduleName) {
+        const groups = await this.permissionService.getGroups();
+        return this.collectPermissionsForModule(groups, moduleName);
+    }
+    /**
+     * Get all features for a module (for display in module detail).
+     */
+    getFeaturesForModule(moduleName) {
+        return this.manifestRegistry.getModuleFeatures(moduleName);
+    }
+    collectPermissionsForModule(groups, moduleName) {
+        const prefix = `${moduleName}:`;
+        const out = [];
+        const collect = (items) => {
+            for (const p of items) {
+                if (p.name.startsWith(prefix))
+                    out.push(p);
+                if (p.children?.length)
+                    collect(p.children);
+            }
+        };
+        for (const g of groups) {
+            if (g.name === moduleName)
+                collect(g.permissions);
+        }
+        return out;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PlatformExplorerDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PlatformExplorerDataService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PlatformExplorerDataService, decorators: [{
+            type: Injectable
+        }] });
+
+//#region ----   Imports   ----
+//#endregion
+class AXPlatformExplorerModuleDetailComponent {
+    constructor() {
+        this.payload = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "payload" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerModuleDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerModuleDetailComponent, isStandalone: true, selector: "axp-platform-explorer-module-detail", inputs: { payload: { classPropertyName: "payload", publicName: "payload", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (payload()) {
+      <section class="axp-module-detail">
+        <h3 class="axp-module-detail__section-title">
+          {{ '@platform-dev-tools:module.terms.module-info' | translate | async }}
+        </h3>
+        <dl class="axp-detail-dl">
+          <dt>
+            {{ '@platform-dev-tools:module.terms.name' | translate | async }}
+          </dt>
+          <dd>{{ payload()!.name }}</dd>
+
+          <dt>
+            {{ '@platform-dev-tools:module.terms.version' | translate | async }}
+          </dt>
+          <dd>{{ payload()!.version }}</dd>
+
+          <dt>
+            {{ '@platform-dev-tools:module.terms.title' | translate | async }}
+          </dt>
+          <dd>{{ payload()!.title }}</dd>
+
+          @if (payload()!.description) {
+            <dt>
+              {{ '@platform-dev-tools:module.terms.description' | translate | async }}
+            </dt>
+            <dd>{{ payload()!.description }}</dd>
+          }
+
+          @if (payload()!.i18n) {
+            <dt>i18n</dt>
+            <dd>{{ payload()!.i18n }}</dd>
+          }
+
+          @if (payload()!.required !== undefined) {
+            <dt>
+              {{ '@platform-dev-tools:module.terms.required' | translate | async }}
+            </dt>
+            <dd>{{ payload()!.required }}</dd>
+          }
+        </dl>
+      </section>
+    }
+  `, isInline: true, styles: [".axp-module-detail{margin-bottom:24px}.axp-module-detail__section-title{margin:0 0 12px;font-size:15px;font-weight:600}.axp-detail-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}.axp-detail-dl dt{font-weight:600;color:var(--ax-neutral-text-secondary, #666)}.axp-detail-dl dd{margin:0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerModuleDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-platform-explorer-module-detail', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXTranslationModule], template: `
+    @if (payload()) {
+      <section class="axp-module-detail">
+        <h3 class="axp-module-detail__section-title">
+          {{ '@platform-dev-tools:module.terms.module-info' | translate | async }}
+        </h3>
+        <dl class="axp-detail-dl">
+          <dt>
+            {{ '@platform-dev-tools:module.terms.name' | translate | async }}
+          </dt>
+          <dd>{{ payload()!.name }}</dd>
+
+          <dt>
+            {{ '@platform-dev-tools:module.terms.version' | translate | async }}
+          </dt>
+          <dd>{{ payload()!.version }}</dd>
+
+          <dt>
+            {{ '@platform-dev-tools:module.terms.title' | translate | async }}
+          </dt>
+          <dd>{{ payload()!.title }}</dd>
+
+          @if (payload()!.description) {
+            <dt>
+              {{ '@platform-dev-tools:module.terms.description' | translate | async }}
+            </dt>
+            <dd>{{ payload()!.description }}</dd>
+          }
+
+          @if (payload()!.i18n) {
+            <dt>i18n</dt>
+            <dd>{{ payload()!.i18n }}</dd>
+          }
+
+          @if (payload()!.required !== undefined) {
+            <dt>
+              {{ '@platform-dev-tools:module.terms.required' | translate | async }}
+            </dt>
+            <dd>{{ payload()!.required }}</dd>
+          }
+        </dl>
+      </section>
+    }
+  `, styles: [".axp-module-detail{margin-bottom:24px}.axp-module-detail__section-title{margin:0 0 12px;font-size:15px;font-weight:600}.axp-detail-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}.axp-detail-dl dt{font-weight:600;color:var(--ax-neutral-text-secondary, #666)}.axp-detail-dl dd{margin:0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { payload: [{ type: i0.Input, args: [{ isSignal: true, alias: "payload", required: false }] }] } });
+
+//#endregion
+function isListEntry(p) {
+    return p != null && 'fullName' in p && !('properties' in p);
+}
+class AXPlatformExplorerEntityDetailComponent {
+    constructor() {
+        this.payload = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "payload" }] : /* istanbul ignore next */ []));
+        this.entity = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+        this.loading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.entityResolver = inject(AXPEntityResolver);
+        effect(() => {
+            const p = this.payload();
+            if (!p) {
+                this.entity.set(null);
+                this.loading.set(false);
+                return;
+            }
+            if (isListEntry(p)) {
+                this.loading.set(true);
+                this.entity.set(null);
+                this.entityResolver.get(p.module, p.name).then((e) => {
+                    if (this.payload() === p) {
+                        this.entity.set(e ?? null);
+                    }
+                    this.loading.set(false);
+                });
+            }
+            else {
+                this.entity.set(p);
+                this.loading.set(false);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerEntityDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerEntityDetailComponent, isStandalone: true, selector: "axp-platform-explorer-entity-detail", inputs: { payload: { classPropertyName: "payload", publicName: "payload", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex flex-col flex-1 min-h-0" }, ngImport: i0, template: `
+    <div class="flex flex-col flex-1 min-h-0 pt-0 overflow-auto">
+      @if (entity(); as e) {
+        <dl class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 mb-3 m-0">
+          <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.module' | translate | async }}</dt><dd class="m-0">{{ e.module }}</dd>
+          <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.name' | translate | async }}</dt><dd class="m-0">{{ e.name }}</dd>
+          @if (e.title) {
+            <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.title' | translate | async }}</dt><dd class="m-0">{{ e.title  | translate | async}}</dd>
+          }
+          @if (e.formats.plural) {
+            <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.plural' | translate | async }}</dt><dd class="m-0">{{ e.formats.plural  | translate | async}}</dd>
+          }
+        </dl>
+        @if (e.properties && e.properties.length > 0) {
+          <p class="mb-2 mt-3 font-bold">{{ '@platform-dev-tools:module.terms.properties' | translate | async }} ({{ e.properties.length }})</p>
+          <div class="flex-1 min-h-0 overflow-auto border border-lightest rounded-md">
+            <table class="w-full border-collapse text-[13px]">
+              <thead>
+                <tr>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.name' | translate | async }}</th>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.title' | translate | async }}</th>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.type' | translate | async }}</th>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.description' | translate | async }}</th>
+                </tr>
+              </thead>
+              <tbody class="axp-entity-detail-tbody">
+                @for (p of e.properties; track p.name) {
+                  <tr>
+                    <td class="p-2 px-3 border-b border-lightest"><code class="text-xs bg-lighter px-1.5 py-0.5 rounded">{{ p.name }}</code></td>
+                    <td class="p-2 px-3 border-b border-lightest">{{ p.title | translate | async }}</td>
+                    <td class="p-2 px-3 border-b border-lightest">{{ p.schema.dataType }}</td>
+                    <td class="p-2 px-3 border-b border-lightest">@if (p.description) { {{ p.description | translate | async }} } @else { – }</td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          </div>
+        }
+      } @else if (loading()) {
+        <p class="m-0 text-muted">{{ '@platform-dev-tools:module.terms.loading-entity' | translate | async }}</p>
+      }
+    </div>
+  `, isInline: true, styles: [".axp-entity-detail-tbody tr:last-child td{border-bottom:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerEntityDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-platform-explorer-entity-detail', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXTranslationModule], host: { class: 'flex flex-col flex-1 min-h-0' }, template: `
+    <div class="flex flex-col flex-1 min-h-0 pt-0 overflow-auto">
+      @if (entity(); as e) {
+        <dl class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 mb-3 m-0">
+          <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.module' | translate | async }}</dt><dd class="m-0">{{ e.module }}</dd>
+          <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.name' | translate | async }}</dt><dd class="m-0">{{ e.name }}</dd>
+          @if (e.title) {
+            <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.title' | translate | async }}</dt><dd class="m-0">{{ e.title  | translate | async}}</dd>
+          }
+          @if (e.formats.plural) {
+            <dt class="font-semibold text-muted">{{ '@platform-dev-tools:module.terms.plural' | translate | async }}</dt><dd class="m-0">{{ e.formats.plural  | translate | async}}</dd>
+          }
+        </dl>
+        @if (e.properties && e.properties.length > 0) {
+          <p class="mb-2 mt-3 font-bold">{{ '@platform-dev-tools:module.terms.properties' | translate | async }} ({{ e.properties.length }})</p>
+          <div class="flex-1 min-h-0 overflow-auto border border-lightest rounded-md">
+            <table class="w-full border-collapse text-[13px]">
+              <thead>
+                <tr>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.name' | translate | async }}</th>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.title' | translate | async }}</th>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.type' | translate | async }}</th>
+                  <th class="text-start p-2 px-3 bg-lighter font-semibold border-b border-lightest">{{ '@platform-dev-tools:module.terms.description' | translate | async }}</th>
+                </tr>
+              </thead>
+              <tbody class="axp-entity-detail-tbody">
+                @for (p of e.properties; track p.name) {
+                  <tr>
+                    <td class="p-2 px-3 border-b border-lightest"><code class="text-xs bg-lighter px-1.5 py-0.5 rounded">{{ p.name }}</code></td>
+                    <td class="p-2 px-3 border-b border-lightest">{{ p.title | translate | async }}</td>
+                    <td class="p-2 px-3 border-b border-lightest">{{ p.schema.dataType }}</td>
+                    <td class="p-2 px-3 border-b border-lightest">@if (p.description) { {{ p.description | translate | async }} } @else { – }</td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          </div>
+        }
+      } @else if (loading()) {
+        <p class="m-0 text-muted">{{ '@platform-dev-tools:module.terms.loading-entity' | translate | async }}</p>
+      }
+    </div>
+  `, styles: [".axp-entity-detail-tbody tr:last-child td{border-bottom:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { payload: [{ type: i0.Input, args: [{ isSignal: true, alias: "payload", required: false }] }] } });
+
+//#region ----   Imports   ----
+//#endregion
+class AXPlatformExplorerPermissionsListDetailComponent {
+    constructor() {
+        this.moduleName = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "moduleName" }] : /* istanbul ignore next */ []));
+        this.dataService = inject(PlatformExplorerDataService);
+        this.dataSource = new AXDataSource({
+            key: 'name',
+            pageSize: 20,
+            load: async (e) => {
+                const name = this.moduleName();
+                if (!name)
+                    return { items: [], total: 0 };
+                const list = await this.dataService.getPermissionsForModule(name);
+                const skip = e?.skip ?? 0;
+                const take = e?.take ?? 20;
+                const items = list.slice(skip, skip + take);
+                return { items, total: list.length };
+            },
+        });
+        effect(() => {
+            this.moduleName();
+            this.dataSource.refresh();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerPermissionsListDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerPermissionsListDetailComponent, isStandalone: true, selector: "axp-platform-explorer-permissions-list-detail", inputs: { moduleName: { classPropertyName: "moduleName", publicName: "moduleName", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "flex flex-col flex-1 min-h-0" }, ngImport: i0, template: `
+    <div class="flex flex-1 min-h-0 pt-0 overflow-auto">
+      <ax-data-table
+        class="flex-1 border border-lightest rounded-md overflow-hidden"
+        [paging]="true"
+        [allowReordering]="true"
+        [dataSource]="dataSource"
+      >
+        <ax-text-column [dataField]="'name'"  [caption]="'@platform-dev-tools:module.terms.name' | translate | async" [width]="'420px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column [dataField]="'title'" [caption]="'@platform-dev-tools:module.terms.title' | translate | async" [cellTemplate]="titleTpl" [width]="'260px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column [dataField]="'description'" [caption]="'@platform-dev-tools:module.terms.description' | translate | async" [cellTemplate]="descTpl" [width]="'380px'" [allowResizing]="true"></ax-text-column>
+      </ax-data-table>
+    </div>
+    <ng-template #titleTpl let-item>
+      {{  $safeNavigationMigration(item.data?.title) | translate | async  }}</ng-template>
+    <ng-template #descTpl let-item>
+       @if (item.data?.description) { {{ item.data.description | translate | async }} } @else { – }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerPermissionsListDetailComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-platform-explorer-permissions-list-detail',
+                    standalone: true,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXDataTableModule, AXTranslationModule],
+                    host: { class: 'flex flex-col flex-1 min-h-0' },
+                    template: `
+    <div class="flex flex-1 min-h-0 pt-0 overflow-auto">
+      <ax-data-table
+        class="flex-1 border border-lightest rounded-md overflow-hidden"
+        [paging]="true"
+        [allowReordering]="true"
+        [dataSource]="dataSource"
+      >
+        <ax-text-column [dataField]="'name'"  [caption]="'@platform-dev-tools:module.terms.name' | translate | async" [width]="'420px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column [dataField]="'title'" [caption]="'@platform-dev-tools:module.terms.title' | translate | async" [cellTemplate]="titleTpl" [width]="'260px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column [dataField]="'description'" [caption]="'@platform-dev-tools:module.terms.description' | translate | async" [cellTemplate]="descTpl" [width]="'380px'" [allowResizing]="true"></ax-text-column>
+      </ax-data-table>
+    </div>
+    <ng-template #titleTpl let-item>
+      {{  $safeNavigationMigration(item.data?.title) | translate | async  }}</ng-template>
+    <ng-template #descTpl let-item>
+       @if (item.data?.description) { {{ item.data.description | translate | async }} } @else { – }
+    </ng-template>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { moduleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleName", required: true }] }] } });
+
+//#region ----   Imports   ----
+//#endregion
+class AXPlatformExplorerFeaturesListDetailComponent {
+    constructor() {
+        this.moduleName = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "moduleName" }] : /* istanbul ignore next */ []));
+        this.dataService = inject(PlatformExplorerDataService);
+        this.dataSource = new AXDataSource({
+            key: 'name',
+            pageSize: 20,
+            load: (e) => {
+                const name = this.moduleName();
+                if (!name)
+                    return Promise.resolve({ items: [], total: 0 });
+                const list = this.dataService.getFeaturesForModule(name);
+                const skip = e?.skip ?? 0;
+                const take = e?.take ?? 20;
+                const items = list.slice(skip, skip + take);
+                return Promise.resolve({ items, total: list.length });
+            },
+        });
+        effect(() => {
+            this.moduleName();
+            this.dataSource.refresh();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerFeaturesListDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerFeaturesListDetailComponent, isStandalone: true, selector: "axp-platform-explorer-features-list-detail", inputs: { moduleName: { classPropertyName: "moduleName", publicName: "moduleName", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "flex flex-col flex-1 min-h-0" }, ngImport: i0, template: `
+    <div class="flex flex-1 min-h-0 pt-0 overflow-auto">
+      <ax-data-table
+        class="flex-1 border border-lightest rounded-md overflow-hidden"
+        [paging]="true"
+         [allowReordering]="true"
+        [dataSource]="dataSource"
+      >
+        <ax-text-column dataField="key" [caption]="'@platform-dev-tools:module.terms.key' | translate | async" [width]="'240px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="title" [caption]="'@platform-dev-tools:module.terms.title' | translate | async" [cellTemplate]="titleTpl" [width]="'280px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="type" caption="Type" [width]="'100px'" [cellTemplate]="typeTpl" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="description" [caption]="'@platform-dev-tools:module.terms.description' | translate | async" [cellTemplate]="descTpl" [width]="'340px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="defaultValue" [caption]="'@platform-dev-tools:module.terms.default-value' | translate | async" [width]="'140px'" [allowResizing]="true"></ax-text-column>
+      </ax-data-table>
+    </div>
+    <ng-template #titleTpl let-item>{{ $safeNavigationMigration(item.data?.title) | translate | async }}</ng-template>
+    <ng-template #typeTpl let-item>{{ item.data?.type ?? '–' }}</ng-template>
+    <ng-template #descTpl let-item>@if (item.data?.description) { {{ item.data.description | translate | async }} } @else { – }</ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDataTableModule }, { kind: "component", type: i1$1.AXDataTableComponent, selector: "ax-data-table", inputs: ["dataSource", "selectedRows", "parentField", "hasChildrenField", "rowDetailsTemplate", "rowCssClass", "cellCssClass", "highlightText", "look", "rowTemplate", "emptyTemplate", "noDataTemplate", "alternative", "showHeader", "fixedHeader", "showFooter", "fixedFooter", "itemHeight", "allowReordering", "paging", "fetchDataMode", "loading", "focusedRow"], outputs: ["selectedRowsChange", "focusedRowChange", "onRowClick", "onRowDbClick", "onColumnsOrderChanged", "onColumnSizeChanged", "onPageChanged"] }, { kind: "component", type: i1$1.AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: ["width", "caption", "allowSorting", "allowResizing", "fixed", "hasTitle", "customExpandIcon", "customCollapseIcon", "dataField", "expandHandler", "wrapText", "cellTemplate", "footerTemplate", "headerTemplate", "format", "formatOptions"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerFeaturesListDetailComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-platform-explorer-features-list-detail',
+                    standalone: true,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXDataTableModule, AXTranslationModule],
+                    host: { class: 'flex flex-col flex-1 min-h-0' },
+                    template: `
+    <div class="flex flex-1 min-h-0 pt-0 overflow-auto">
+      <ax-data-table
+        class="flex-1 border border-lightest rounded-md overflow-hidden"
+        [paging]="true"
+         [allowReordering]="true"
+        [dataSource]="dataSource"
+      >
+        <ax-text-column dataField="key" [caption]="'@platform-dev-tools:module.terms.key' | translate | async" [width]="'240px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="title" [caption]="'@platform-dev-tools:module.terms.title' | translate | async" [cellTemplate]="titleTpl" [width]="'280px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="type" caption="Type" [width]="'100px'" [cellTemplate]="typeTpl" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="description" [caption]="'@platform-dev-tools:module.terms.description' | translate | async" [cellTemplate]="descTpl" [width]="'340px'" [allowResizing]="true"></ax-text-column>
+        <ax-text-column dataField="defaultValue" [caption]="'@platform-dev-tools:module.terms.default-value' | translate | async" [width]="'140px'" [allowResizing]="true"></ax-text-column>
+      </ax-data-table>
+    </div>
+    <ng-template #titleTpl let-item>{{ $safeNavigationMigration(item.data?.title) | translate | async }}</ng-template>
+    <ng-template #typeTpl let-item>{{ item.data?.type ?? '–' }}</ng-template>
+    <ng-template #descTpl let-item>@if (item.data?.description) { {{ item.data.description | translate | async }} } @else { – }</ng-template>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { moduleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleName", required: true }] }] } });
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXPlatformExplorerDetailComponent {
+    constructor() {
+        this.node = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerDetailComponent, isStandalone: true, selector: "axp-platform-explorer-detail", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "flex flex-col flex-1 min-h-0" }, ngImport: i0, template: `
+    <div class="flex flex-col flex-1 min-h-0">
+      @switch (node().kind) {
+        @case ('module') {
+          <axp-platform-explorer-module-detail [payload]="$any(node().payload)" />
+        }
+        @case ('entity') {
+          <axp-platform-explorer-entity-detail [payload]="$any(node().payload)" />
+        }
+        @case ('permissions') {
+          <axp-platform-explorer-permissions-list-detail [moduleName]="node().moduleName!" />
+        }
+        @case ('features') {
+          <axp-platform-explorer-features-list-detail [moduleName]="node().moduleName!" />
+        }
+        @default {
+          <p class="axp-detail__hint">{{ node().children?.length ?? 0 }} items.</p>
+        }
+      }
+    </div>
+  `, isInline: true, styles: [".axp-detail__hint{margin:0;color:var(--ax-neutral-text-secondary, #666)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPlatformExplorerModuleDetailComponent, selector: "axp-platform-explorer-module-detail", inputs: ["payload"] }, { kind: "component", type: AXPlatformExplorerEntityDetailComponent, selector: "axp-platform-explorer-entity-detail", inputs: ["payload"] }, { kind: "component", type: AXPlatformExplorerPermissionsListDetailComponent, selector: "axp-platform-explorer-permissions-list-detail", inputs: ["moduleName"] }, { kind: "component", type: AXPlatformExplorerFeaturesListDetailComponent, selector: "axp-platform-explorer-features-list-detail", inputs: ["moduleName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-platform-explorer-detail', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'flex flex-col flex-1 min-h-0' }, imports: [
+                        AXTranslationModule,
+                        AXPlatformExplorerModuleDetailComponent,
+                        AXPlatformExplorerEntityDetailComponent,
+                        AXPlatformExplorerPermissionsListDetailComponent,
+                        AXPlatformExplorerFeaturesListDetailComponent
+                    ], template: `
+    <div class="flex flex-col flex-1 min-h-0">
+      @switch (node().kind) {
+        @case ('module') {
+          <axp-platform-explorer-module-detail [payload]="$any(node().payload)" />
+        }
+        @case ('entity') {
+          <axp-platform-explorer-entity-detail [payload]="$any(node().payload)" />
+        }
+        @case ('permissions') {
+          <axp-platform-explorer-permissions-list-detail [moduleName]="node().moduleName!" />
+        }
+        @case ('features') {
+          <axp-platform-explorer-features-list-detail [moduleName]="node().moduleName!" />
+        }
+        @default {
+          <p class="axp-detail__hint">{{ node().children?.length ?? 0 }} items.</p>
+        }
+      }
+    </div>
+  `, styles: [".axp-detail__hint{margin:0;color:var(--ax-neutral-text-secondary, #666)}\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   ----
+//#endregion
+//#region ----   Convert tree to AXTreeViewNode   ----
+function toTreeViewNodes(nodes, markModuleExpandable = false) {
+    return nodes.map((n) => {
+        const children = n.children ?? [];
+        const hasChildren = children.length > 0;
+        const axNode = {
+            id: n.id,
+            title: n.label,
+            children: hasChildren ? toTreeViewNodes(children, false) : undefined,
+            data: { treeNode: n },
+        };
+        if (markModuleExpandable && n.kind === 'module' && !hasChildren) {
+            axNode['childrenCount'] = 3;
+        }
+        return axNode;
+    });
+}
+//#endregion
+//#region ----   Component   ----
+class AXPlatformExplorerPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super();
+        this.dataService = inject(PlatformExplorerDataService);
+        this.loading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.selectedNode = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedNode" }] : /* istanbul ignore next */ []));
+        this.moduleNodes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "moduleNodes" }] : /* istanbul ignore next */ []));
+        this.tree = viewChild('tree', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+        /** Datasource for tree: root = modules only; children loaded when module is expanded. */
+        this.datasource = async (parentId) => {
+            if (!parentId) {
+                const nodes = this.moduleNodes();
+                return toTreeViewNodes(nodes, true);
+            }
+            const children = await this.dataService.getModuleChildren(parentId);
+            return toTreeViewNodes(children, false);
+        };
+        this.initializeModules();
+    }
+    async initializeModules() {
+        this.loading.set(true);
+        try {
+            const nodes = await this.dataService.buildModulesOnlyFiltered();
+            this.moduleNodes.set(nodes);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async getPageTitle() {
+        const node = this.selectedNode();
+        if (!node) {
+            return this.translateService.translateAsync('@platform-dev-tools:module.title');
+        }
+        const moduleTitleKey = node.moduleTitle ?? node.label;
+        const moduleTitle = await this.translateService.translateAsync(moduleTitleKey);
+        const contextParts = [];
+        switch (node.kind) {
+            case 'module':
+                return moduleTitle;
+            case 'entities':
+                contextParts.push(await this.translateService.translateAsync('@platform-dev-tools:module.terms.entities'));
+                break;
+            case 'entity':
+                contextParts.push(await this.translateService.translateAsync('@platform-dev-tools:module.terms.entities'));
+                contextParts.push(node.label);
+                break;
+            case 'permissions':
+                contextParts.push(await this.translateService.translateAsync('@platform-dev-tools:module.terms.permissions'));
+                break;
+            case 'features':
+                contextParts.push(await this.translateService.translateAsync('@platform-dev-tools:module.terms.features'));
+                break;
+            default:
+                return moduleTitle;
+        }
+        return [moduleTitle, ...contextParts].join(' - ');
+    }
+    getPageDescription() {
+        const node = this.selectedNode();
+        if (!node)
+            return null;
+        const key = this.descriptionKeyForKind(node.kind);
+        return key ? this.translateService.translateAsync(key) : null;
+    }
+    getPageBreadcrumbs() {
+        const node = this.selectedNode();
+        const items = [
+            { title: '@platform-dev-tools:module.menus.platform-explorer.title' },
+        ];
+        if (node?.moduleTitle) {
+            items.push({ title: node.moduleTitle });
+        }
+        return items;
+    }
+    descriptionKeyForKind(kind) {
+        switch (kind) {
+            case 'module':
+                return '@platform-dev-tools:module.descriptions.module';
+            case 'entities':
+                return '@platform-dev-tools:module.descriptions.entities';
+            case 'entity':
+                return '@platform-dev-tools:module.descriptions.entity';
+            case 'permissions':
+                return '@platform-dev-tools:module.descriptions.permissions';
+            case 'features':
+                return '@platform-dev-tools:module.descriptions.features';
+            default:
+                return null;
+        }
+    }
+    onNodeClick(event) {
+        const node = event.node;
+        const data = node?.['data'];
+        const treeNode = data?.treeNode;
+        if (treeNode) {
+            this.selectedNode.set(treeNode);
+            this.recompute();
+            // When a module node is clicked, expand it so the tree loads its children (entities, permissions, features)
+            if (treeNode.kind === 'module') {
+                const treeRef = this.tree();
+                if (treeRef && typeof treeRef.expandNode === 'function') {
+                    treeRef.expandNode(treeNode.id);
+                }
+            }
+        }
+    }
+    onNodeToggle(_event) {
+        // Tree loads children via datasource(parentId) when a node is expanded; no extra work needed.
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerPageComponent, isStandalone: true, selector: "axp-platform-explorer-page", providers: [
+            PlatformExplorerDataService,
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXPlatformExplorerPageComponent,
+            },
+        ], viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<axp-page-layout>\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>{{ '@platform-dev-tools:module.menus.platform-explorer.title' | translate | async\n        }}</axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content class=\"axp-platform-explorer__tree-wrap\">\n      @if (loading()) {\n      <p class=\"axp-platform-explorer__loading\">Loading...</p>\n      } @else if (moduleNodes().length === 0) {\n      <p class=\"axp-platform-explorer__empty\">{{ '@platform-dev-tools:module.messages.no-modules' | translate | async }}\n      </p>\n      } @else {\n      <ax-tree-view #tree [datasource]=\"datasource\" [selectMode]=\"'single'\" [showIcons]=\"false\"\n        [showChildrenBadge]=\"true\" [dragBehavior]=\"'none'\" look=\"default\" [nodeTemplate]=\"nodeTemplate\"\n        (onNodeClick)=\"onNodeClick($event)\" (onNodeToggle)=\"onNodeToggle($event)\" />\n      }\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <axp-page-content class=\"min-h-0 pt-0\">\n    @if (selectedNode()) {\n    <axp-platform-explorer-detail [node]=\"selectedNode()!\" />\n    } @else {\n    <p class=\"axp-platform-explorer__hint\">{{ '@platform-dev-tools:module.messages.select-node' | translate | async }}\n    </p>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Node template: icon per kind (with color) + label (translated) + badge -->\n<ng-template #nodeTemplate let-node=\"node\">\n  @let data = node['data'];\n  @let treeNode = $safeNavigationMigration(data?.treeNode);\n  @let kind = $safeNavigationMigration(treeNode?.kind);\n  @let count = node['childrenCount'] ?? treeNode?.itemCount;\n  <span class=\"axp-platform-explorer__node\">\n    @switch (kind) {\n    @case ('module') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--module fa-light fa-cube\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('entities') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--entities fa-light fa-table-list\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('entity') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--entity fa-light fa-table\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('permissions') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--permissions fa-light fa-shield-halved\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('features') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--features fa-light fa-sliders\"\n      aria-hidden=\"true\"></i>\n    }\n    @default {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--default fa-light fa-circle-dot\"\n      aria-hidden=\"true\"></i>\n    }\n    }\n    <span class=\"axp-platform-explorer__node-label\">{{ node['title'] | translate | async }}</span>\n    @if (count != null && count > 0) {\n    <span class=\"axp-platform-explorer__node-badge\">{{ count }}</span>\n    }\n  </span>\n</ng-template>", styles: ["@layer properties;.axp-platform-explorer .axp-platform-explorer__tree-wrap{display:flex;min-height:0px;min-width:calc(var(--spacing, .25rem) * 64);flex-direction:column;overflow-x:auto;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);max-height:calc(100vh - 180px)}.axp-platform-explorer .axp-platform-explorer__loading,.axp-platform-explorer .axp-platform-explorer__empty{margin:0;padding:calc(var(--spacing, .25rem) * 4);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__hint{padding:calc(var(--spacing, .25rem) * 6);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__node{display:flex;width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-platform-explorer .axp-platform-explorer__node-icon{width:1em;flex-shrink:0}.axp-platform-explorer .axp-platform-explorer__node-icon--module{color:rgba(var(--ax-sys-color-primary-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--entities{color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__node-icon--entity{color:rgba(var(--ax-sys-color-accent1-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--permissions{color:rgba(var(--ax-sys-color-success-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--features{color:rgba(var(--ax-sys-color-warning-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--default{color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__node-label{min-width:0px;flex:1;white-space:nowrap}.axp-platform-explorer .axp-platform-explorer__node-badge{margin-left:auto;min-width:calc(var(--spacing, .25rem) * 5);flex-shrink:0;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 1.5);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);background-color:rgba(var(--ax-sys-color-primary-lightest-surface));color:rgba(var(--ax-sys-color-primary-surface))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXPThemeLayoutHeaderComponent, selector: "axp-layout-header" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: ["datasource", "selectMode", "selectionBehavior", "dragArea", "dragBehavior", "showIcons", "showChildrenBadge", "expandedIcon", "collapsedIcon", "indentSize", "look", "nodeTemplate", "idField", "titleField", "tooltipField", "iconField", "expandedField", "selectedField", "indeterminateField", "disabledField", "hiddenField", "childrenField", "childrenCountField", "dataField", "inheritDisabled", "expandOnDoubleClick", "doubleClickDuration", "tooltipDelay", "controlledSelection", "selectedIds"], outputs: ["datasourceChange", "selectedIdsChange", "onBeforeDrop", "onNodeToggle", "onNodeSelect", "onNodeDoubleClick", "onNodeClick", "onSelectionChange", "onOrderChange", "onMoveChange", "onItemsChange"] }, { kind: "component", type: AXPlatformExplorerDetailComponent, selector: "axp-platform-explorer-detail", inputs: ["node"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-platform-explorer-page', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        AXTranslationModule,
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutStartSideComponent,
+                        AXPThemeLayoutHeaderComponent,
+                        AXPThemeLayoutBlockComponent,
+                        AXTreeViewComponent,
+                        AXPlatformExplorerDetailComponent,
+                    ], providers: [
+                        PlatformExplorerDataService,
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXPlatformExplorerPageComponent,
+                        },
+                    ], template: "<axp-page-layout>\n  <axp-layout-start-side>\n    <axp-layout-header>\n      <axp-layout-title>{{ '@platform-dev-tools:module.menus.platform-explorer.title' | translate | async\n        }}</axp-layout-title>\n    </axp-layout-header>\n    <axp-layout-content class=\"axp-platform-explorer__tree-wrap\">\n      @if (loading()) {\n      <p class=\"axp-platform-explorer__loading\">Loading...</p>\n      } @else if (moduleNodes().length === 0) {\n      <p class=\"axp-platform-explorer__empty\">{{ '@platform-dev-tools:module.messages.no-modules' | translate | async }}\n      </p>\n      } @else {\n      <ax-tree-view #tree [datasource]=\"datasource\" [selectMode]=\"'single'\" [showIcons]=\"false\"\n        [showChildrenBadge]=\"true\" [dragBehavior]=\"'none'\" look=\"default\" [nodeTemplate]=\"nodeTemplate\"\n        (onNodeClick)=\"onNodeClick($event)\" (onNodeToggle)=\"onNodeToggle($event)\" />\n      }\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <axp-page-content class=\"min-h-0 pt-0\">\n    @if (selectedNode()) {\n    <axp-platform-explorer-detail [node]=\"selectedNode()!\" />\n    } @else {\n    <p class=\"axp-platform-explorer__hint\">{{ '@platform-dev-tools:module.messages.select-node' | translate | async }}\n    </p>\n    }\n  </axp-page-content>\n</axp-page-layout>\n\n<!-- Node template: icon per kind (with color) + label (translated) + badge -->\n<ng-template #nodeTemplate let-node=\"node\">\n  @let data = node['data'];\n  @let treeNode = $safeNavigationMigration(data?.treeNode);\n  @let kind = $safeNavigationMigration(treeNode?.kind);\n  @let count = node['childrenCount'] ?? treeNode?.itemCount;\n  <span class=\"axp-platform-explorer__node\">\n    @switch (kind) {\n    @case ('module') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--module fa-light fa-cube\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('entities') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--entities fa-light fa-table-list\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('entity') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--entity fa-light fa-table\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('permissions') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--permissions fa-light fa-shield-halved\"\n      aria-hidden=\"true\"></i>\n    }\n    @case ('features') {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--features fa-light fa-sliders\"\n      aria-hidden=\"true\"></i>\n    }\n    @default {\n    <i class=\"axp-platform-explorer__node-icon axp-platform-explorer__node-icon--default fa-light fa-circle-dot\"\n      aria-hidden=\"true\"></i>\n    }\n    }\n    <span class=\"axp-platform-explorer__node-label\">{{ node['title'] | translate | async }}</span>\n    @if (count != null && count > 0) {\n    <span class=\"axp-platform-explorer__node-badge\">{{ count }}</span>\n    }\n  </span>\n</ng-template>", styles: ["@layer properties;.axp-platform-explorer .axp-platform-explorer__tree-wrap{display:flex;min-height:0px;min-width:calc(var(--spacing, .25rem) * 64);flex-direction:column;overflow-x:auto;overflow-y:auto;padding:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);max-height:calc(100vh - 180px)}.axp-platform-explorer .axp-platform-explorer__loading,.axp-platform-explorer .axp-platform-explorer__empty{margin:0;padding:calc(var(--spacing, .25rem) * 4);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__hint{padding:calc(var(--spacing, .25rem) * 6);color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__node{display:flex;width:100%;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}.axp-platform-explorer .axp-platform-explorer__node-icon{width:1em;flex-shrink:0}.axp-platform-explorer .axp-platform-explorer__node-icon--module{color:rgba(var(--ax-sys-color-primary-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--entities{color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__node-icon--entity{color:rgba(var(--ax-sys-color-accent1-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--permissions{color:rgba(var(--ax-sys-color-success-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--features{color:rgba(var(--ax-sys-color-warning-surface))}.axp-platform-explorer .axp-platform-explorer__node-icon--default{color:var(--color-neutral-500, oklch(55.6% 0 none))}.axp-platform-explorer .axp-platform-explorer__node-label{min-width:0px;flex:1;white-space:nowrap}.axp-platform-explorer .axp-platform-explorer__node-badge{margin-left:auto;min-width:calc(var(--spacing, .25rem) * 5);flex-shrink:0;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 1.5);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);background-color:rgba(var(--ax-sys-color-primary-lightest-surface));color:rgba(var(--ax-sys-color-primary-surface))}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tree: [{ type: i0.ViewChild, args: ['tree', { isSignal: true }] }] } });
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Component   ----
+class AXPlatformExplorerTreeNodeComponent {
+    constructor() {
+        this.node = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+        this.selectedId = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedId" }] : /* istanbul ignore next */ []));
+        this.nodeSelect = output();
+        this.expanded = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    }
+    childrenLength() {
+        return this.node().children?.length ?? 0;
+    }
+    hasChildren() {
+        const children = this.node().children;
+        return !!children && children.length > 0;
+    }
+    isSelected() {
+        return this.selectedId() === this.node().id;
+    }
+    toggle() {
+        if (this.hasChildren()) {
+            this.expanded.update((v) => !v);
+        }
+    }
+    select() {
+        this.nodeSelect.emit(this.node());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPlatformExplorerTreeNodeComponent, isStandalone: true, selector: "axp-platform-explorer-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, selectedId: { classPropertyName: "selectedId", publicName: "selectedId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeSelect: "nodeSelect" }, ngImport: i0, template: `
+    <div class="axp-tree-node" [class.axp-tree-node--selected]="isSelected()">
+      <button
+        type="button"
+        class="axp-tree-node__toggler"
+        [class.axp-tree-node__toggler--open]="expanded()"
+        [attr.aria-expanded]="expanded()"
+        (click)="toggle()"
+      >
+        @if (hasChildren()) {
+          <span class="axp-tree-node__icon" aria-hidden="true">{{ expanded() ? '▼' : '▶' }}</span>
+        } @else {
+          <span class="axp-tree-node__icon axp-tree-node__icon--empty"></span>
+        }
+      </button>
+      <button
+        type="button"
+        class="axp-tree-node__label"
+        (click)="select()"
+      >
+        {{ node().label }}
+        @if (childrenLength() > 0) {
+          <span class="axp-tree-node__badge">({{ childrenLength() }})</span>
+        }
+      </button>
+    </div>
+    @if (hasChildren() && expanded()) {
+      <div class="axp-tree-node__children">
+        @for (child of node().children ?? []; track child.id) {
+          <axp-platform-explorer-tree-node
+            [node]="child"
+            [selectedId]="selectedId()"
+            (nodeSelect)="nodeSelect.emit($event)"
+          />
+        }
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:block}.axp-tree-node{display:flex;align-items:center;min-height:28px}.axp-tree-node--selected .axp-tree-node__label{font-weight:600;background:var(--ax-neutral-surface-hover, rgba(0, 0, 0, .04))}.axp-tree-node__toggler{width:24px;height:28px;padding:0;border:none;background:none;cursor:pointer;color:var(--ax-neutral-text-secondary, #666);flex-shrink:0}.axp-tree-node__toggler--open .axp-tree-node__icon{transform:rotate(0)}.axp-tree-node__icon{font-size:10px;display:inline-block}.axp-tree-node__icon--empty{width:10px}.axp-tree-node__label{flex:1;text-align:start;padding:4px 8px;border:none;background:none;cursor:pointer;font-size:13px;border-radius:4px}.axp-tree-node__label:hover{background:var(--ax-neutral-surface-hover, rgba(0, 0, 0, .04))}.axp-tree-node__badge{margin-inline-start:4px;font-size:11px;color:var(--ax-neutral-text-secondary, #666);font-weight:400}.axp-tree-node__children{padding-inline-start:16px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXPlatformExplorerTreeNodeComponent, selector: "axp-platform-explorer-tree-node", inputs: ["node", "selectedId"], outputs: ["nodeSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPlatformExplorerTreeNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axp-platform-explorer-tree-node', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPlatformExplorerTreeNodeComponent], template: `
+    <div class="axp-tree-node" [class.axp-tree-node--selected]="isSelected()">
+      <button
+        type="button"
+        class="axp-tree-node__toggler"
+        [class.axp-tree-node__toggler--open]="expanded()"
+        [attr.aria-expanded]="expanded()"
+        (click)="toggle()"
+      >
+        @if (hasChildren()) {
+          <span class="axp-tree-node__icon" aria-hidden="true">{{ expanded() ? '▼' : '▶' }}</span>
+        } @else {
+          <span class="axp-tree-node__icon axp-tree-node__icon--empty"></span>
+        }
+      </button>
+      <button
+        type="button"
+        class="axp-tree-node__label"
+        (click)="select()"
+      >
+        {{ node().label }}
+        @if (childrenLength() > 0) {
+          <span class="axp-tree-node__badge">({{ childrenLength() }})</span>
+        }
+      </button>
+    </div>
+    @if (hasChildren() && expanded()) {
+      <div class="axp-tree-node__children">
+        @for (child of node().children ?? []; track child.id) {
+          <axp-platform-explorer-tree-node
+            [node]="child"
+            [selectedId]="selectedId()"
+            (nodeSelect)="nodeSelect.emit($event)"
+          />
+        }
+      </div>
+    }
+  `, styles: [":host{display:block}.axp-tree-node{display:flex;align-items:center;min-height:28px}.axp-tree-node--selected .axp-tree-node__label{font-weight:600;background:var(--ax-neutral-surface-hover, rgba(0, 0, 0, .04))}.axp-tree-node__toggler{width:24px;height:28px;padding:0;border:none;background:none;cursor:pointer;color:var(--ax-neutral-text-secondary, #666);flex-shrink:0}.axp-tree-node__toggler--open .axp-tree-node__icon{transform:rotate(0)}.axp-tree-node__icon{font-size:10px;display:inline-block}.axp-tree-node__icon--empty{width:10px}.axp-tree-node__label{flex:1;text-align:start;padding:4px 8px;border:none;background:none;cursor:pointer;font-size:13px;border-radius:4px}.axp-tree-node__label:hover{background:var(--ax-neutral-surface-hover, rgba(0, 0, 0, .04))}.axp-tree-node__badge{margin-inline-start:4px;font-size:11px;color:var(--ax-neutral-text-secondary, #666);font-weight:400}.axp-tree-node__children{padding-inline-start:16px}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], selectedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedId", required: false }] }], nodeSelect: [{ type: i0.Output, args: ["nodeSelect"] }] } });
+
+//#region ----   Imports   ----
+//#endregion
+//#region ----   Routes   ----
+function routesFactory() {
+    return [
+        {
+            path: ':app/dev/platform-explorer',
+            canActivate: [AXPAuthGuard],
+            data: { rootLayout: true },
+            loadComponent: () => AXPRootLayoutComponent,
+            children: [
+                {
+                    path: '',
+                    loadComponent: () => AXPlatformExplorerPageComponent,
+                    data: { reuse: true },
+                },
+            ],
+        },
+    ];
+}
+//#endregion
+//#region ----   Module   ----
+class AXMPlatformDevToolsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPlatformDevToolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXMPlatformDevToolsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPlatformDevToolsModule, providers: [
+            {
+                provide: AXP_MODULE_MANIFEST_PROVIDER,
+                useValue: PlatformDevToolsManifest,
+                multi: true,
+            },
+            {
+                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                useClass: AXMPermissionDefinitionProvider,
+                multi: true,
+            },
+            provideLazyProvider(AXP_MENU_PROVIDER, () => import('./acorex-platform-module-platform-dev-tools-client-menu.provider-RHLrPSuX.mjs').then(m => m.AXMPlatformDevToolsMenuProvider)),
+            {
+                provide: AXP_SETTING_DEFINITION_PROVIDER,
+                useClass: AXPPlatformDevToolsSettingProvider,
+                multi: true,
+            },
+            {
+                provide: ROUTES,
+                multi: true,
+                useFactory: routesFactory,
+            },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMPlatformDevToolsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    exports: [],
+                    declarations: [],
+                    providers: [
+                        {
+                            provide: AXP_MODULE_MANIFEST_PROVIDER,
+                            useValue: PlatformDevToolsManifest,
+                            multi: true,
+                        },
+                        {
+                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                            useClass: AXMPermissionDefinitionProvider,
+                            multi: true,
+                        },
+                        provideLazyProvider(AXP_MENU_PROVIDER, () => import('./acorex-platform-module-platform-dev-tools-client-menu.provider-RHLrPSuX.mjs').then(m => m.AXMPlatformDevToolsMenuProvider)),
+                        {
+                            provide: AXP_SETTING_DEFINITION_PROVIDER,
+                            useClass: AXPPlatformDevToolsSettingProvider,
+                            multi: true,
+                        },
+                        {
+                            provide: ROUTES,
+                            multi: true,
+                            useFactory: routesFactory,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMPermissionDefinitionProvider, AXMPlatformDevToolsModule, AXPlatformExplorerDetailComponent, AXPlatformExplorerEntityDetailComponent, AXPlatformExplorerFeaturesListDetailComponent, AXPlatformExplorerModuleDetailComponent, AXPlatformExplorerPageComponent, AXPlatformExplorerPermissionsListDetailComponent, AXPlatformExplorerTreeNodeComponent, PlatformDevToolsManifest, PlatformExplorerDataService };
+//# sourceMappingURL=acorex-platform-module-platform-dev-tools-client.mjs.map