@memberjunction/ng-dashboards 3.4.0 → 4.0.0

package/dist/VersionHistory/components/graph-resource.component.js

@@ -0,0 +1,521 @@
+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;
+};
+var VersionHistoryGraphResourceComponent_1;
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { Metadata } from '@memberjunction/core';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
+function VersionHistoryGraphResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 1);
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_30_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 28);
+    i0.ɵɵlistener("click", function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_30_For_2_Template_button_click_0_listener() { const schema_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnSchemaFilterChange(schema_r4)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 29);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const schema_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r1.SchemaFilter === schema_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", schema_r4, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.GetSchemaEntityCount(schema_r4));
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵrepeaterCreate(1, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_30_For_2_Template, 4, 4, "button", 27, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.AvailableSchemas);
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_For_33_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelement(2, "i", 35);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.GetDependencyLevel(entity_r6.ReferencedByCount));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", entity_r6.ReferencedByCount, " ");
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_For_33_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelement(2, "i", 36);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", entity_r6.DependsOnCount, " ");
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_For_33_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵlistener("click", function VersionHistoryGraphResourceComponent_Conditional_2_For_33_Template_div_click_0_listener() { const entity_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectEntity(entity_r6)); });
+    i0.ɵɵelementStart(1, "div", 31);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 32);
+    i0.ɵɵconditionalCreate(4, VersionHistoryGraphResourceComponent_Conditional_2_For_33_Conditional_4_Template, 3, 2, "span", 33);
+    i0.ɵɵconditionalCreate(5, VersionHistoryGraphResourceComponent_Conditional_2_For_33_Conditional_5_Template, 3, 1, "span", 34);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entity_r6 = ctx.$implicit;
+    i0.ɵɵclassProp("selected", entity_r6.IsSelected);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(entity_r6.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(entity_r6.ReferencedByCount > 0 ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(entity_r6.DependsOnCount > 0 ? 5 : -1);
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24)(1, "p");
+    i0.ɵɵtext(2, "No entities match your search.");
+    i0.ɵɵelementEnd()();
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 50)(1, "div", 51);
+    i0.ɵɵlistener("click", function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_18_For_2_Template_div_click_1_listener() { const rel_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.NavigateToEntity(rel_r8.ToEntity)); });
+    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(3, "span", 53);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 54);
+    i0.ɵɵelement(6, "i", 55);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const rel_r8 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(rel_r8.ToEntity);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", rel_r8.RelatedEntityJoinField, " ");
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵrepeaterCreate(1, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_18_For_2_Template, 8, 2, "div", 50, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.ReferencedByEntities);
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 48)(1, "p");
+    i0.ɵɵtext(2, "No entities reference this entity.");
+    i0.ɵɵelementEnd()();
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_31_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 50)(1, "div", 51);
+    i0.ɵɵlistener("click", function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_31_For_2_Template_div_click_1_listener() { const rel_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.NavigateToEntity(rel_r10.FromEntity)); });
+    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(3, "span", 53);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 54);
+    i0.ɵɵelement(6, "i", 55);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const rel_r10 = ctx.$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(rel_r10.FromEntity);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", rel_r10.RelatedEntityJoinField, " ");
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵrepeaterCreate(1, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_31_For_2_Template, 8, 2, "div", 50, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.DependsOnEntities);
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 48)(1, "p");
+    i0.ɵɵtext(2, "This entity has no foreign key dependencies.");
+    i0.ɵɵelementEnd()();
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵelementStart(2, "div", 39)(3, "h3", 40);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 41);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(7, "div", 42)(8, "div", 43);
+    i0.ɵɵelement(9, "i", 44);
+    i0.ɵɵelementStart(10, "h4");
+    i0.ɵɵtext(11, "Referenced By");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 45);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "p", 46);
+    i0.ɵɵtext(15, "Entities that have foreign keys pointing to ");
+    i0.ɵɵelementStart(16, "strong");
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(18, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_18_Template, 3, 0, "div", 47);
+    i0.ɵɵconditionalCreate(19, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_19_Template, 3, 0, "div", 48);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 42)(21, "div", 43);
+    i0.ɵɵelement(22, "i", 49);
+    i0.ɵɵelementStart(23, "h4");
+    i0.ɵɵtext(24, "Depends On");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "span", 45);
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "p", 46)(28, "strong");
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(30, " has foreign keys pointing to these entities");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(31, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_31_Template, 3, 0, "div", 47);
+    i0.ɵɵconditionalCreate(32, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Conditional_32_Template, 3, 0, "div", 48);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.SelectedEntity.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.SelectedEntity.SchemaName);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.ReferencedByEntities.length);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.SelectedEntity.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ReferencedByEntities.length > 0 ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ReferencedByEntities.length === 0 ? 19 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.DependsOnEntities.length);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.SelectedEntity.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.DependsOnEntities.length > 0 ? 31 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DependsOnEntities.length === 0 ? 32 : -1);
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "Select an Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Choose an entity from the list to explore its dependency relationships.");
+    i0.ɵɵelementEnd()();
+} }
+function VersionHistoryGraphResourceComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "h2", 4);
+    i0.ɵɵtext(3, "Entity Dependency Graph");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 5);
+    i0.ɵɵtext(5, "Explore entity relationships used by the version history system");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 6)(7, "button", 7);
+    i0.ɵɵlistener("click", function VersionHistoryGraphResourceComponent_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Refresh()); });
+    i0.ɵɵelement(8, "i", 8);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 9)(10, "div", 10);
+    i0.ɵɵelement(11, "i", 11);
+    i0.ɵɵelementStart(12, "span");
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 10);
+    i0.ɵɵelement(15, "i", 12);
+    i0.ɵɵelementStart(16, "span");
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 10);
+    i0.ɵɵelement(19, "i", 13);
+    i0.ɵɵelementStart(20, "span");
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(22, "div", 14)(23, "div", 15)(24, "div", 16)(25, "h3", 17);
+    i0.ɵɵtext(26, "Entities");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 18);
+    i0.ɵɵelement(28, "i", 19);
+    i0.ɵɵelementStart(29, "input", 20);
+    i0.ɵɵlistener("ngModelChange", function VersionHistoryGraphResourceComponent_Conditional_2_Template_input_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSearchChange($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(30, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_30_Template, 3, 0, "div", 21);
+    i0.ɵɵelementStart(31, "div", 22);
+    i0.ɵɵrepeaterCreate(32, VersionHistoryGraphResourceComponent_Conditional_2_For_33_Template, 6, 5, "div", 23, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(34, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_34_Template, 3, 0, "div", 24);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "div", 25);
+    i0.ɵɵconditionalCreate(36, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_36_Template, 33, 10)(37, VersionHistoryGraphResourceComponent_Conditional_2_Conditional_37_Template, 6, 0, "div", 26);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(13);
+    i0.ɵɵtextInterpolate1("", ctx_r1.TotalEntities, " Entities");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.EntitiesWithDependents, " with Dependents");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.TotalRelationships, " Relationships");
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngModel", ctx_r1.SearchText);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.AvailableSchemas.length > 1 ? 30 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.FilteredEntities);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.FilteredEntities.length === 0 ? 34 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.SelectedEntity ? 36 : 37);
+} }
+let VersionHistoryGraphResourceComponent = class VersionHistoryGraphResourceComponent extends BaseResourceComponent {
+    static { VersionHistoryGraphResourceComponent_1 = this; }
+    cdr;
+    IsLoading = true;
+    // Entity browser
+    AllEntities = [];
+    FilteredEntities = [];
+    SearchText = '';
+    SchemaFilter = '';
+    AvailableSchemas = [];
+    // Selected entity detail
+    SelectedEntity = null;
+    SelectedEntityInfo = null;
+    ReferencedByEntities = [];
+    DependsOnEntities = [];
+    // Stats
+    TotalEntities = 0;
+    EntitiesWithDependents = 0;
+    TotalRelationships = 0;
+    static PREFS_KEY = 'VersionHistory.Graph.UserPreferences';
+    preferencesLoaded = false;
+    metadata = new Metadata();
+    destroy$ = new Subject();
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.loadUserPreferences();
+        this.LoadData();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    async GetResourceDisplayName(data) {
+        return 'Dependency Graph';
+    }
+    async GetResourceIconClass(data) {
+        return 'fa-solid fa-diagram-project';
+    }
+    LoadData() {
+        try {
+            this.IsLoading = true;
+            this.cdr.markForCheck();
+            const entities = this.metadata.Entities;
+            this.AllEntities = entities.map(e => ({
+                Name: e.Name,
+                ID: e.ID,
+                SchemaName: e.SchemaName,
+                ReferencedByCount: this.countReferencedBy(e),
+                DependsOnCount: this.countDependsOn(e),
+                IsSelected: false
+            })).sort((a, b) => a.Name.localeCompare(b.Name));
+            // Extract unique schemas, sorted
+            const schemaSet = new Set(this.AllEntities.map(e => e.SchemaName));
+            this.AvailableSchemas = Array.from(schemaSet).sort();
+            this.TotalEntities = this.AllEntities.length;
+            this.EntitiesWithDependents = this.AllEntities.filter(e => e.ReferencedByCount > 0).length;
+            this.TotalRelationships = this.AllEntities.reduce((sum, e) => sum + e.ReferencedByCount, 0);
+            this.applyFilter();
+        }
+        catch (error) {
+            console.error('Error loading dependency graph data:', error);
+        }
+        finally {
+            this.IsLoading = false;
+            this.NotifyLoadComplete();
+            this.cdr.markForCheck();
+        }
+    }
+    /** Count entities that reference this entity (have FKs pointing to it), excluding self-references */
+    countReferencedBy(entity) {
+        return entity.RelatedEntities.filter(r => r.Type.trim().toUpperCase() === 'ONE TO MANY' &&
+            r.RelatedEntity !== entity.Name).length;
+    }
+    /** Count entities this entity depends on (has FKs pointing to), excluding self-references */
+    countDependsOn(entity) {
+        return this.metadata.Entities.filter(e => e.Name !== entity.Name &&
+            e.RelatedEntities.some(r => r.Type.trim().toUpperCase() === 'ONE TO MANY' &&
+                r.RelatedEntity === entity.Name)).length;
+    }
+    OnSearchChange(text) {
+        this.SearchText = text;
+        this.applyFilter();
+    }
+    OnSchemaFilterChange(schema) {
+        this.SchemaFilter = this.SchemaFilter === schema ? '' : schema;
+        this.applyFilter();
+        this.persistPreferences();
+    }
+    loadUserPreferences() {
+        try {
+            const raw = UserInfoEngine.Instance.GetSetting(VersionHistoryGraphResourceComponent_1.PREFS_KEY);
+            if (raw) {
+                const prefs = JSON.parse(raw);
+                if (prefs.SchemaFilter != null) {
+                    this.SchemaFilter = prefs.SchemaFilter;
+                }
+            }
+        }
+        catch (error) {
+            console.error('Error loading graph preferences:', error);
+            this.SchemaFilter = '';
+        }
+        this.preferencesLoaded = true;
+    }
+    persistPreferences() {
+        if (!this.preferencesLoaded)
+            return;
+        const prefs = {
+            SchemaFilter: this.SchemaFilter
+        };
+        UserInfoEngine.Instance.SetSettingDebounced(VersionHistoryGraphResourceComponent_1.PREFS_KEY, JSON.stringify(prefs));
+    }
+    applyFilter() {
+        let result = this.AllEntities;
+        if (this.SchemaFilter) {
+            result = result.filter(e => e.SchemaName === this.SchemaFilter);
+        }
+        if (this.SearchText) {
+            const search = this.SearchText.toLowerCase();
+            result = result.filter(e => e.Name.toLowerCase().includes(search));
+        }
+        this.FilteredEntities = result;
+        this.cdr.markForCheck();
+    }
+    SelectEntity(entityNode) {
+        if (this.SelectedEntity) {
+            this.SelectedEntity.IsSelected = false;
+        }
+        entityNode.IsSelected = true;
+        this.SelectedEntity = entityNode;
+        const entityInfo = this.metadata.Entities.find(e => e.ID === entityNode.ID);
+        this.SelectedEntityInfo = entityInfo ?? null;
+        if (entityInfo) {
+            this.ReferencedByEntities = this.buildReferencedByList(entityInfo);
+            this.DependsOnEntities = this.buildDependsOnList(entityInfo);
+        }
+        else {
+            this.ReferencedByEntities = [];
+            this.DependsOnEntities = [];
+        }
+        this.cdr.markForCheck();
+    }
+    /** Entities that have FKs pointing TO the selected entity (it is the "one" side) */
+    buildReferencedByList(entityInfo) {
+        return entityInfo.RelatedEntities
+            .filter(r => r.Type.trim().toUpperCase() === 'ONE TO MANY' &&
+            r.RelatedEntity !== entityInfo.Name)
+            .map(r => ({
+            FromEntity: entityInfo.Name,
+            ToEntity: r.RelatedEntity,
+            RelatedEntityJoinField: r.RelatedEntityJoinField,
+            Type: r.Type
+        }))
+            .sort((a, b) => a.ToEntity.localeCompare(b.ToEntity));
+    }
+    /** Entities the selected entity has FKs pointing to (it is the "many" side) */
+    buildDependsOnList(entityInfo) {
+        return this.metadata.Entities
+            .filter(e => e.Name !== entityInfo.Name &&
+            e.RelatedEntities.some(r => r.Type.trim().toUpperCase() === 'ONE TO MANY' &&
+                r.RelatedEntity === entityInfo.Name))
+            .map(e => {
+            const rel = e.RelatedEntities.find(r => r.Type.trim().toUpperCase() === 'ONE TO MANY' &&
+                r.RelatedEntity === entityInfo.Name);
+            return {
+                FromEntity: e.Name,
+                ToEntity: entityInfo.Name,
+                RelatedEntityJoinField: rel.RelatedEntityJoinField,
+                Type: rel.Type
+            };
+        })
+            .sort((a, b) => a.FromEntity.localeCompare(b.FromEntity));
+    }
+    NavigateToEntity(entityName) {
+        const node = this.AllEntities.find(e => e.Name === entityName);
+        if (node) {
+            // Clear schema filter so the entity is visible
+            if (this.SchemaFilter && node.SchemaName !== this.SchemaFilter) {
+                this.SchemaFilter = '';
+                this.applyFilter();
+            }
+            this.SelectEntity(node);
+        }
+    }
+    GetDependencyLevel(count) {
+        if (count === 0)
+            return 'level-none';
+        if (count <= 3)
+            return 'level-low';
+        if (count <= 10)
+            return 'level-medium';
+        return 'level-high';
+    }
+    GetSchemaEntityCount(schema) {
+        return this.AllEntities.filter(e => e.SchemaName === schema).length;
+    }
+    Refresh() {
+        this.LoadData();
+    }
+    static ɵfac = function VersionHistoryGraphResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VersionHistoryGraphResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VersionHistoryGraphResourceComponent, selectors: [["mj-version-history-graph-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "graph-container"], ["text", "Loading dependency graph..."], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "page-subtitle"], [1, "header-actions"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "stats-row"], [1, "stat-badge"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-diagram-project"], [1, "fa-solid", "fa-arrow-right-arrow-left"], [1, "graph-layout"], [1, "entity-list-panel"], [1, "panel-header"], [1, "panel-title"], [1, "search-bar"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Filter entities...", 1, "search-input", 3, "ngModelChange", "ngModel"], [1, "schema-chips"], [1, "entity-scroll-list"], [1, "entity-list-item", 3, "selected"], [1, "empty-list"], [1, "entity-detail-panel"], [1, "no-selection"], [1, "schema-chip", 3, "active"], [1, "schema-chip", 3, "click"], [1, "schema-chip-count"], [1, "entity-list-item", 3, "click"], [1, "entity-list-name"], [1, "entity-list-badges"], ["title", "Referenced by (entities with FKs to this)", 1, "dep-badge", 3, "ngClass"], ["title", "Depends on (entities this has FKs to)", 1, "dep-badge", "level-depends-on"], [1, "fa-solid", "fa-arrow-down"], [1, "fa-solid", "fa-arrow-up"], [1, "detail-header"], [1, "fa-solid", "fa-table", "detail-icon"], [1, "detail-header-text"], [1, "detail-title"], [1, "detail-schema"], [1, "relationship-section"], [1, "section-header"], [1, "fa-solid", "fa-arrow-down", "section-icon", "referenced-by-icon"], [1, "section-count"], [1, "section-hint"], [1, "relationship-list"], [1, "empty-relationships"], [1, "fa-solid", "fa-arrow-up", "section-icon", "depends-on-icon"], [1, "relationship-item"], [1, "rel-main", 3, "click"], [1, "fa-solid", "fa-table", "rel-icon"], [1, "rel-entity-name"], [1, "rel-join-field"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-diagram-project", "no-selection-icon"]], template: function VersionHistoryGraphResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, VersionHistoryGraphResourceComponent_Conditional_1_Template, 1, 0, "mj-loading", 1);
+            i0.ɵɵconditionalCreate(2, VersionHistoryGraphResourceComponent_Conditional_2_Template, 38, 7);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsLoading ? 2 : -1);
+        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoadingComponent], styles: [".graph-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n.page-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 20px;\n}\n\n.header-left[_ngcontent-%COMP%] { flex: 1; }\n\n.page-title[_ngcontent-%COMP%] {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n}\n\n.header-actions[_ngcontent-%COMP%] { display: flex; gap: 12px; }\n\n.btn-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--text-secondary, #6b7280);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-primary, #1f2937);\n}\n\n\n\n.stats-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.stat-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 20px;\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n}\n\n.stat-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6366f1;\n}\n\n\n\n.graph-layout[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 340px 1fr;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.entity-list-panel[_ngcontent-%COMP%] {\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 12px;\n    display: flex;\n    flex-direction: column;\n    max-height: calc(100vh - 280px);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    padding: 16px 20px 0;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0;\n}\n\n.search-bar[_ngcontent-%COMP%] {\n    position: relative;\n    padding: 12px 16px 8px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 28px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--text-secondary, #6b7280);\n    font-size: 13px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 12px 8px 34px;\n    background: var(--hover-background, #f3f4f6);\n    border: 1px solid transparent;\n    border-radius: 8px;\n    font-size: 13px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    box-sizing: border-box;\n}\n\n.search-input[_ngcontent-%COMP%]:focus {\n    background: var(--card-background, #ffffff);\n    border-color: #6366f1;\n}\n\n\n\n.schema-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 0 16px 10px;\n}\n\n.schema-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    background: var(--hover-background, #f3f4f6);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 14px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary, #6b7280);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.schema-chip[_ngcontent-%COMP%]:hover {\n    background: rgba(99, 102, 241, 0.06);\n    border-color: rgba(99, 102, 241, 0.3);\n}\n\n.schema-chip.active[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.1);\n    border-color: #6366f1;\n    color: #6366f1;\n}\n\n.schema-chip-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 4px;\n    background: rgba(0, 0, 0, 0.06);\n    border-radius: 9px;\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.schema-chip.active[_ngcontent-%COMP%]   .schema-chip-count[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.15);\n}\n\n.entity-scroll-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0 8px 8px;\n}\n\n.entity-list-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.entity-list-item[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.entity-list-item.selected[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.08);\n    border-left: 3px solid #6366f1;\n}\n\n.entity-list-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-primary, #1f2937);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n}\n\n.entity-list-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.dep-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 8px;\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.dep-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 9px; }\n\n.level-none[_ngcontent-%COMP%] { display: none; }\n\n.level-low[_ngcontent-%COMP%] {\n    background: rgba(16, 185, 129, 0.1);\n    color: #059669;\n}\n\n.level-medium[_ngcontent-%COMP%] {\n    background: rgba(245, 158, 11, 0.1);\n    color: #d97706;\n}\n\n.level-high[_ngcontent-%COMP%] {\n    background: rgba(239, 68, 68, 0.1);\n    color: #dc2626;\n}\n\n.level-depends-on[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.1);\n    color: #6366f1;\n}\n\n.empty-list[_ngcontent-%COMP%] {\n    padding: 20px;\n    text-align: center;\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n}\n\n\n\n.entity-detail-panel[_ngcontent-%COMP%] {\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 12px;\n    padding: 24px;\n    overflow-y: auto;\n    max-height: calc(100vh - 280px);\n}\n\n.detail-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 28px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--border-color, #e5e7eb);\n}\n\n.detail-header-text[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.detail-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n    color: #6366f1;\n}\n\n.detail-title[_ngcontent-%COMP%] {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--text-primary, #1f2937);\n    margin: 0;\n}\n\n.detail-schema[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-secondary, #6b7280);\n}\n\n\n\n.relationship-section[_ngcontent-%COMP%] {\n    margin-bottom: 28px;\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 4px;\n}\n\n.section-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0;\n    flex: 1;\n}\n\n.section-hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-tertiary, #9ca3af);\n    margin: 0 0 12px 0;\n}\n\n.section-hint[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    color: var(--text-secondary, #6b7280);\n}\n\n.section-icon[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.referenced-by-icon[_ngcontent-%COMP%] { color: #10b981; }\n.depends-on-icon[_ngcontent-%COMP%] { color: #6366f1; }\n\n.section-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 8px;\n    background: var(--hover-background, #f3f4f6);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-secondary, #6b7280);\n}\n\n.relationship-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.relationship-item[_ngcontent-%COMP%] {\n    border-radius: 8px;\n    transition: background 0.15s ease;\n}\n\n.relationship-item[_ngcontent-%COMP%]:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.rel-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n}\n\n.rel-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #6366f1;\n    opacity: 0.7;\n    flex-shrink: 0;\n}\n\n.rel-entity-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: #6366f1;\n    font-weight: 500;\n}\n\n.rel-entity-name[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.rel-join-field[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--text-tertiary, #9ca3af);\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    margin-left: 4px;\n    padding: 2px 8px;\n    background: var(--hover-background, #f3f4f6);\n    border-radius: 4px;\n}\n\n.rel-join-field[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 9px;\n    opacity: 0.5;\n}\n\n.empty-relationships[_ngcontent-%COMP%] {\n    padding: 12px;\n    text-align: center;\n    font-size: 13px;\n    color: var(--text-tertiary, #9ca3af);\n}\n\n\n\n.no-selection[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n    height: 100%;\n}\n\n.no-selection-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--text-tertiary, #9ca3af);\n    margin-bottom: 16px;\n}\n\n.no-selection[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 8px 0;\n}\n\n.no-selection[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n    max-width: 300px;\n}"], changeDetection: 0 });
+};
+VersionHistoryGraphResourceComponent = VersionHistoryGraphResourceComponent_1 = __decorate([
+    RegisterClass(BaseResourceComponent, 'VersionHistoryGraphResource')
+], VersionHistoryGraphResourceComponent);
+export { VersionHistoryGraphResourceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VersionHistoryGraphResourceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-version-history-graph-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"graph-container\">\n  @if (IsLoading) {\n    <mj-loading text=\"Loading dependency graph...\"></mj-loading>\n  }\n\n  @if (!IsLoading) {\n    <!-- Header -->\n    <div class=\"page-header\">\n      <div class=\"header-left\">\n        <h2 class=\"page-title\">Entity Dependency Graph</h2>\n        <p class=\"page-subtitle\">Explore entity relationships used by the version history system</p>\n      </div>\n      <div class=\"header-actions\">\n        <button class=\"btn-icon\" (click)=\"Refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <!-- Stats Row -->\n    <div class=\"stats-row\">\n      <div class=\"stat-badge\">\n        <i class=\"fa-solid fa-table\"></i>\n        <span>{{TotalEntities}} Entities</span>\n      </div>\n      <div class=\"stat-badge\">\n        <i class=\"fa-solid fa-diagram-project\"></i>\n        <span>{{EntitiesWithDependents}} with Dependents</span>\n      </div>\n      <div class=\"stat-badge\">\n        <i class=\"fa-solid fa-arrow-right-arrow-left\"></i>\n        <span>{{TotalRelationships}} Relationships</span>\n      </div>\n    </div>\n    <!-- Main Layout: Entity List + Detail -->\n    <div class=\"graph-layout\">\n      <!-- Entity List -->\n      <div class=\"entity-list-panel\">\n        <div class=\"panel-header\">\n          <h3 class=\"panel-title\">Entities</h3>\n        </div>\n        <div class=\"search-bar\">\n          <i class=\"fa-solid fa-search search-icon\"></i>\n          <input type=\"text\"\n            class=\"search-input\"\n            placeholder=\"Filter entities...\"\n            [ngModel]=\"SearchText\"\n            (ngModelChange)=\"OnSearchChange($event)\" />\n        </div>\n        <!-- Schema Filter Chips -->\n        @if (AvailableSchemas.length > 1) {\n          <div class=\"schema-chips\">\n            @for (schema of AvailableSchemas; track schema) {\n              <button class=\"schema-chip\"\n                [class.active]=\"SchemaFilter === schema\"\n                (click)=\"OnSchemaFilterChange(schema)\">\n                {{schema}}\n                <span class=\"schema-chip-count\">{{GetSchemaEntityCount(schema)}}</span>\n              </button>\n            }\n          </div>\n        }\n        <div class=\"entity-scroll-list\">\n          @for (entity of FilteredEntities; track entity) {\n            <div class=\"entity-list-item\"\n              [class.selected]=\"entity.IsSelected\"\n              (click)=\"SelectEntity(entity)\">\n              <div class=\"entity-list-name\">{{entity.Name}}</div>\n              <div class=\"entity-list-badges\">\n                @if (entity.ReferencedByCount > 0) {\n                  <span class=\"dep-badge\"\n                    [ngClass]=\"GetDependencyLevel(entity.ReferencedByCount)\"\n                    title=\"Referenced by (entities with FKs to this)\">\n                    {{entity.ReferencedByCount}} <i class=\"fa-solid fa-arrow-down\"></i>\n                  </span>\n                }\n                @if (entity.DependsOnCount > 0) {\n                  <span class=\"dep-badge level-depends-on\"\n                    title=\"Depends on (entities this has FKs to)\">\n                    {{entity.DependsOnCount}} <i class=\"fa-solid fa-arrow-up\"></i>\n                  </span>\n                }\n              </div>\n            </div>\n          }\n          @if (FilteredEntities.length === 0) {\n            <div class=\"empty-list\">\n              <p>No entities match your search.</p>\n            </div>\n          }\n        </div>\n      </div>\n      <!-- Detail Panel -->\n      <div class=\"entity-detail-panel\">\n        @if (SelectedEntity) {\n          <div class=\"detail-header\">\n            <i class=\"fa-solid fa-table detail-icon\"></i>\n            <div class=\"detail-header-text\">\n              <h3 class=\"detail-title\">{{SelectedEntity.Name}}</h3>\n              <span class=\"detail-schema\">{{SelectedEntity.SchemaName}}</span>\n            </div>\n          </div>\n          <!-- Referenced By (entities that have FKs pointing to this entity) -->\n          <div class=\"relationship-section\">\n            <div class=\"section-header\">\n              <i class=\"fa-solid fa-arrow-down section-icon referenced-by-icon\"></i>\n              <h4>Referenced By</h4>\n              <span class=\"section-count\">{{ReferencedByEntities.length}}</span>\n            </div>\n            <p class=\"section-hint\">Entities that have foreign keys pointing to <strong>{{SelectedEntity.Name}}</strong></p>\n            @if (ReferencedByEntities.length > 0) {\n              <div class=\"relationship-list\">\n                @for (rel of ReferencedByEntities; track rel) {\n                  <div class=\"relationship-item\">\n                    <div class=\"rel-main\"\n                      (click)=\"NavigateToEntity(rel.ToEntity)\">\n                      <i class=\"fa-solid fa-table rel-icon\"></i>\n                      <span class=\"rel-entity-name\">{{rel.ToEntity}}</span>\n                      <span class=\"rel-join-field\">\n                        <i class=\"fa-solid fa-link\"></i>\n                        {{rel.RelatedEntityJoinField}}\n                      </span>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            @if (ReferencedByEntities.length === 0) {\n              <div class=\"empty-relationships\">\n                <p>No entities reference this entity.</p>\n              </div>\n            }\n          </div>\n          <!-- Depends On (entities this entity has FKs to) -->\n          <div class=\"relationship-section\">\n            <div class=\"section-header\">\n              <i class=\"fa-solid fa-arrow-up section-icon depends-on-icon\"></i>\n              <h4>Depends On</h4>\n              <span class=\"section-count\">{{DependsOnEntities.length}}</span>\n            </div>\n            <p class=\"section-hint\"><strong>{{SelectedEntity.Name}}</strong> has foreign keys pointing to these entities</p>\n            @if (DependsOnEntities.length > 0) {\n              <div class=\"relationship-list\">\n                @for (rel of DependsOnEntities; track rel) {\n                  <div class=\"relationship-item\">\n                    <div class=\"rel-main\"\n                      (click)=\"NavigateToEntity(rel.FromEntity)\">\n                      <i class=\"fa-solid fa-table rel-icon\"></i>\n                      <span class=\"rel-entity-name\">{{rel.FromEntity}}</span>\n                      <span class=\"rel-join-field\">\n                        <i class=\"fa-solid fa-link\"></i>\n                        {{rel.RelatedEntityJoinField}}\n                      </span>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            @if (DependsOnEntities.length === 0) {\n              <div class=\"empty-relationships\">\n                <p>This entity has no foreign key dependencies.</p>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"no-selection\">\n            <i class=\"fa-solid fa-diagram-project no-selection-icon\"></i>\n            <h3>Select an Entity</h3>\n            <p>Choose an entity from the list to explore its dependency relationships.</p>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".graph-container {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n}\n\n/* Header */\n.page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 20px;\n}\n\n.header-left { flex: 1; }\n\n.page-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n}\n\n.header-actions { display: flex; gap: 12px; }\n\n.btn-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--text-secondary, #6b7280);\n}\n\n.btn-icon:hover {\n    background: var(--hover-background, #f3f4f6);\n    color: var(--text-primary, #1f2937);\n}\n\n/* Stats Row */\n.stats-row {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n.stat-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 20px;\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n}\n\n.stat-badge i {\n    color: #6366f1;\n}\n\n/* Main Layout */\n.graph-layout {\n    display: grid;\n    grid-template-columns: 340px 1fr;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n/* Entity List Panel */\n.entity-list-panel {\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 12px;\n    display: flex;\n    flex-direction: column;\n    max-height: calc(100vh - 280px);\n}\n\n.panel-header {\n    padding: 16px 20px 0;\n}\n\n.panel-title {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0;\n}\n\n.search-bar {\n    position: relative;\n    padding: 12px 16px 8px;\n}\n\n.search-icon {\n    position: absolute;\n    left: 28px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--text-secondary, #6b7280);\n    font-size: 13px;\n}\n\n.search-input {\n    width: 100%;\n    padding: 8px 12px 8px 34px;\n    background: var(--hover-background, #f3f4f6);\n    border: 1px solid transparent;\n    border-radius: 8px;\n    font-size: 13px;\n    color: var(--text-primary, #1f2937);\n    outline: none;\n    box-sizing: border-box;\n}\n\n.search-input:focus {\n    background: var(--card-background, #ffffff);\n    border-color: #6366f1;\n}\n\n/* Schema Filter Chips */\n.schema-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 0 16px 10px;\n}\n\n.schema-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    background: var(--hover-background, #f3f4f6);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 14px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary, #6b7280);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.schema-chip:hover {\n    background: rgba(99, 102, 241, 0.06);\n    border-color: rgba(99, 102, 241, 0.3);\n}\n\n.schema-chip.active {\n    background: rgba(99, 102, 241, 0.1);\n    border-color: #6366f1;\n    color: #6366f1;\n}\n\n.schema-chip-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 4px;\n    background: rgba(0, 0, 0, 0.06);\n    border-radius: 9px;\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.schema-chip.active .schema-chip-count {\n    background: rgba(99, 102, 241, 0.15);\n}\n\n.entity-scroll-list {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0 8px 8px;\n}\n\n.entity-list-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.entity-list-item:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.entity-list-item.selected {\n    background: rgba(99, 102, 241, 0.08);\n    border-left: 3px solid #6366f1;\n}\n\n.entity-list-name {\n    font-size: 13px;\n    color: var(--text-primary, #1f2937);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n}\n\n.entity-list-badges {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.dep-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 8px;\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.dep-badge i { font-size: 9px; }\n\n.level-none { display: none; }\n\n.level-low {\n    background: rgba(16, 185, 129, 0.1);\n    color: #059669;\n}\n\n.level-medium {\n    background: rgba(245, 158, 11, 0.1);\n    color: #d97706;\n}\n\n.level-high {\n    background: rgba(239, 68, 68, 0.1);\n    color: #dc2626;\n}\n\n.level-depends-on {\n    background: rgba(99, 102, 241, 0.1);\n    color: #6366f1;\n}\n\n.empty-list {\n    padding: 20px;\n    text-align: center;\n    font-size: 13px;\n    color: var(--text-secondary, #6b7280);\n}\n\n/* Detail Panel */\n.entity-detail-panel {\n    background: var(--card-background, #ffffff);\n    border: 1px solid var(--border-color, #e5e7eb);\n    border-radius: 12px;\n    padding: 24px;\n    overflow-y: auto;\n    max-height: calc(100vh - 280px);\n}\n\n.detail-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 28px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--border-color, #e5e7eb);\n}\n\n.detail-header-text {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.detail-icon {\n    font-size: 20px;\n    color: #6366f1;\n}\n\n.detail-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--text-primary, #1f2937);\n    margin: 0;\n}\n\n.detail-schema {\n    font-size: 12px;\n    color: var(--text-secondary, #6b7280);\n}\n\n/* Relationship Sections */\n.relationship-section {\n    margin-bottom: 28px;\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 4px;\n}\n\n.section-header h4 {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0;\n    flex: 1;\n}\n\n.section-hint {\n    font-size: 12px;\n    color: var(--text-tertiary, #9ca3af);\n    margin: 0 0 12px 0;\n}\n\n.section-hint strong {\n    color: var(--text-secondary, #6b7280);\n}\n\n.section-icon {\n    font-size: 14px;\n}\n\n.referenced-by-icon { color: #10b981; }\n.depends-on-icon { color: #6366f1; }\n\n.section-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 8px;\n    background: var(--hover-background, #f3f4f6);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-secondary, #6b7280);\n}\n\n.relationship-list {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.relationship-item {\n    border-radius: 8px;\n    transition: background 0.15s ease;\n}\n\n.relationship-item:hover {\n    background: var(--hover-background, #f3f4f6);\n}\n\n.rel-main {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n}\n\n.rel-icon {\n    font-size: 12px;\n    color: #6366f1;\n    opacity: 0.7;\n    flex-shrink: 0;\n}\n\n.rel-entity-name {\n    font-size: 14px;\n    color: #6366f1;\n    font-weight: 500;\n}\n\n.rel-entity-name:hover {\n    text-decoration: underline;\n}\n\n.rel-join-field {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--text-tertiary, #9ca3af);\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    margin-left: 4px;\n    padding: 2px 8px;\n    background: var(--hover-background, #f3f4f6);\n    border-radius: 4px;\n}\n\n.rel-join-field i {\n    font-size: 9px;\n    opacity: 0.5;\n}\n\n.empty-relationships {\n    padding: 12px;\n    text-align: center;\n    font-size: 13px;\n    color: var(--text-tertiary, #9ca3af);\n}\n\n/* No Selection */\n.no-selection {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n    height: 100%;\n}\n\n.no-selection-icon {\n    font-size: 48px;\n    color: var(--text-tertiary, #9ca3af);\n    margin-bottom: 16px;\n}\n\n.no-selection h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary, #1f2937);\n    margin: 0 0 8px 0;\n}\n\n.no-selection p {\n    font-size: 14px;\n    color: var(--text-secondary, #6b7280);\n    margin: 0;\n    max-width: 300px;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VersionHistoryGraphResourceComponent, { className: "VersionHistoryGraphResourceComponent", filePath: "src/versionhistory/components/graph-resource.component.ts", lineNumber: 35 }); })();
+//# sourceMappingURL=graph-resource.component.js.map

package/dist/VersionHistory/components/graph-resource.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-resource.component.js","sourceRoot":"","sources":["../../../src/VersionHistory/components/graph-resource.component.ts","../../../src/VersionHistory/components/graph-resource.component.html"],"names":[],"mappings":"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"}

package/dist/VersionHistory/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './labels-resource.component';
+export * from './diff-resource.component';
+export * from './restore-resource.component';
+export * from './graph-resource.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/VersionHistory/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/VersionHistory/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}

package/dist/VersionHistory/components/index.js

@@ -0,0 +1,5 @@
+export * from './labels-resource.component';
+export * from './diff-resource.component';
+export * from './restore-resource.component';
+export * from './graph-resource.component';
+//# sourceMappingURL=index.js.map

package/dist/VersionHistory/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/VersionHistory/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}