npm - @memberjunction/ng-dashboards - Versions diffs - 5.24.0 → 5.25.0 - Mend

@memberjunction/ng-dashboards 5.24.0 → 5.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (284) hide show

package/dist/VersionHistory/components/graph-resource.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"graph-resource.component.d.ts","sourceRoot":"","sources":["../../../src/VersionHistory/components/graph-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAA2B,MAAM,eAAe,CAAC;~~AAGzG~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAY,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAkB,MAAM,+BAA+B,CAAC;;AAK7E,UAAU,UAAU;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,gBAAgB;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,qBAQa,oCAAqC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IA0B5F,OAAO,CAAC,GAAG;IAzBhB,SAAS,UAAQ;IAGjB,WAAW,EAAE,UAAU,EAAE,CAAM;IAC/B,gBAAgB,EAAE,UAAU,EAAE,CAAM;IACpC,UAAU,SAAM;IAChB,YAAY,SAAM;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAGhC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;IACzC,kBAAkB,EAAE,UAAU,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,gBAAgB,EAAE,CAAM;IAC9C,iBAAiB,EAAE,gBAAgB,EAAE,CAAM;IAG3C,aAAa,SAAK;IAClB,sBAAsB,SAAK;IAC3B,kBAAkB,SAAK;IAE9B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAA0C;IAC3E,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAkB;IAClC,~~OAAO~~,~~CAAC,~~QAAQ,~~CAAuB~~;~~gBAEnB~~,GAAG,EAAE,iBAAiB;IAI1C,QAAQ,IAAI,IAAI;~~IAKhB~~,WAAW,IAAI,IAAI;~~IAKb~~,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIxD,QAAQ,IAAI,IAAI;IAkCvB,qGAAqG;IACrG,OAAO,CAAC,iBAAiB;IAOzB,6FAA6F;IAC7F,OAAO,CAAC,cAAc;IAUf,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKlC,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAMjD,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,WAAW;IAgBZ,YAAY,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAsBjD,oFAAoF;IACpF,OAAO,CAAC,qBAAqB;IAe7B,+EAA+E;IAC/E,OAAO,CAAC,kBAAkB;IAwBnB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAY1C,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAOzC,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAI5C,OAAO,IAAI,IAAI;~~yCA9Ob~~,oCAAoC;2CAApC,oCAAoC;~~CAiPhD~~"}
1	+ {"version":3,"file":"graph-resource.component.d.ts","sourceRoot":"","sources":["../../../src/VersionHistory/components/graph-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAA2B,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAY,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAkB,MAAM,+BAA+B,CAAC;;AAK7E,UAAU,UAAU;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,gBAAgB;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,qBAQa,oCAAqC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IA0B5F,OAAO,CAAC,GAAG;IAzBhB,SAAS,UAAQ;IAGjB,WAAW,EAAE,UAAU,EAAE,CAAM;IAC/B,gBAAgB,EAAE,UAAU,EAAE,CAAM;IACpC,UAAU,SAAM;IAChB,YAAY,SAAM;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAGhC,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;IACzC,kBAAkB,EAAE,UAAU,GAAG,IAAI,CAAQ;IAC7C,oBAAoB,EAAE,gBAAgB,EAAE,CAAM;IAC9C,iBAAiB,EAAE,gBAAgB,EAAE,CAAM;IAG3C,aAAa,SAAK;IAClB,sBAAsB,SAAK;IAC3B,kBAAkB,SAAK;IAE9B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAA0C;IAC3E,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,QAAQ,CAAkB;IAClC,UAAmB,QAAQ,gBAAuB;gBAE9B,GAAG,EAAE,iBAAiB;IAI1C,QAAQ,IAAI,IAAI;IAMhB,WAAW,IAAI,IAAI;IAMb,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIxD,QAAQ,IAAI,IAAI;IAkCvB,qGAAqG;IACrG,OAAO,CAAC,iBAAiB;IAOzB,6FAA6F;IAC7F,OAAO,CAAC,cAAc;IAUf,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKlC,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAMjD,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,WAAW;IAgBZ,YAAY,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI;IAsBjD,oFAAoF;IACpF,OAAO,CAAC,qBAAqB;IAe7B,+EAA+E;IAC/E,OAAO,CAAC,kBAAkB;IAwBnB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAY1C,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAOzC,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAI5C,OAAO,IAAI,IAAI;yCAhPb,oCAAoC;2CAApC,oCAAoC;CAmPhD"}

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

@@ -322,10 +322,12 @@ let VersionHistoryGraphResourceComponent = class VersionHistoryGraphResourceComp
         this.cdr = cdr;
     }
     ngOnInit() {
+        super.ngOnInit();
         this.loadUserPreferences();
         this.LoadData();
     }
     ngOnDestroy() {
+        super.ngOnDestroy();
         this.destroy$.next();
         this.destroy$.complete();
     }

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

	@@ -1 +1 @@
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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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { RegisterClass , UUIDsEqual } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { Metadata, EntityInfo } from '@memberjunction/core';\nimport { ResourceData, UserInfoEngine } from '@memberjunction/core-entities';\n\ninterface VersionGraphPreferences {\n SchemaFilter: string;\n}\ninterface EntityNode {\n Name: string;\n ID: string;\n SchemaName: string;\n ReferencedByCount: number;\n DependsOnCount: number;\n IsSelected: boolean;\n}\n\ninterface RelationshipEdge {\n FromEntity: string;\n ToEntity: string;\n RelatedEntityJoinField: string;\n Type: string;\n}\n\n@RegisterClass(BaseResourceComponent, 'VersionHistoryGraphResource')\n@Component({\n standalone: false,\n selector: 'mj-version-history-graph-resource',\n templateUrl: './graph-resource.component.html',\n styleUrls: ['./graph-resource.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class VersionHistoryGraphResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n public IsLoading = true;\n\n // Entity browser\n public AllEntities: EntityNode[] = [];\n public FilteredEntities: EntityNode[] = [];\n public SearchText = '';\n public SchemaFilter = '';\n public AvailableSchemas: string[] = [];\n\n // Selected entity detail\n public SelectedEntity: EntityNode \| null = null;\n public SelectedEntityInfo: EntityInfo \| null = null;\n public ReferencedByEntities: RelationshipEdge[] = [];\n public DependsOnEntities: RelationshipEdge[] = [];\n\n // Stats\n public TotalEntities = 0;\n public EntitiesWithDependents = 0;\n public TotalRelationships = 0;\n\n private static readonly PREFS_KEY = 'VersionHistory.Graph.UserPreferences';\n private preferencesLoaded = false;\n private metadata = new Metadata();\n private destroy$ = new Subject<void>();\n\n constructor(private cdr: ChangeDetectorRef) {\n super();\n }\n\n ngOnInit(): void {\n this.loadUserPreferences();\n this.LoadData();\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n async GetResourceDisplayName(data: ResourceData): Promise<string> {\n return 'Dependency Graph';\n }\n\n async GetResourceIconClass(data: ResourceData): Promise<string> {\n return 'fa-solid fa-diagram-project';\n }\n\n public LoadData(): void {\n try {\n this.IsLoading = true;\n this.cdr.markForCheck();\n\n const entities = this.metadata.Entities;\n\n this.AllEntities = entities.map(e => ({\n Name: e.Name,\n ID: e.ID,\n SchemaName: e.SchemaName,\n ReferencedByCount: this.countReferencedBy(e),\n DependsOnCount: this.countDependsOn(e),\n IsSelected: false\n })).sort((a, b) => a.Name.localeCompare(b.Name));\n\n // Extract unique schemas, sorted\n const schemaSet = new Set(this.AllEntities.map(e => e.SchemaName));\n this.AvailableSchemas = Array.from(schemaSet).sort();\n\n this.TotalEntities = this.AllEntities.length;\n this.EntitiesWithDependents = this.AllEntities.filter(e => e.ReferencedByCount > 0).length;\n this.TotalRelationships = this.AllEntities.reduce((sum, e) => sum + e.ReferencedByCount, 0);\n\n this.applyFilter();\n } catch (error) {\n console.error('Error loading dependency graph data:', error);\n } finally {\n this.IsLoading = false;\n this.NotifyLoadComplete();\n this.cdr.markForCheck();\n }\n }\n\n /** Count entities that reference this entity (have FKs pointing to it), excluding self-references /\n private countReferencedBy(entity: EntityInfo): number {\n return entity.RelatedEntities.filter(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity !== entity.Name\n ).length;\n }\n\n /* Count entities this entity depends on (has FKs pointing to), excluding self-references /\n private countDependsOn(entity: EntityInfo): number {\n return this.metadata.Entities.filter(e =>\n e.Name !== entity.Name &&\n e.RelatedEntities.some(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity === entity.Name\n )\n ).length;\n }\n\n public OnSearchChange(text: string): void {\n this.SearchText = text;\n this.applyFilter();\n }\n\n public OnSchemaFilterChange(schema: string): void {\n this.SchemaFilter = this.SchemaFilter === schema ? '' : schema;\n this.applyFilter();\n this.persistPreferences();\n }\n\n private loadUserPreferences(): void {\n try {\n const raw = UserInfoEngine.Instance.GetSetting(VersionHistoryGraphResourceComponent.PREFS_KEY);\n if (raw) {\n const prefs: VersionGraphPreferences = JSON.parse(raw);\n if (prefs.SchemaFilter != null) {\n this.SchemaFilter = prefs.SchemaFilter;\n }\n }\n } catch (error) {\n console.error('Error loading graph preferences:', error);\n this.SchemaFilter = '';\n }\n this.preferencesLoaded = true;\n }\n\n private persistPreferences(): void {\n if (!this.preferencesLoaded) return;\n const prefs: VersionGraphPreferences = {\n SchemaFilter: this.SchemaFilter\n };\n UserInfoEngine.Instance.SetSettingDebounced(VersionHistoryGraphResourceComponent.PREFS_KEY, JSON.stringify(prefs));\n }\n\n private applyFilter(): void {\n let result = this.AllEntities;\n\n if (this.SchemaFilter) {\n result = result.filter(e => e.SchemaName === this.SchemaFilter);\n }\n\n if (this.SearchText) {\n const search = this.SearchText.toLowerCase();\n result = result.filter(e => e.Name.toLowerCase().includes(search));\n }\n\n this.FilteredEntities = result;\n this.cdr.markForCheck();\n }\n\n public SelectEntity(entityNode: EntityNode): void {\n if (this.SelectedEntity) {\n this.SelectedEntity.IsSelected = false;\n }\n\n entityNode.IsSelected = true;\n this.SelectedEntity = entityNode;\n\n const entityInfo = this.metadata.Entities.find(e => UUIDsEqual(e.ID, entityNode.ID));\n this.SelectedEntityInfo = entityInfo ?? null;\n\n if (entityInfo) {\n this.ReferencedByEntities = this.buildReferencedByList(entityInfo);\n this.DependsOnEntities = this.buildDependsOnList(entityInfo);\n } else {\n this.ReferencedByEntities = [];\n this.DependsOnEntities = [];\n }\n\n this.cdr.markForCheck();\n }\n\n /* Entities that have FKs pointing TO the selected entity (it is the \"one\" side) /\n private buildReferencedByList(entityInfo: EntityInfo): RelationshipEdge[] {\n return entityInfo.RelatedEntities\n .filter(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity !== entityInfo.Name\n )\n .map(r => ({\n FromEntity: entityInfo.Name,\n ToEntity: r.RelatedEntity,\n RelatedEntityJoinField: r.RelatedEntityJoinField,\n Type: r.Type\n }))\n .sort((a, b) => a.ToEntity.localeCompare(b.ToEntity));\n }\n\n /* Entities the selected entity has FKs pointing to (it is the \"many\" side) */\n private buildDependsOnList(entityInfo: EntityInfo): RelationshipEdge[] {\n return this.metadata.Entities\n .filter(e =>\n e.Name !== entityInfo.Name &&\n e.RelatedEntities.some(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity === entityInfo.Name\n )\n )\n .map(e => {\n const rel = e.RelatedEntities.find(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity === entityInfo.Name\n )!;\n return {\n FromEntity: e.Name,\n ToEntity: entityInfo.Name,\n RelatedEntityJoinField: rel.RelatedEntityJoinField,\n Type: rel.Type\n };\n })\n .sort((a, b) => a.FromEntity.localeCompare(b.FromEntity));\n }\n\n public NavigateToEntity(entityName: string): void {\n const node = this.AllEntities.find(e => e.Name === entityName);\n if (node) {\n // Clear schema filter so the entity is visible\n if (this.SchemaFilter && node.SchemaName !== this.SchemaFilter) {\n this.SchemaFilter = '';\n this.applyFilter();\n }\n this.SelectEntity(node);\n }\n }\n\n public GetDependencyLevel(count: number): string {\n if (count === 0) return 'level-none';\n if (count <= 3) return 'level-low';\n if (count <= 10) return 'level-medium';\n return 'level-high';\n }\n\n public GetSchemaEntityCount(schema: string): number {\n return this.AllEntities.filter(e => e.SchemaName === schema).length;\n }\n\n public Refresh(): void {\n this.LoadData();\n }\n}\n","<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"]}
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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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { RegisterClass , UUIDsEqual } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { Metadata, EntityInfo } from '@memberjunction/core';\nimport { ResourceData, UserInfoEngine } from '@memberjunction/core-entities';\n\ninterface VersionGraphPreferences {\n SchemaFilter: string;\n}\ninterface EntityNode {\n Name: string;\n ID: string;\n SchemaName: string;\n ReferencedByCount: number;\n DependsOnCount: number;\n IsSelected: boolean;\n}\n\ninterface RelationshipEdge {\n FromEntity: string;\n ToEntity: string;\n RelatedEntityJoinField: string;\n Type: string;\n}\n\n@RegisterClass(BaseResourceComponent, 'VersionHistoryGraphResource')\n@Component({\n standalone: false,\n selector: 'mj-version-history-graph-resource',\n templateUrl: './graph-resource.component.html',\n styleUrls: ['./graph-resource.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class VersionHistoryGraphResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n public IsLoading = true;\n\n // Entity browser\n public AllEntities: EntityNode[] = [];\n public FilteredEntities: EntityNode[] = [];\n public SearchText = '';\n public SchemaFilter = '';\n public AvailableSchemas: string[] = [];\n\n // Selected entity detail\n public SelectedEntity: EntityNode \| null = null;\n public SelectedEntityInfo: EntityInfo \| null = null;\n public ReferencedByEntities: RelationshipEdge[] = [];\n public DependsOnEntities: RelationshipEdge[] = [];\n\n // Stats\n public TotalEntities = 0;\n public EntitiesWithDependents = 0;\n public TotalRelationships = 0;\n\n private static readonly PREFS_KEY = 'VersionHistory.Graph.UserPreferences';\n private preferencesLoaded = false;\n private metadata = new Metadata();\n protected override destroy$ = new Subject<void>();\n\n constructor(private cdr: ChangeDetectorRef) {\n super();\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n this.loadUserPreferences();\n this.LoadData();\n }\n\n ngOnDestroy(): void {\n super.ngOnDestroy();\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n async GetResourceDisplayName(data: ResourceData): Promise<string> {\n return 'Dependency Graph';\n }\n\n async GetResourceIconClass(data: ResourceData): Promise<string> {\n return 'fa-solid fa-diagram-project';\n }\n\n public LoadData(): void {\n try {\n this.IsLoading = true;\n this.cdr.markForCheck();\n\n const entities = this.metadata.Entities;\n\n this.AllEntities = entities.map(e => ({\n Name: e.Name,\n ID: e.ID,\n SchemaName: e.SchemaName,\n ReferencedByCount: this.countReferencedBy(e),\n DependsOnCount: this.countDependsOn(e),\n IsSelected: false\n })).sort((a, b) => a.Name.localeCompare(b.Name));\n\n // Extract unique schemas, sorted\n const schemaSet = new Set(this.AllEntities.map(e => e.SchemaName));\n this.AvailableSchemas = Array.from(schemaSet).sort();\n\n this.TotalEntities = this.AllEntities.length;\n this.EntitiesWithDependents = this.AllEntities.filter(e => e.ReferencedByCount > 0).length;\n this.TotalRelationships = this.AllEntities.reduce((sum, e) => sum + e.ReferencedByCount, 0);\n\n this.applyFilter();\n } catch (error) {\n console.error('Error loading dependency graph data:', error);\n } finally {\n this.IsLoading = false;\n this.NotifyLoadComplete();\n this.cdr.markForCheck();\n }\n }\n\n /** Count entities that reference this entity (have FKs pointing to it), excluding self-references /\n private countReferencedBy(entity: EntityInfo): number {\n return entity.RelatedEntities.filter(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity !== entity.Name\n ).length;\n }\n\n /* Count entities this entity depends on (has FKs pointing to), excluding self-references /\n private countDependsOn(entity: EntityInfo): number {\n return this.metadata.Entities.filter(e =>\n e.Name !== entity.Name &&\n e.RelatedEntities.some(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity === entity.Name\n )\n ).length;\n }\n\n public OnSearchChange(text: string): void {\n this.SearchText = text;\n this.applyFilter();\n }\n\n public OnSchemaFilterChange(schema: string): void {\n this.SchemaFilter = this.SchemaFilter === schema ? '' : schema;\n this.applyFilter();\n this.persistPreferences();\n }\n\n private loadUserPreferences(): void {\n try {\n const raw = UserInfoEngine.Instance.GetSetting(VersionHistoryGraphResourceComponent.PREFS_KEY);\n if (raw) {\n const prefs: VersionGraphPreferences = JSON.parse(raw);\n if (prefs.SchemaFilter != null) {\n this.SchemaFilter = prefs.SchemaFilter;\n }\n }\n } catch (error) {\n console.error('Error loading graph preferences:', error);\n this.SchemaFilter = '';\n }\n this.preferencesLoaded = true;\n }\n\n private persistPreferences(): void {\n if (!this.preferencesLoaded) return;\n const prefs: VersionGraphPreferences = {\n SchemaFilter: this.SchemaFilter\n };\n UserInfoEngine.Instance.SetSettingDebounced(VersionHistoryGraphResourceComponent.PREFS_KEY, JSON.stringify(prefs));\n }\n\n private applyFilter(): void {\n let result = this.AllEntities;\n\n if (this.SchemaFilter) {\n result = result.filter(e => e.SchemaName === this.SchemaFilter);\n }\n\n if (this.SearchText) {\n const search = this.SearchText.toLowerCase();\n result = result.filter(e => e.Name.toLowerCase().includes(search));\n }\n\n this.FilteredEntities = result;\n this.cdr.markForCheck();\n }\n\n public SelectEntity(entityNode: EntityNode): void {\n if (this.SelectedEntity) {\n this.SelectedEntity.IsSelected = false;\n }\n\n entityNode.IsSelected = true;\n this.SelectedEntity = entityNode;\n\n const entityInfo = this.metadata.Entities.find(e => UUIDsEqual(e.ID, entityNode.ID));\n this.SelectedEntityInfo = entityInfo ?? null;\n\n if (entityInfo) {\n this.ReferencedByEntities = this.buildReferencedByList(entityInfo);\n this.DependsOnEntities = this.buildDependsOnList(entityInfo);\n } else {\n this.ReferencedByEntities = [];\n this.DependsOnEntities = [];\n }\n\n this.cdr.markForCheck();\n }\n\n /* Entities that have FKs pointing TO the selected entity (it is the \"one\" side) /\n private buildReferencedByList(entityInfo: EntityInfo): RelationshipEdge[] {\n return entityInfo.RelatedEntities\n .filter(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity !== entityInfo.Name\n )\n .map(r => ({\n FromEntity: entityInfo.Name,\n ToEntity: r.RelatedEntity,\n RelatedEntityJoinField: r.RelatedEntityJoinField,\n Type: r.Type\n }))\n .sort((a, b) => a.ToEntity.localeCompare(b.ToEntity));\n }\n\n /* Entities the selected entity has FKs pointing to (it is the \"many\" side) */\n private buildDependsOnList(entityInfo: EntityInfo): RelationshipEdge[] {\n return this.metadata.Entities\n .filter(e =>\n e.Name !== entityInfo.Name &&\n e.RelatedEntities.some(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity === entityInfo.Name\n )\n )\n .map(e => {\n const rel = e.RelatedEntities.find(r =>\n r.Type.trim().toUpperCase() === 'ONE TO MANY' &&\n r.RelatedEntity === entityInfo.Name\n )!;\n return {\n FromEntity: e.Name,\n ToEntity: entityInfo.Name,\n RelatedEntityJoinField: rel.RelatedEntityJoinField,\n Type: rel.Type\n };\n })\n .sort((a, b) => a.FromEntity.localeCompare(b.FromEntity));\n }\n\n public NavigateToEntity(entityName: string): void {\n const node = this.AllEntities.find(e => e.Name === entityName);\n if (node) {\n // Clear schema filter so the entity is visible\n if (this.SchemaFilter && node.SchemaName !== this.SchemaFilter) {\n this.SchemaFilter = '';\n this.applyFilter();\n }\n this.SelectEntity(node);\n }\n }\n\n public GetDependencyLevel(count: number): string {\n if (count === 0) return 'level-none';\n if (count <= 3) return 'level-low';\n if (count <= 10) return 'level-medium';\n return 'level-high';\n }\n\n public GetSchemaEntityCount(schema: string): number {\n return this.AllEntities.filter(e => e.SchemaName === schema).length;\n }\n\n public Refresh(): void {\n this.LoadData();\n }\n}\n","<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"]}

package/dist/VersionHistory/components/labels-resource.component.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { Subject } from 'rxjs';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { ResourceData, MJVersionLabelEntityType } from '@memberjunction/core-entities';
 import { EntityLinkClickEvent } from '@memberjunction/ng-versions';
 import * as i0 from "@angular/core";
@@ -17,7 +18,6 @@ interface StatusStat {
 type SortField = 'Name' | 'Scope' | 'Status' | 'Items' | 'Date';
 export declare class VersionHistoryLabelsResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {
     private cdr;
-    private navigationService;
     private static readonly PREFS_KEY;
     IsLoading: boolean;
     ViewMode: 'card' | 'list';
@@ -40,8 +40,8 @@ export declare class VersionHistoryLabelsResourceComponent extends BaseResourceC
     private preferencesLoaded;
     ShowCreateWizard: boolean;
     private metadata;
-    private destroy$;
-    constructor(cdr: ChangeDetectorRef, navigationService: NavigationService);
+    protected destroy$: Subject<void>;
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     GetResourceDisplayName(data: ResourceData): Promise<string>;

package/dist/VersionHistory/components/labels-resource.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"labels-resource.component.d.ts","sourceRoot":"","sources":["../../../src/VersionHistory/components/labels-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAA2B,MAAM,eAAe,CAAC;~~AAGzG~~,OAAO,EAAE,~~qBAAqB~~,EAAE,~~iBAAiB~~,EAAE,MAAM,2BAA2B,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAgD,MAAM,+BAA+B,CAAC;AACrI,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AACnE,UAAU,SAAS;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAWD,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhE,qBAQa,qCAAsC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IA2C7F,OAAO,CAAC,GAAG;~~IAAqB~~,OAAO,CAAC,~~iBAAiB;IA1CrE,OAAO,CAAC,~~MAAM,CAAC,QAAQ,CAAC,SAAS,CAA2C;IAErE,SAAS,UAAQ;IAGjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAU;IAGnC,aAAa,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IACtD,eAAe,UAAS;IAGxB,WAAW,SAAK;IAChB,YAAY,SAAK;IACjB,cAAc,SAAK;IACnB,cAAc,SAAK;IAGnB,UAAU,EAAE,SAAS,EAAE,CAAM;IAC7B,WAAW,EAAE,UAAU,EAAE,CAAM;IAC/B,MAAM,EAAE,wBAAwB,EAAE,CAAM;IACxC,cAAc,EAAE,wBAAwB,EAAE,CAAM;IAChD,YAAY,sBAA6B;IAGzC,WAAW,SAAM;IACjB,YAAY,SAAM;IAClB,UAAU,SAAM;IAGhB,SAAS,EAAE,SAAS,CAAU;IAC9B,aAAa,EAAE,KAAK,GAAG,MAAM,CAAU;IAG9C,OAAO,CAAC,iBAAiB,CAAS;IAG3B,gBAAgB,UAAS;IAEhC,OAAO,CAAC,QAAQ,CAAkB;IAClC,~~OAAO~~,~~CAAC,~~QAAQ,~~CAAuB~~;~~gBAEnB~~,GAAG,EAAE,iBAAiB~~,EAAU,iBAAiB,EAAE,iBAAiB~~;~~IAIxF~~,QAAQ,IAAI,IAAI;~~IAKhB~~,WAAW,IAAI,IAAI;~~IAKb~~,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAQlD,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAuCtC,OAAO,CAAC,iBAAiB;IASlB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAIjD,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAU9D,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,kBAAkB;IAwBnB,YAAY,IAAI,IAAI;IAgC3B,OAAO,CAAC,UAAU;IAyBX,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAWpC,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM;IAKrC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMxC,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM1C,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKlC,OAAO,IAAI,IAAI;IAQf,cAAc,IAAI,IAAI;IAMtB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAQxC,YAAY,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI;IAMnD,kBAAkB,IAAI,IAAI;IAM1B,cAAc,IAAI,IAAI;IAItB,iBAAiB,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI;IAQ3D,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,kBAAkB;IAsBnB,gBAAgB,IAAI,IAAI;IAKxB,cAAc,CAAC,MAAM,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAMvE,oBAAoB,IAAI,IAAI;IAS5B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAS/C,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IASlD,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM;IAqBnD,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAKjC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM;IAM9C,aAAa,CAAC,KAAK,EAAE,wBAAwB,GAAG,OAAO;IAIvD,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,wBAAwB,EAAE;~~yCAtbtE~~,qCAAqC;2CAArC,qCAAqC;~~CA0bjD~~"}
1	+ {"version":3,"file":"labels-resource.component.d.ts","sourceRoot":"","sources":["../../../src/VersionHistory/components/labels-resource.component.ts"],"names":[],"mappings":"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"}

package/dist/VersionHistory/components/labels-resource.component.js CHANGED Viewed

@@ -12,11 +12,10 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RunView, Metadata } from '@memberjunction/core';
 import { UserInfoEngine } from '@memberjunction/core-entities';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@memberjunction/ng-shared-generic";
-import * as i5 from "@memberjunction/ng-versions";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-shared-generic";
+import * as i4 from "@memberjunction/ng-versions";
 function VersionHistoryLabelsResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-loading", 1);
 } }
@@ -549,7 +548,6 @@ function VersionHistoryLabelsResourceComponent_Conditional_4_Template(rf, ctx) {
 let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceComponent extends BaseResourceComponent {
     static { VersionHistoryLabelsResourceComponent_1 = this; }
     cdr;
-    navigationService;
     static PREFS_KEY = 'VersionHistory.Labels.UserPreferences';
     IsLoading = true;
     // View mode
@@ -581,16 +579,17 @@ let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceCo
     ShowCreateWizard = false;
     metadata = new Metadata();
     destroy$ = new Subject();
-    constructor(cdr, navigationService) {
+    constructor(cdr) {
         super();
         this.cdr = cdr;
-        this.navigationService = navigationService;
     }
     ngOnInit() {
+        super.ngOnInit();
         this.loadUserPreferences();
         this.LoadData();
     }
     ngOnDestroy() {
+        super.ngOnDestroy();
         this.destroy$.next();
         this.destroy$.complete();
     }
@@ -937,7 +936,7 @@ let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceCo
             return [];
         return this.Labels.filter(l => UUIDsEqual(l.ParentID, parentId));
     }
-    static ɵfac = function VersionHistoryLabelsResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VersionHistoryLabelsResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
+    static ɵfac = function VersionHistoryLabelsResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VersionHistoryLabelsResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VersionHistoryLabelsResourceComponent, selectors: [["mj-version-history-labels-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "labels-container"], ["text", "Loading version labels..."], [1, "create-wizard-overlay"], [3, "Label", "AllLabels", "ItemCountMap"], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "page-subtitle"], [1, "header-actions"], [1, "view-toggle"], ["title", "Card view", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "List view", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-list"], [1, "btn-primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "kpi-row"], [1, "kpi-card"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, transparent)", "color", "var(--mj-brand-primary)"], [1, "fa-solid", "fa-tags"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-success) 10%, transparent)", "color", "var(--mj-status-success)"], [1, "fa-solid", "fa-circle-check"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-text-muted) 10%, transparent)", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-box-archive"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-warning) 10%, transparent)", "color", "var(--mj-status-warning)"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "scope-chips"], [1, "scope-chip", 3, "active"], [1, "scope-chip", 3, "active", "ngClass"], [1, "search-bar"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search labels by name, description, or entity...", 1, "search-input", 3, "ngModelChange", "ngModel"], [1, "btn-clear"], [1, "labels-list"], [1, "labels-table"], [1, "empty-state"], [1, "scope-chip", 3, "click"], [1, "chip-count"], [1, "scope-chip", 3, "click", "ngClass"], [1, "btn-clear", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "label-card", "clickable", 3, "group-parent"], [1, "label-card", "clickable", 3, "click"], [1, "label-header"], [1, "label-title-row"], [1, "label-scope-icon"], [1, "label-name"], [1, "group-badge"], [1, "label-status", 3, "ngClass"], [1, "label-meta"], ["title", "Scope", 1, "meta-item"], [1, "fa-solid", "fa-layer-group"], ["title", "Entity", 1, "meta-item"], ["title", "Record ID", 1, "meta-item"], ["title", "Items captured", 1, "meta-item"], ["title", "Creation time", 1, "meta-item"], ["title", "Created by", 1, "meta-item"], ["title", "Created", 1, "meta-item"], [1, "fa-regular", "fa-clock"], [1, "label-description"], [1, "child-labels"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-fingerprint"], [1, "fa-solid", "fa-camera"], [1, "fa-solid", "fa-stopwatch"], [1, "fa-solid", "fa-user"], [1, "child-label"], [1, "fa-solid", "fa-tag", "child-icon"], [1, "child-name"], [1, "child-record"], [1, "child-items"], [1, "list-header-row"], [1, "list-col-icon"], [1, "list-col-name", "sortable-header", 3, "click"], [1, "sort-icon"], [1, "list-col-entity"], [1, "list-col-status", "sortable-header", 3, "click"], [1, "list-col-items", "sortable-header", 3, "click"], [1, "list-col-date", "sortable-header", 3, "click"], [1, "list-col-arrow"], [1, "list-row", "clickable"], [1, "list-row", "clickable", 3, "click"], [1, "list-scope-icon"], [1, "list-col-name"], [1, "list-label-name"], [1, "list-group-badge"], [1, "list-col-status"], [1, "label-status", "small", 3, "ngClass"], [1, "list-col-items"], [1, "list-col-date"], [1, "fa-solid", "fa-chevron-right", "list-arrow"], [1, "fa-solid", "fa-tags", "empty-icon"], [1, "btn-primary", "empty-cta"], [1, "btn-primary", "empty-cta", 3, "click"], [1, "create-wizard-overlay", 3, "click"], [1, "create-wizard-container", 3, "click"], [1, "create-wizard-header"], [1, "create-wizard-title"], [1, "fa-solid", "fa-tag"], ["title", "Close", 1, "create-wizard-close", 3, "click"], [1, "create-wizard-body"], [3, "Created", "Cancel"], [3, "Close", "LabelUpdated", "EntityLinkClick", "Label", "AllLabels", "ItemCountMap"]], template: function VersionHistoryLabelsResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, VersionHistoryLabelsResourceComponent_Conditional_1_Template, 1, 0, "mj-loading", 1);
@@ -954,7 +953,7 @@ let VersionHistoryLabelsResourceComponent = class VersionHistoryLabelsResourceCo
             i0.ɵɵconditional(ctx.ShowCreateWizard ? 3 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.ShowDetailPanel && ctx.SelectedLabel ? 4 : -1);
-        } }, dependencies: [i2.NgClass, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i4.LoadingComponent, i5.MjLabelCreateComponent, i5.MjLabelDetailComponent, i2.SlicePipe], styles: [".labels-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\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: 24px;\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(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\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(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.scope-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.scope-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.scope-chip[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-chip.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.scope-chip.active[_ngcontent-%COMP%]   .chip-count[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n    color: var(--mj-text-inverse);\n}\n\n.chip-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n\n\n.search-bar[_ngcontent-%COMP%] {\n    position: relative;\n    margin-bottom: 20px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 40px 10px 40px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 10px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n\n.search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.btn-clear[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border-radius: 4px;\n}\n\n.btn-clear[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.labels-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card[_ngcontent-%COMP%] {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description[_ngcontent-%COMP%] {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n\n\n.child-labels[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n\n\n.empty-state[_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}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta[_ngcontent-%COMP%] {\n    margin-top: 20px;\n}\n\n\n\n\n\n\n\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.step-connector[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n}\n\n\n\n.dialog-step[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.dialog-search[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.dialog-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n\n\n.entity-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.entity-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty[_ngcontent-%COMP%] {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n\n\n.records-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.record-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected[_ngcontent-%COMP%]   .record-checkbox[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n\n\n.details-summary[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n\n\n.creating-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.creating-icon[_ngcontent-%COMP%] {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n\n\n.progress-container[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n\n\n.done-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    transition: all 0.15s ease;\n    font-size: 14px;\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.toggle-btn[_ngcontent-%COMP%]    + .toggle-btn[_ngcontent-%COMP%] {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.label-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n\n\n.labels-table[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n\n\n.sortable-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n\n@media (max-width: 768px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row[_ngcontent-%COMP%], \n   .list-row[_ngcontent-%COMP%] {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity[_ngcontent-%COMP%], \n   .list-col-date[_ngcontent-%COMP%] {\n        display: none;\n    }\n}\n\n\n\n\n\n\n\n\n.create-wizard-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n.create-wizard-container[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body[_ngcontent-%COMP%] {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}"], changeDetection: 0 });
+        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoadingComponent, i4.MjLabelCreateComponent, i4.MjLabelDetailComponent, i1.SlicePipe], styles: [".labels-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\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: 24px;\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(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\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(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-primary[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.scope-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.scope-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.scope-chip[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-chip.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.scope-chip.active[_ngcontent-%COMP%]   .chip-count[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n    color: var(--mj-text-inverse);\n}\n\n.chip-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n\n\n.search-bar[_ngcontent-%COMP%] {\n    position: relative;\n    margin-bottom: 20px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 40px 10px 40px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 10px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n\n.search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.btn-clear[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border-radius: 4px;\n}\n\n.btn-clear[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.labels-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card[_ngcontent-%COMP%] {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description[_ngcontent-%COMP%] {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n\n\n.child-labels[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n\n\n.empty-state[_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}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta[_ngcontent-%COMP%] {\n    margin-top: 20px;\n}\n\n\n\n\n\n\n\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-number[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.step-connector[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n}\n\n\n\n.dialog-step[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.dialog-search[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.dialog-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n\n\n.entity-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.entity-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty[_ngcontent-%COMP%] {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n\n\n.records-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text[_ngcontent-%COMP%] {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.record-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected[_ngcontent-%COMP%]   .record-checkbox[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n\n\n.details-summary[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n\n\n.creating-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.creating-icon[_ngcontent-%COMP%] {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n\n\n.progress-container[_ngcontent-%COMP%] {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n\n\n.done-step[_ngcontent-%COMP%] {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    transition: all 0.15s ease;\n    font-size: 14px;\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.toggle-btn[_ngcontent-%COMP%]    + .toggle-btn[_ngcontent-%COMP%] {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.label-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n\n\n.labels-table[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items[_ngcontent-%COMP%] {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .list-arrow[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n\n\n.sortable-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n\n\n@media (max-width: 768px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row[_ngcontent-%COMP%], \n   .list-row[_ngcontent-%COMP%] {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity[_ngcontent-%COMP%], \n   .list-col-date[_ngcontent-%COMP%] {\n        display: none;\n    }\n}\n\n\n\n\n\n\n\n\n.create-wizard-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n.create-wizard-container[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body[_ngcontent-%COMP%] {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}"], changeDetection: 0 });
 };
 VersionHistoryLabelsResourceComponent = VersionHistoryLabelsResourceComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'VersionHistoryLabelsResource')
@@ -963,6 +962,6 @@ export { VersionHistoryLabelsResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VersionHistoryLabelsResourceComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-version-history-labels-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"labels-container\">\n  @if (IsLoading) {\n    <mj-loading text=\"Loading version labels...\"></mj-loading>\n  }\n\n  @if (!IsLoading) {\n    <!-- Header -->\n    <div class=\"page-header\">\n      <div class=\"header-left\">\n        <h2 class=\"page-title\">Version Labels</h2>\n        <p class=\"page-subtitle\">Manage versioning snapshots across your system</p>\n      </div>\n      <div class=\"header-actions\">\n        <div class=\"view-toggle\">\n          <button class=\"toggle-btn\" [class.active]=\"ViewMode === 'card'\" (click)=\"SetViewMode('card')\" title=\"Card view\">\n            <i class=\"fa-solid fa-grip\"></i>\n          </button>\n          <button class=\"toggle-btn\" [class.active]=\"ViewMode === 'list'\" (click)=\"SetViewMode('list')\" title=\"List view\">\n            <i class=\"fa-solid fa-list\"></i>\n          </button>\n        </div>\n        <button class=\"btn-primary\" (click)=\"OpenCreateDialog()\">\n          <i class=\"fa-solid fa-plus\"></i>\n          <span>Create Label</span>\n        </button>\n        <button class=\"btn-icon\" (click)=\"Refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <!-- KPI Cards -->\n    <div class=\"kpi-row\">\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent); color: var(--mj-brand-primary);\">\n          <i class=\"fa-solid fa-tags\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(TotalLabels)}}</div>\n          <div class=\"kpi-label\">Total Labels</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-success) 10%, transparent); color: var(--mj-status-success);\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(ActiveLabels)}}</div>\n          <div class=\"kpi-label\">Active</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent); color: var(--mj-text-muted);\">\n          <i class=\"fa-solid fa-box-archive\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(ArchivedLabels)}}</div>\n          <div class=\"kpi-label\">Archived</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); color: var(--mj-status-warning);\">\n          <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FormatNumber(RestoredLabels)}}</div>\n          <div class=\"kpi-label\">Restored</div>\n        </div>\n      </div>\n    </div>\n    <!-- Scope breakdown -->\n    <div class=\"scope-chips\">\n      @for (stat of ScopeStats; track stat) {\n        <button class=\"scope-chip\"\n          [class.active]=\"ScopeFilter === stat.Scope\"\n          (click)=\"OnScopeFilterChange(stat.Scope)\">\n          <i [class]=\"stat.Icon\"></i>\n          <span>{{stat.Scope}}</span>\n          <span class=\"chip-count\">{{stat.Count}}</span>\n        </button>\n      }\n      @for (stat of StatusStats; track stat) {\n        <button class=\"scope-chip\"\n          [class.active]=\"StatusFilter === stat.Status\"\n          [ngClass]=\"GetStatusClass(stat.Status)\"\n          (click)=\"OnStatusFilterChange(stat.Status)\">\n          <span>{{stat.Status}}</span>\n          <span class=\"chip-count\">{{stat.Count}}</span>\n        </button>\n      }\n    </div>\n    <!-- Search -->\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=\"Search labels by name, description, or entity...\"\n        [ngModel]=\"SearchText\"\n        (ngModelChange)=\"OnSearchChange($event)\" />\n      @if (SearchText) {\n        <button class=\"btn-clear\" (click)=\"OnSearchChange('')\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      }\n    </div>\n    <!-- Labels Card View -->\n    @if (FilteredLabels.length > 0 && ViewMode === 'card') {\n      <div class=\"labels-list\">\n        @for (label of FilteredLabels; track label) {\n          <div class=\"label-card clickable\"\n            [class.group-parent]=\"IsGroupParent(label)\"\n            (click)=\"OnLabelClick(label)\">\n            <div class=\"label-header\">\n              <div class=\"label-title-row\">\n                <i [class]=\"GetScopeIcon(label.Scope)\" class=\"label-scope-icon\"></i>\n                <h3 class=\"label-name\">{{label.Name}}</h3>\n                @if (IsGroupParent(label)) {\n                  <span class=\"group-badge\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                    {{GetChildLabels(label.ID).length}} records\n                  </span>\n                }\n                <span class=\"label-status\" [ngClass]=\"GetStatusClass(label.Status)\">\n                  {{label.Status}}\n                </span>\n              </div>\n              <div class=\"label-meta\">\n                <span class=\"meta-item\" title=\"Scope\">\n                  <i class=\"fa-solid fa-layer-group\"></i> {{label.Scope}}\n                </span>\n                @if (label.Entity || label.EntityID) {\n                  <span class=\"meta-item\" title=\"Entity\">\n                    <i class=\"fa-solid fa-table\"></i> {{label.Entity ?? ResolveEntityName(label.EntityID)}}\n                  </span>\n                }\n                @if (label.RecordID) {\n                  <span class=\"meta-item\" title=\"Record ID\">\n                    <i class=\"fa-solid fa-fingerprint\"></i> {{label.RecordID | slice:0:12}}...\n                  </span>\n                }\n                @if (label.ItemCount) {\n                  <span class=\"meta-item\" title=\"Items captured\">\n                    <i class=\"fa-solid fa-camera\"></i> {{label.ItemCount}} items\n                  </span>\n                }\n                @if (!label.ItemCount) {\n                  <span class=\"meta-item\" title=\"Items captured\">\n                    <i class=\"fa-solid fa-camera\"></i> {{GetItemCount(label.ID)}} items\n                  </span>\n                }\n                @if (label.CreationDurationMS) {\n                  <span class=\"meta-item\" title=\"Creation time\">\n                    <i class=\"fa-solid fa-stopwatch\"></i> {{FormatDuration(label.CreationDurationMS)}}\n                  </span>\n                }\n                @if (label.CreatedByUser) {\n                  <span class=\"meta-item\" title=\"Created by\">\n                    <i class=\"fa-solid fa-user\"></i> {{label.CreatedByUser}}\n                  </span>\n                }\n                <span class=\"meta-item\" title=\"Created\">\n                  <i class=\"fa-regular fa-clock\"></i> {{FormatDate(label.__mj_CreatedAt)}}\n                </span>\n              </div>\n            </div>\n            @if (label.Description) {\n              <p class=\"label-description\">{{label.Description}}</p>\n            }\n            <!-- Child labels for group parents -->\n            @if (IsGroupParent(label) && GetChildLabels(label.ID).length > 0) {\n              <div class=\"child-labels\">\n                @for (child of GetChildLabels(label.ID); track child) {\n                  <div class=\"child-label\">\n                    <i class=\"fa-solid fa-tag child-icon\"></i>\n                    <span class=\"child-name\">{{child.Name}}</span>\n                    @if (child.RecordID) {\n                      <span class=\"child-record\">{{child.RecordID | slice:0:12}}...</span>\n                    }\n                    @if (child.ItemCount) {\n                      <span class=\"child-items\">{{child.ItemCount}} items</span>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    <!-- Labels List View -->\n    @if (FilteredLabels.length > 0 && ViewMode === 'list') {\n      <div class=\"labels-table\">\n        <div class=\"list-header-row\">\n          <span class=\"list-col-icon\"></span>\n          <span class=\"list-col-name sortable-header\" (click)=\"OnSortChange('Name')\">\n            Name <i [class]=\"GetSortIcon('Name')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-entity\">Entity</span>\n          <span class=\"list-col-status sortable-header\" (click)=\"OnSortChange('Status')\">\n            Status <i [class]=\"GetSortIcon('Status')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-items sortable-header\" (click)=\"OnSortChange('Items')\">\n            Items <i [class]=\"GetSortIcon('Items')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-date sortable-header\" (click)=\"OnSortChange('Date')\">\n            Created <i [class]=\"GetSortIcon('Date')\" class=\"sort-icon\"></i>\n          </span>\n          <span class=\"list-col-arrow\"></span>\n        </div>\n        @for (label of FilteredLabels; track label) {\n          <div class=\"list-row clickable\"\n            (click)=\"OnLabelClick(label)\">\n            <span class=\"list-col-icon\">\n              <i [class]=\"GetScopeIcon(label.Scope)\" class=\"list-scope-icon\"></i>\n            </span>\n            <span class=\"list-col-name\">\n              <span class=\"list-label-name\">{{label.Name}}</span>\n              @if (IsGroupParent(label)) {\n                <span class=\"list-group-badge\">\n                  <i class=\"fa-solid fa-layer-group\"></i> {{GetChildLabels(label.ID).length}}\n                </span>\n              }\n            </span>\n            <span class=\"list-col-entity\">{{label.Entity ?? ResolveEntityName(label.EntityID)}}</span>\n            <span class=\"list-col-status\">\n              <span class=\"label-status small\" [ngClass]=\"GetStatusClass(label.Status)\">{{label.Status}}</span>\n            </span>\n            <span class=\"list-col-items\">{{label.ItemCount || GetItemCount(label.ID)}}</span>\n            <span class=\"list-col-date\">{{FormatDate(label.__mj_CreatedAt)}}</span>\n            <span class=\"list-col-arrow\">\n              <i class=\"fa-solid fa-chevron-right list-arrow\"></i>\n            </span>\n          </div>\n        }\n      </div>\n    }\n    <!-- Empty state -->\n    @if (FilteredLabels.length === 0 && !IsLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-tags empty-icon\"></i>\n        <h3>No labels found</h3>\n        @if (SearchText || ScopeFilter || StatusFilter) {\n          <p>\n            Try adjusting your filters or search criteria.\n          </p>\n        }\n        @if (!SearchText && !ScopeFilter && !StatusFilter) {\n          <p>\n            No version labels have been created yet.\n          </p>\n        }\n        @if (!SearchText && !ScopeFilter && !StatusFilter) {\n          <button class=\"btn-primary empty-cta\"\n            (click)=\"OpenCreateDialog()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            <span>Create Your First Label</span>\n          </button>\n        }\n      </div>\n    }\n  }\n\n  <!-- Create Label Wizard -->\n  @if (ShowCreateWizard) {\n    <div class=\"create-wizard-overlay\" (click)=\"OnCreateWizardCancel()\">\n      <div class=\"create-wizard-container\" (click)=\"$event.stopPropagation()\">\n        <div class=\"create-wizard-header\">\n          <h3 class=\"create-wizard-title\">\n            <i class=\"fa-solid fa-tag\"></i>\n            Create Version Label\n          </h3>\n          <button class=\"create-wizard-close\" (click)=\"OnCreateWizardCancel()\" title=\"Close\">\n            <i class=\"fa-solid fa-xmark\"></i>\n          </button>\n        </div>\n        <div class=\"create-wizard-body\">\n          <mj-label-create\n            (Created)=\"OnLabelCreated($event)\"\n            (Cancel)=\"OnCreateWizardCancel()\">\n          </mj-label-create>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Detail panel -->\n  @if (ShowDetailPanel && SelectedLabel) {\n    <mj-label-detail-panel\n      [Label]=\"SelectedLabel\"\n      [AllLabels]=\"Labels\"\n      [ItemCountMap]=\"ItemCountMap\"\n      (Close)=\"OnDetailPanelClose()\"\n      (LabelUpdated)=\"OnLabelUpdated()\"\n      (EntityLinkClick)=\"OnEntityLinkClick($event)\">\n    </mj-label-detail-panel>\n  }\n</div>\n", styles: [".labels-container {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n/* Header */\n.page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 24px;\n}\n\n.header-left { flex: 1; }\n\n.page-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.btn-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.btn-primary:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.btn-secondary:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* KPI Row */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n/* Scope Chips */\n.scope-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.scope-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.scope-chip:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-chip.active {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.scope-chip.active .chip-count {\n    background: color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n    color: var(--mj-text-inverse);\n}\n\n.chip-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 20px;\n    height: 20px;\n    padding: 0 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n/* Search Bar */\n.search-bar {\n    position: relative;\n    margin-bottom: 20px;\n}\n\n.search-icon {\n    position: absolute;\n    left: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n}\n\n.search-input {\n    width: 100%;\n    padding: 10px 40px 10px 40px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 10px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n\n.search-input:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.search-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.btn-clear {\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    border-radius: 4px;\n}\n\n.btn-clear:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n/* Labels List */\n.labels-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.label-card {\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    transition: all 0.2s ease;\n}\n\n.label-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.label-card.group-parent {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.label-header {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.label-title-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.label-scope-icon {\n    color: var(--mj-brand-primary);\n    font-size: 16px;\n}\n\n.label-name {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n    flex: 1;\n}\n\n.group-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.label-status {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.status-active {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-archived {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-restored {\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n}\n\n.label-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 4px;\n}\n\n.meta-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.meta-item i {\n    font-size: 12px;\n    opacity: 0.7;\n}\n\n.label-description {\n    margin: 10px 0 0 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n/* Child labels */\n.child-labels {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.child-label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 13px;\n}\n\n.child-label:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.child-icon {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.child-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.child-record {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    font-family: monospace;\n}\n\n.child-items {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state p {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n.empty-cta {\n    margin-top: 20px;\n}\n\n/* ==================================================================== */\n/* Create Label Dialog */\n/* ==================================================================== */\n\n/* Step Indicator */\n.step-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 24px;\n    padding: 0 20px;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    transition: all 0.2s ease;\n}\n\n.step.active .step-number {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.step.completed .step-number {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n}\n\n.step-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n}\n\n.step.active .step-label {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.step.completed .step-label {\n    color: var(--mj-status-success);\n}\n\n.step-connector {\n    width: 40px;\n    height: 2px;\n    background: var(--mj-border-default);\n    margin: 0 8px;\n    transition: background 0.2s ease;\n}\n\n.step-connector.active {\n    background: var(--mj-status-success);\n}\n\n/* Dialog Step Content */\n.dialog-step {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    min-height: 300px;\n}\n\n.step-description {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.step-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.btn-back {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.btn-back:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* Dialog Search */\n.dialog-search {\n    position: relative;\n}\n\n.dialog-search-icon {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.dialog-search-input {\n    width: 100%;\n    padding: 9px 12px 9px 36px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    outline: none;\n    box-sizing: border-box;\n    transition: border-color 0.15s ease;\n}\n\n.dialog-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.dialog-search-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n/* Entity List */\n.entity-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 320px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.entity-option {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.entity-option:last-child {\n    border-bottom: none;\n}\n\n.entity-option:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.entity-option-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.entity-option-name {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entity-option-desc {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.entity-option-arrow {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    flex-shrink: 0;\n}\n\n.entity-list-empty {\n    padding: 40px 20px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 14px;\n}\n\n/* Records */\n.records-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.selection-actions {\n    display: flex;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.btn-text {\n    padding: 6px 12px;\n    background: none;\n    border: none;\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    border-radius: 6px;\n    transition: background 0.15s ease;\n}\n\n.btn-text:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.record-list {\n    flex: 1;\n    overflow-y: auto;\n    max-height: 280px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n}\n\n.record-option {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.record-option:last-child {\n    border-bottom: none;\n}\n\n.record-option:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.record-option.selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n}\n\n.record-checkbox {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    border: 2px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 11px;\n    color: transparent;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.record-option.selected .record-checkbox {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.record-name {\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.records-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 8px;\n}\n\n.selection-count {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n/* Details step */\n.details-summary {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n}\n\n.summary-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.summary-item i {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.form-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.form-input {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.form-input:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-input::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.form-textarea {\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: 8px;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface);\n    outline: none;\n    resize: vertical;\n    font-family: inherit;\n    transition: border-color 0.15s ease;\n}\n\n.form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-textarea::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.details-footer {\n    display: flex;\n    gap: 12px;\n    padding-top: 8px;\n}\n\n/* Creating state */\n.creating-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.creating-animation {\n    margin-bottom: 16px;\n}\n\n.creating-icon {\n    font-size: 40px;\n    color: var(--mj-brand-primary);\n}\n\n.creating-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.creating-progress {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n/* Progress bar */\n.progress-container {\n    width: 100%;\n    max-width: 420px;\n    margin: 16px auto 0;\n    text-align: left;\n}\n\n.progress-bar-track {\n    width: 100%;\n    height: 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 4px;\n    transition: width 0.3s ease;\n}\n\n.progress-details {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n}\n\n.progress-message {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n    margin-right: 12px;\n}\n\n.progress-pct {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.progress-stats {\n    display: flex;\n    gap: 16px;\n    margin-top: 6px;\n}\n\n.progress-stat {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.progress-stat i {\n    font-size: 11px;\n}\n\n/* Done state */\n.done-step {\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 20px;\n}\n\n.done-icon-wrap {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 24px;\n    margin-bottom: 16px;\n}\n\n.done-icon-wrap.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.done-icon-wrap.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n    color: var(--mj-status-error);\n}\n\n.done-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.done-message {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0 0 20px 0;\n}\n\n.error-text {\n    color: var(--mj-status-error);\n}\n\n/* View Toggle */\n.view-toggle {\n    display: flex;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    transition: all 0.15s ease;\n    font-size: 14px;\n}\n\n.toggle-btn:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.toggle-btn + .toggle-btn {\n    border-left: 1px solid var(--mj-border-default);\n}\n\n/* Clickable cards/rows */\n.clickable {\n    cursor: pointer;\n}\n\n.label-card.clickable:hover {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 12px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    transform: translateY(-1px);\n}\n\n/* Labels Table (List View) */\n.labels-table {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.list-header-row {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.list-row {\n    display: grid;\n    grid-template-columns: 40px 1fr 160px 90px 60px 100px 32px;\n    align-items: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 14px;\n    color: var(--mj-text-primary);\n    transition: all 0.15s ease;\n}\n\n.list-row:last-child {\n    border-bottom: none;\n}\n\n.list-row:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n}\n\n.list-scope-icon {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.list-col-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.list-label-name {\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-group-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border-radius: 10px;\n    font-size: 11px;\n    font-weight: 600;\n    flex-shrink: 0;\n}\n\n.list-col-entity {\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.list-col-items {\n    text-align: center;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-date {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.list-col-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.list-arrow {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.list-row:hover .list-arrow {\n    color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n\n.label-status.small {\n    padding: 2px 8px;\n    font-size: 11px;\n}\n\n/* Sortable headers */\n.sortable-header {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: color 0.15s ease;\n}\n\n.sortable-header:hover {\n    color: var(--mj-brand-primary);\n}\n\n.sort-icon {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity 0.15s ease;\n}\n\n.sortable-header:hover .sort-icon {\n    opacity: 0.8;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .kpi-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .list-header-row,\n    .list-row {\n        grid-template-columns: 36px 1fr 80px 60px 32px;\n    }\n\n    .list-col-entity,\n    .list-col-date {\n        display: none;\n    }\n}\n\n/* ================================================================= */\n/* CREATE WIZARD OVERLAY */\n/* ================================================================= */\n\n.create-wizard-overlay {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: fadeIn 0.15s ease;\n}\n\n.create-wizard-container {\n    background: var(--mj-bg-surface-card);\n    border-radius: 12px;\n    box-shadow: var(--mj-shadow-lg);\n    width: 90%;\n    max-width: 600px;\n    max-height: 85vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.create-wizard-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.create-wizard-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0;\n}\n\n.create-wizard-title i {\n    color: var(--mj-brand-primary);\n    font-size: 15px;\n}\n\n.create-wizard-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    background: none;\n    border: none;\n    border-radius: 8px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.create-wizard-close:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.create-wizard-body {\n    padding: 24px;\n    overflow-y: auto;\n    flex: 1;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.NavigationService }], null); })();
+    }], () => [{ type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VersionHistoryLabelsResourceComponent, { className: "VersionHistoryLabelsResourceComponent", filePath: "src/VersionHistory/components/labels-resource.component.ts", lineNumber: 40 }); })();
 //# sourceMappingURL=labels-resource.component.js.map