@memberjunction/ng-core-entity-forms 6.1.0-edge.2 → 6.1.0-edge.4

package/dist/lib/custom/HierarchyPanels/hierarchy-form-panels.js

@@ -0,0 +1,1202 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, ChangeDetectionStrategy, Directive } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel, BaseFormsModule } from '@memberjunction/ng-base-forms';
+import { HierarchyTreeComponent } from '@memberjunction/ng-hierarchy-tree';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-base-forms";
+function AIAgentCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function AIAgentCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function AIAgentCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function AIPromptCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function AIPromptCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function AIPromptCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+const _c0 = "[_nghost-%COMP%] { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }";
+function ActionCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function ActionCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function ActionCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function DashboardCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function DashboardCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function DashboardCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function QueryCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function QueryCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function QueryCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function TagHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function TagHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function TagHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function ProjectHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function ProjectHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function ProjectHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function ContentItemHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function ContentItemHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function ContentItemHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function FileCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function FileCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function FileCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function ListCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function ListCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function ListCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function RecordProcessCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function RecordProcessCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function RecordProcessCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function SkillHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function SkillHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function SkillHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function TemplateCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function TemplateCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function TemplateCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function TestSuiteHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function TestSuiteHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function TestSuiteHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+function UserViewCategoryHierarchyPanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-hierarchy-tree", 2);
+    i0.ɵɵlistener("ZoomChange", function UserViewCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_ZoomChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomChange($event)); })("Navigate", function UserViewCategoryHierarchyPanel_Conditional_1_Template_mj_hierarchy_tree_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigate($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Config", ctx_r1.treeConfig)("ZoomLevel", ctx_r1.persistedZoomLevel);
+} }
+/**
+ * Base class for hierarchy form panels providing shared height, zoom persistence via UserInfoEngine,
+ * and unified navigation event handling.
+ */
+export class BaseHierarchyFormPanel extends BaseFormPanel {
+    constructor() {
+        super(...arguments);
+        this._cachedTreeConfig = null;
+        this._cachedRecordId = null;
+    }
+    get treeConfig() {
+        const recId = this.Record?.PrimaryKey ? this.Record.PrimaryKey.ToString() : null;
+        if (!this._cachedTreeConfig || this._cachedRecordId !== recId) {
+            this._cachedRecordId = recId;
+            this._cachedTreeConfig = this.buildTreeConfig();
+        }
+        return this._cachedTreeConfig;
+    }
+    get settingKey() {
+        const entityName = this.Record?.EntityInfo?.Name || this.treeConfig.EntityName || 'default';
+        const sanitized = entityName.toLowerCase().replace(/[^a-z0-9_]/g, '_');
+        return `mj.hierarchyTree.zoom.${sanitized}`;
+    }
+    get persistedZoomLevel() {
+        const raw = UserInfoEngine.Instance.GetSetting(this.settingKey);
+        return raw ? parseFloat(raw) : undefined;
+    }
+    onZoomChange(zoom) {
+        UserInfoEngine.Instance.SetSettingDebounced(this.settingKey, zoom.toFixed(2));
+    }
+    onNavigate(event) {
+        if (this.FormComponent?.OnFormNavigate) {
+            this.FormComponent.OnFormNavigate(event);
+        }
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseHierarchyFormPanel_BaseFactory; return function BaseHierarchyFormPanel_Factory(__ngFactoryType__) { return (ɵBaseHierarchyFormPanel_BaseFactory || (ɵBaseHierarchyFormPanel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseHierarchyFormPanel)))(__ngFactoryType__ || BaseHierarchyFormPanel); }; })(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseHierarchyFormPanel, features: [i0.ɵɵInheritDefinitionFeature] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseHierarchyFormPanel, [{
+        type: Directive
+    }], null, null); })();
+// ============================================================================
+// 1. AI Agent Categories
+// ============================================================================
+let AIAgentCategoryHierarchyPanel = class AIAgentCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: AI Agent Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-robot',
+            DefaultColor: '#8b5cf6',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIAgentCategoryHierarchyPanel_BaseFactory; return function AIAgentCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵAIAgentCategoryHierarchyPanel_BaseFactory || (ɵAIAgentCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AIAgentCategoryHierarchyPanel)))(__ngFactoryType__ || AIAgentCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentCategoryHierarchyPanel, selectors: [["mj-ai-agent-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "agentCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function AIAgentCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, AIAgentCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+AIAgentCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:AI Agent Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: AI Agent Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: AI Agent Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], AIAgentCategoryHierarchyPanel);
+export { AIAgentCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-agent-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="agentCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentCategoryHierarchyPanel, { className: "AIAgentCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 107 }); })();
+// ============================================================================
+// 2. AI Prompt Categories
+// ============================================================================
+let AIPromptCategoryHierarchyPanel = class AIPromptCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: AI Prompt Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-wand-magic-sparkles',
+            DefaultColor: '#ec4899',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptCategoryHierarchyPanel_BaseFactory; return function AIPromptCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵAIPromptCategoryHierarchyPanel_BaseFactory || (ɵAIPromptCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptCategoryHierarchyPanel)))(__ngFactoryType__ || AIPromptCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptCategoryHierarchyPanel, selectors: [["mj-ai-prompt-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "promptCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function AIPromptCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, AIPromptCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+AIPromptCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:AI Prompt Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: AI Prompt Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: AI Prompt Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], AIPromptCategoryHierarchyPanel);
+export { AIPromptCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-prompt-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="promptCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptCategoryHierarchyPanel, { className: "AIPromptCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 164 }); })();
+// ============================================================================
+// 3. Action Categories
+// ============================================================================
+let ActionCategoryHierarchyPanel = class ActionCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Action Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-bolt',
+            DefaultColor: '#f59e0b',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵActionCategoryHierarchyPanel_BaseFactory; return function ActionCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵActionCategoryHierarchyPanel_BaseFactory || (ɵActionCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ActionCategoryHierarchyPanel)))(__ngFactoryType__ || ActionCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionCategoryHierarchyPanel, selectors: [["mj-action-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "actionCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ActionCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, ActionCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+ActionCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Action Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: Action Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Action Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], ActionCategoryHierarchyPanel);
+export { ActionCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-action-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="actionCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionCategoryHierarchyPanel, { className: "ActionCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 221 }); })();
+// ============================================================================
+// 4. Dashboard Categories
+// ============================================================================
+let DashboardCategoryHierarchyPanel = class DashboardCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Dashboard Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-chart-pie',
+            DefaultColor: '#06b6d4',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDashboardCategoryHierarchyPanel_BaseFactory; return function DashboardCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵDashboardCategoryHierarchyPanel_BaseFactory || (ɵDashboardCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(DashboardCategoryHierarchyPanel)))(__ngFactoryType__ || DashboardCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardCategoryHierarchyPanel, selectors: [["mj-dashboard-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "dashboardCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function DashboardCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, DashboardCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+DashboardCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Dashboard Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: Dashboard Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Dashboard Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], DashboardCategoryHierarchyPanel);
+export { DashboardCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-dashboard-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="dashboardCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardCategoryHierarchyPanel, { className: "DashboardCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 278 }); })();
+// ============================================================================
+// 5. Query Categories
+// ============================================================================
+let QueryCategoryHierarchyPanel = class QueryCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Query Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-database',
+            DefaultColor: '#10b981',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵQueryCategoryHierarchyPanel_BaseFactory; return function QueryCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵQueryCategoryHierarchyPanel_BaseFactory || (ɵQueryCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(QueryCategoryHierarchyPanel)))(__ngFactoryType__ || QueryCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryHierarchyPanel, selectors: [["mj-query-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "queryCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function QueryCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, QueryCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+QueryCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Query Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: Query Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Query Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], QueryCategoryHierarchyPanel);
+export { QueryCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-query-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="queryCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCategoryHierarchyPanel, { className: "QueryCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 335 }); })();
+// ============================================================================
+// 6. Tags
+// ============================================================================
+let TagHierarchyPanel = class TagHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Tags',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-tag',
+            DefaultColor: '#6366f1',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTagHierarchyPanel_BaseFactory; return function TagHierarchyPanel_Factory(__ngFactoryType__) { return (ɵTagHierarchyPanel_BaseFactory || (ɵTagHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TagHierarchyPanel)))(__ngFactoryType__ || TagHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagHierarchyPanel, selectors: [["mj-tag-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "tagHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TagHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, TagHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+TagHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Tags:hierarchy',
+        metadata: {
+            entity: 'MJ: Tags',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Tags',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], TagHierarchyPanel);
+export { TagHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-tag-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="tagHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagHierarchyPanel, { className: "TagHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 392 }); })();
+// ============================================================================
+// 7. Projects (WBS / Subprojects)
+// ============================================================================
+let ProjectHierarchyPanel = class ProjectHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Projects',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-diagram-project',
+            DefaultColor: '#3b82f6',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵProjectHierarchyPanel_BaseFactory; return function ProjectHierarchyPanel_Factory(__ngFactoryType__) { return (ɵProjectHierarchyPanel_BaseFactory || (ɵProjectHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ProjectHierarchyPanel)))(__ngFactoryType__ || ProjectHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProjectHierarchyPanel, selectors: [["mj-project-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "projectHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ProjectHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, ProjectHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+ProjectHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Projects:hierarchy',
+        metadata: {
+            entity: 'MJ: Projects',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Projects',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], ProjectHierarchyPanel);
+export { ProjectHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProjectHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-project-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="projectHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProjectHierarchyPanel, { className: "ProjectHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 449 }); })();
+// ============================================================================
+// 8. Content Items
+// ============================================================================
+let ContentItemHierarchyPanel = class ContentItemHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Content Items',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-newspaper',
+            DefaultColor: '#14b8a6',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵContentItemHierarchyPanel_BaseFactory; return function ContentItemHierarchyPanel_Factory(__ngFactoryType__) { return (ɵContentItemHierarchyPanel_BaseFactory || (ɵContentItemHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ContentItemHierarchyPanel)))(__ngFactoryType__ || ContentItemHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContentItemHierarchyPanel, selectors: [["mj-content-item-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "contentItemHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ContentItemHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, ContentItemHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+ContentItemHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Content Items:hierarchy',
+        metadata: {
+            entity: 'MJ: Content Items',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Content Items',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], ContentItemHierarchyPanel);
+export { ContentItemHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContentItemHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-content-item-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="contentItemHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContentItemHierarchyPanel, { className: "ContentItemHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 506 }); })();
+// ============================================================================
+// 9. File Categories
+// ============================================================================
+let FileCategoryHierarchyPanel = class FileCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: File Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-folder-tree',
+            DefaultColor: '#0284c7',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFileCategoryHierarchyPanel_BaseFactory; return function FileCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵFileCategoryHierarchyPanel_BaseFactory || (ɵFileCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(FileCategoryHierarchyPanel)))(__ngFactoryType__ || FileCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FileCategoryHierarchyPanel, selectors: [["mj-file-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "fileCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function FileCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, FileCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+FileCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:File Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: File Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: File Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], FileCategoryHierarchyPanel);
+export { FileCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-file-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="fileCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FileCategoryHierarchyPanel, { className: "FileCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 563 }); })();
+// ============================================================================
+// 10. List Categories
+// ============================================================================
+let ListCategoryHierarchyPanel = class ListCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: List Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-list-check',
+            DefaultColor: '#84cc16',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵListCategoryHierarchyPanel_BaseFactory; return function ListCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵListCategoryHierarchyPanel_BaseFactory || (ɵListCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(ListCategoryHierarchyPanel)))(__ngFactoryType__ || ListCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryHierarchyPanel, selectors: [["mj-list-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "listCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function ListCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, ListCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+ListCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:List Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: List Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: List Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], ListCategoryHierarchyPanel);
+export { ListCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-list-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="listCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListCategoryHierarchyPanel, { className: "ListCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 620 }); })();
+// ============================================================================
+// 11. Record Process Categories
+// ============================================================================
+let RecordProcessCategoryHierarchyPanel = class RecordProcessCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Record Process Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-gears',
+            DefaultColor: '#f97316',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRecordProcessCategoryHierarchyPanel_BaseFactory; return function RecordProcessCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵRecordProcessCategoryHierarchyPanel_BaseFactory || (ɵRecordProcessCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(RecordProcessCategoryHierarchyPanel)))(__ngFactoryType__ || RecordProcessCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordProcessCategoryHierarchyPanel, selectors: [["mj-record-process-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "recordProcessCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function RecordProcessCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, RecordProcessCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+RecordProcessCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Record Process Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: Record Process Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Record Process Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], RecordProcessCategoryHierarchyPanel);
+export { RecordProcessCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordProcessCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-record-process-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="recordProcessCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordProcessCategoryHierarchyPanel, { className: "RecordProcessCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 677 }); })();
+// ============================================================================
+// 12. Skills
+// ============================================================================
+let SkillHierarchyPanel = class SkillHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Skills',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-brain',
+            DefaultColor: '#a855f7',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSkillHierarchyPanel_BaseFactory; return function SkillHierarchyPanel_Factory(__ngFactoryType__) { return (ɵSkillHierarchyPanel_BaseFactory || (ɵSkillHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(SkillHierarchyPanel)))(__ngFactoryType__ || SkillHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillHierarchyPanel, selectors: [["mj-skill-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "skillHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function SkillHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, SkillHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+SkillHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Skills:hierarchy',
+        metadata: {
+            entity: 'MJ: Skills',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Skills',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], SkillHierarchyPanel);
+export { SkillHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkillHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-skill-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="skillHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillHierarchyPanel, { className: "SkillHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 734 }); })();
+// ============================================================================
+// 13. Template Categories
+// ============================================================================
+let TemplateCategoryHierarchyPanel = class TemplateCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Template Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-file-code',
+            DefaultColor: '#0ea5e9',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTemplateCategoryHierarchyPanel_BaseFactory; return function TemplateCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵTemplateCategoryHierarchyPanel_BaseFactory || (ɵTemplateCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TemplateCategoryHierarchyPanel)))(__ngFactoryType__ || TemplateCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateCategoryHierarchyPanel, selectors: [["mj-template-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "templateCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TemplateCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, TemplateCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+TemplateCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Template Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: Template Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Template Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], TemplateCategoryHierarchyPanel);
+export { TemplateCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TemplateCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-template-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="templateCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TemplateCategoryHierarchyPanel, { className: "TemplateCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 791 }); })();
+// ============================================================================
+// 14. Test Suites
+// ============================================================================
+let TestSuiteHierarchyPanel = class TestSuiteHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: Test Suites',
+            ParentField: 'ParentSuiteID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-vial-circle-check',
+            DefaultColor: '#10b981',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTestSuiteHierarchyPanel_BaseFactory; return function TestSuiteHierarchyPanel_Factory(__ngFactoryType__) { return (ɵTestSuiteHierarchyPanel_BaseFactory || (ɵTestSuiteHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(TestSuiteHierarchyPanel)))(__ngFactoryType__ || TestSuiteHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestSuiteHierarchyPanel, selectors: [["mj-test-suite-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "testSuiteHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function TestSuiteHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, TestSuiteHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+TestSuiteHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:Test Suites:hierarchy',
+        metadata: {
+            entity: 'MJ: Test Suites',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: Test Suites',
+            relatedJoinField: 'ParentSuiteID'
+        }
+    })
+], TestSuiteHierarchyPanel);
+export { TestSuiteHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestSuiteHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-test-suite-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="testSuiteHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteHierarchyPanel, { className: "TestSuiteHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 848 }); })();
+// ============================================================================
+// 15. User View Categories
+// ============================================================================
+let UserViewCategoryHierarchyPanel = class UserViewCategoryHierarchyPanel extends BaseHierarchyFormPanel {
+    buildTreeConfig() {
+        return {
+            EntityName: 'MJ: User View Categories',
+            ParentField: 'ParentID',
+            SubtitleField: 'Description',
+            DefaultIcon: 'fa-solid fa-table-list',
+            DefaultColor: '#6366f1',
+            ActiveRecordID: this.Record?.ID || undefined,
+            Height: '100%',
+            MinHeight: '640px',
+            ShowSearch: true,
+            ShowToolbar: true,
+            NavigateOnNodeClick: true
+        };
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵUserViewCategoryHierarchyPanel_BaseFactory; return function UserViewCategoryHierarchyPanel_Factory(__ngFactoryType__) { return (ɵUserViewCategoryHierarchyPanel_BaseFactory || (ɵUserViewCategoryHierarchyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewCategoryHierarchyPanel)))(__ngFactoryType__ || UserViewCategoryHierarchyPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewCategoryHierarchyPanel, selectors: [["mj-user-view-category-hierarchy-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["SectionKey", "userViewCategoryHierarchy", "SectionName", "Hierarchy", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded"], [3, "Config", "ZoomLevel"], [3, "ZoomChange", "Navigate", "Config", "ZoomLevel"]], template: function UserViewCategoryHierarchyPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
+            i0.ɵɵconditionalCreate(1, UserViewCategoryHierarchyPanel_Conditional_1_Template, 1, 2, "mj-hierarchy-tree", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext)("DefaultExpanded", true);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.IsSaved ? 1 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: [_c0], changeDetection: 0 }); }
+};
+UserViewCategoryHierarchyPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:User View Categories:hierarchy',
+        metadata: {
+            entity: 'MJ: User View Categories',
+            slot: 'after-related',
+            sortKey: 50,
+            relatedEntity: 'MJ: User View Categories',
+            relatedJoinField: 'ParentID'
+        }
+    })
+], UserViewCategoryHierarchyPanel);
+export { UserViewCategoryHierarchyPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewCategoryHierarchyPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-user-view-category-hierarchy-panel', standalone: true, imports: [CommonModule, BaseFormsModule, HierarchyTreeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <mj-collapsible-panel
+            SectionKey="userViewCategoryHierarchy"
+            SectionName="Hierarchy"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [Form]="FormComponent"
+            [FormContext]="FormContext"
+            [DefaultExpanded]="true">
+            @if (Record.IsSaved) {
+                <mj-hierarchy-tree
+                    [Config]="treeConfig"
+                    [ZoomLevel]="persistedZoomLevel"
+                    (ZoomChange)="onZoomChange($event)"
+                    (Navigate)="onNavigate($event)">
+                </mj-hierarchy-tree>
+            }
+        </mj-collapsible-panel>
+    `, styles: [":host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 640px; min-height: calc(100vh - 280px); flex: 1; margin-bottom: 20px; }"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserViewCategoryHierarchyPanel, { className: "UserViewCategoryHierarchyPanel", filePath: "src/lib/custom/HierarchyPanels/hierarchy-form-panels.ts", lineNumber: 905 }); })();
+/**
+ * Array of all hierarchy form panel components for registration and module imports.
+ */
+export const HIERARCHY_FORM_PANELS = [
+    AIAgentCategoryHierarchyPanel,
+    AIPromptCategoryHierarchyPanel,
+    ActionCategoryHierarchyPanel,
+    DashboardCategoryHierarchyPanel,
+    QueryCategoryHierarchyPanel,
+    TagHierarchyPanel,
+    ProjectHierarchyPanel,
+    ContentItemHierarchyPanel,
+    FileCategoryHierarchyPanel,
+    ListCategoryHierarchyPanel,
+    RecordProcessCategoryHierarchyPanel,
+    SkillHierarchyPanel,
+    TemplateCategoryHierarchyPanel,
+    TestSuiteHierarchyPanel,
+    UserViewCategoryHierarchyPanel
+];
+//# sourceMappingURL=hierarchy-form-panels.js.map