npm - @memberjunction/ng-dashboards - Versions diffs - 5.35.0 → 5.36.0 - Mend

@memberjunction/ng-dashboards 5.35.0 → 5.36.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 (159) hide show

package/dist/DatabaseDesigner/components/entity-list.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"entity-list.component.js","sourceRoot":"","sources":["../../../src/DatabaseDesigner/components/entity-list.component.ts","../../../src/DatabaseDesigner/components/entity-list.component.html"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACH,SAAS,EAAqB,MAAM,EAAE,YAAY,EAClD,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,GACrD,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;;;;mBC+B1E,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;;IAnBL,kCAAyB;IAAA,YAAY;IAAA,iBAAS;;;IAAtC,iCAAgB;IAAC,cAAY;IAAZ,+BAAY;;;;IAPzC,kCAIgC;IAD9B,gPAAqD;IAErD,kCAAiB;IAAA,2BAAW;IAAA,iBAAS;IACrC,2HAEC;IACH,iBAAS;;;IAPP,6CAAwB;IAIxB,eAEC;IAFD,4CAEC;;;IASP,+BAA4C;IAC1C,wBAA8C;IAC9C,YACF;IAAA,iBAAM;;;IADJ,eACF;IADE,oDACF;;;IAOI,+BAA0B;IAMxB,AADA,AADA,AADA,AADA,AADA,0BAAsC,cACE,cACA,cACA,cACA,cACA;IAC1C,iBAAM;;;IATV,+BAA4E;IAC1E,qHASC;IACH,iBAAM;;IAVJ,cASC;IATD,yCASC;;;IAea,wBAA2H;;;IAAvD,AAAhD,+DAA+C,oDAAmD;;;IAEtH,wBAA4C;;;IAQ5C,wBAA2H;;;IAAvD,AAAhD,+DAA+C,oDAAmD;;;IAEtH,wBAA4C;;;IAQ5C,wBAA2H;;;IAAvD,AAAhD,+DAA+C,oDAAmD;;;IAEtH,wBAA4C;;;IAQ5C,wBAA2H;;;IAAvD,AAAhD,+DAA+C,oDAAmD;;;IAEtH,wBAA4C;;;IAQ5C,wBAA2H;;;IAAvD,AAAhD,+DAA+C,oDAAmD;;;IAEtH,wBAA4C;;;IAc1C,gCAAgE;IAAA,mBAAG;IAAA,iBAAO;;;IAY5E,gCAAyB;IACvB,wBAAsC;IACtC,qBACF;IAAA,iBAAO;;;IAEP,gCAA0B;IAAA,YAA6B;IAAA,iBAAO;;;IAApC,cAA6B;IAA7B,gDAA6B;;;IAEvD,gCAAgC;IAAA,sBAAC;IAAA,iBAAO;;;;IArBxC,AADF,AADF,AADF,8BAAuB,aACA,cACW,eACF;IAAA,YAAuB;IAAA,iBAAO;IACxD,2HAAsB;IAI1B,AADE,iBAAM,EACH;IAEH,AADF,8BAAuB,eACM;IAAA,YAAuB;IACpD,AADoD,iBAAO,EACtD;IAEH,AADF,8BAAsB,gBACK;IAAA,aAAsB;IACjD,AADiD,iBAAO,EACnD;IACL,+BAAsB;IAQlB,AAFA,AALF,6HAAsB,uGAKgB,uGAE7B;IAGX,iBAAK;IACL,+BAAwB;IAAA,aAAkC;IAAA,iBAAK;IAG3D,AADF,AADF,+BAAwB,eACG,kBAMU;IAA/B,2OAAS,8BAAoB,KAAC;IAC9B,yBAAyC;IACzC,uBACF;IAGN,AADE,AADE,AADE,iBAAS,EACL,EACH,EACF;;;;IAtC2B,eAAuB;IAAvB,0CAAuB;IACjD,cAEC;IAFD,4CAEC;IAIwB,eAAuB;IAAvB,0CAAuB;IAGzB,eAAsB;IAAtB,yCAAsB;IAG/C,eASC;IATD,+EASC;IAEqB,eAAkC;IAAlC,4DAAkC;;;IAsB/C,YAA4B;;;IAA5B,+DAA4B;;;;IAxGzC,AADF,AADF,AADF,AADF,+BAAwB,gBACqD,YAClE,SACD,aAC6E;IAAjD,mMAAS,oBAAa,YAAY,CAAC,KAAC;IAChE,6BACA;IAAA,gCAAwB;IAGpB,AAFF,iHAAkC,2FAEzB;IAIb,AADE,iBAAO,EACJ;IACL,8BAAiF;IAAjD,mMAAS,oBAAa,YAAY,CAAC,KAAC;IAClE,yBACA;IAAA,iCAAwB;IAGpB,AAFF,mHAAkC,6FAEzB;IAIb,AADE,iBAAO,EACJ;IACL,+BAA+E;IAAhD,oMAAS,oBAAa,WAAW,CAAC,KAAC;IAChE,wBACA;IAAA,iCAAwB;IAGpB,AAFF,mHAAiC,6FAExB;IAIb,AADE,iBAAO,EACJ;IACL,+BAA2E;IAA5C,oMAAS,oBAAa,OAAO,CAAC,KAAC;IAC5D,wBACA;IAAA,iCAAwB;IAGpB,AAFF,mHAA6B,6FAEpB;IAIb,AADE,iBAAO,EACJ;IACL,+BAAiF;IAAhD,oMAAS,oBAAa,WAAW,CAAC,KAAC;IAClE,0BACA;IAAA,iCAAwB;IAGpB,AAFF,mHAAiC,6FAExB;IAIb,AADE,iBAAO,EACJ;IACL,+BAAoC;IAAA,wBAAO;IAE/C,AADE,AAD6C,iBAAK,EAC7C,EACC;IACR,8BAAO;IACL,0JA2CC;IAGP,AADE,AADE,iBAAQ,EACF,EACJ;IAEN,gCAA0B;IACxB,aACA;IAAA,0GAAkB;IACpB,iBAAM;;;IAtGM,eAIC;IAJD,2DAIC;IAMD,eAIC;IAJD,6DAIC;IAMD,eAIC;IAJD,4DAIC;IAMD,eAIC;IAJD,wDAIC;IAMD,eAIC;IAJD,4DAIC;IAOP,eA2CC;IA3CD,sCA2CC;IAML,eACA;IADA,kIACA;IAAA,cAAgD;IAAhD,6CAAgD;;;;IAS9C,8BAA6B;IAAA,YAAoC;IAAA,iBAAK;IACtE,6BAA2B;IAAA,gEAAgD;IAAA,iBAAI;IAC/E,kCAAmE;IAA1B,yOAAsB,EAAE,KAAC;IAChE,8BACF;IAAA,iBAAS;;;IAJoB,cAAoC;IAApC,sEAAoC;;;;IAMjE,8BAA6B;IAAA,+BAAe;IAAA,iBAAK;IACjD,6BAA2B;IACzB,0IAEF;IAAA,iBAAI;IACJ,kCAA+D;IAAxB,qNAAS,oBAAa,KAAC;IAC5D,uBAAgC;IAChC,+BACF;IAAA,iBAAS;;;IAlBX,AADF,+BAAwB,cACO;IAC3B,wBAA4C;IAC9C,iBAAM;IAOJ,AANF,wGAAkB,kFAMT;IAWX,iBAAM;;;IAjBJ,eAgBC;IAhBD,2CAgBC;;;IAtBH,AA/GF,2FAAmC,+EA+GV;;;IA/GzB,qFAuIC;;ADtKL,MAAM,OAAO,mBAAmB;IAE5B,4DAA4D;IAClC,UAAU,GAAG,IAAI,YAAY,EAAoB,CAAC;IAC5E,oEAAoE;IAC1C,UAAU,GAAG,IAAI,YAAY,EAAoB,CAAC;IAC5E,iDAAiD;IACvB,SAAS,GAAG,IAAI,YAAY,EAAQ,CAAC;IAExD,SAAS,GAAG,KAAK,CAAC;IAClB,YAAY,GAAkB,IAAI,CAAC;IAE1C,4CAA4C;IACpC,YAAY,GAAuB,EAAE,CAAC;IAE9C,qFAAqF;IAC7E,uBAAuB,GAAa,EAAE,CAAC;IAE/C,oDAAoD;IAC7C,gBAAgB,GAAuB,EAAE,CAAC;IAEhC,QAAQ,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;IAC3C,QAAQ,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;IAC3C,WAAW,GAAG,IAAI,eAAe,CAAY,YAAY,CAAC,CAAC;IAC3D,SAAS,GAAG,IAAI,eAAe,CAAgB,KAAK,CAAC,CAAC;IACtD,SAAS,GAAG,IAAI,OAAO,EAAQ,CAAC;IAEhC,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEjD,0EAA0E;IAE1E,QAAQ;QACJ,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAED,WAAW;QACP,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;IAC9B,CAAC;IAED,0EAA0E;IAE1E,IAAI,UAAU,KAAa,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,IAAI,UAAU,CAAC,CAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpD,IAAI,cAAc,KAAa,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,IAAI,cAAc,CAAC,CAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAExD,oFAAoF;IACpF,IAAI,sBAAsB,KAAe,OAAO,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE/E,IAAI,SAAS,KAAgB,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,IAAI,aAAa,KAAoB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAEnE,0EAA0E;IACnE,YAAY,CAAC,KAAgB;QAChC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACzE,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAEM,YAAY,CAAC,MAAwB;QACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAEM,YAAY,CAAC,MAAwB;QACxC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAEM,SAAS;QACZ,sBAAsB,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAClD,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAEM,eAAe,CAAC,CAAS,EAAE,MAAwB;QACtD,OAAO,MAAM,CAAC,QAAQ,CAAC;IAC3B,CAAC;IAEM,UAAU,CAAC,IAAU;QACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC;IACnG,CAAC;IAED,0EAA0E;IAElE,WAAW;QACf,aAAa,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;aAC1E,IAAI,CACD,YAAY,CAAC,GAAG,CAAC,EACjB,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,EAC1F,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC5B;aACA,SAAS,CAAC,MAAM,CAAC,EAAE;YAChB,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC;YAC/B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACX,CAAC;IAEO,KAAK,CAAC,YAAY;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,MAAM,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC;YACnF,IAAI,CAAC,uBAAuB,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YAC7F,wEAAwE;YACxE,8EAA8E;YAC9E,MAAM,OAAO,GAAG,IAAI,CAAC,uBAAuB,CAAC;YAC7C,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC5C,CAAC;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,CAAC,YAAY,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACzE,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC;IAEO,kBAAkB,CAAC,MAAc,EAAE,MAAc,EAAE,KAAgB,EAAE,GAAkB;QAC3F,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACzC,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QAErC,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC;QAC3D,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACP,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACzB,CAAC,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACzC,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACxC,CAAC,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAC5C,CAAC;QACN,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YACtC,MAAM,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;IACnB,CAAC;IAEO,SAAS,CAAC,MAAwB,EAAE,KAAgB;QACxD,QAAQ,KAAK,EAAE,CAAC;YACZ,KAAK,YAAY,CAAC,CAAE,OAAO,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;YAC3D,KAAK,WAAW,CAAC,CAAG,OAAO,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1D,KAAK,YAAY,CAAC,CAAE,OAAO,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;YAC3D,KAAK,WAAW,CAAC,CAAG,OAAO,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACtD,KAAK,OAAO,CAAC,CAAO,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,OAAO,CAAC,CAAY,OAAO,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;QAC/D,CAAC;IACL,CAAC;6GApKQ,mBAAmB;6DAAnB,mBAAmB;YC1B5B,AAJF,AADF,sCAAgB,wBAIuC,aACzC;YACR,mCAAkF;YACpF,iBAAM;YAEJ,AADF,8BAAa,2BACsD;YAAxB,+GAAW,eAAW,IAAC;YAAC,iBAAoB;YACrF,iCAAqE;YAAxB,gGAAS,iBAAa,IAAC;YAClE,uBAAgC;YAAC,4BACnC;YACF,AADE,iBAAS,EACL;YAEJ,AADF,8BAAa,yBAI2B;YAApC,sJAAmC;YACrC,iBAAiB;YACjB,0FAAyC;YAa7C,AADE,iBAAM,EACS;YAEjB,qCAAc;YAEd,wFAAoB;YAQpB,wFAAkD;YAgBlD,6EAAiD;YA2InD,AADE,iBAAe,EACA;;YAlMI,eAAiC;YAAjC,mDAAiC;YAG7B,eAAqB;YAArB,uCAAqB;YAQtC,eAAoB;YAApB,sCAAoB;YAGtB,cAWC;YAXD,iEAWC;YAML,eAKC;YALD,4CAKC;YAGD,cAaC;YAbD,8EAaC;YAGD,cAyIC;YAzID,6EAyIC;;;iFDvKU,mBAAmB;cAP/B,SAAS;6BACM,KAAK,YACP,yBAAyB,mBAGlB,uBAAuB,CAAC,MAAM;;kBAK9C,MAAM;;kBAEN,MAAM;;kBAEN,MAAM;;kFAPE,mBAAmB","sourcesContent":["/*\n @module entity-list.component\n * @description Displays the list of entities accessible to the current user.\n \n Loaded from `DatabaseDesignerEngine.Instance.loadAccessibleEntities()` —\n * data access goes through the engine singleton, not this component directly,\n * so the cache is shared across wizard openings.\n /\n\nimport {\n Component, OnInit, OnDestroy, Output, EventEmitter,\n ChangeDetectionStrategy, ChangeDetectorRef, inject,\n} from '@angular/core';\nimport { Subject, BehaviorSubject, combineLatest } from 'rxjs';\nimport { debounceTime, takeUntil, map } from 'rxjs/operators';\n\nimport { DatabaseDesignerEngine } from '../services/database-designer.engine.js';\nimport type { AccessibleEntity } from '../database-designer.types.js';\n\n// ─── Sort state ───────────────────────────────────────────────────────────────\n\ntype SortField = 'entityName' \| 'tableName' \| 'schemaName' \| 'createdAt' \| 'owner';\ntype SortDirection = 'asc' \| 'desc';\n\n@Component({\n standalone: false,\n selector: 'mj-database-entity-list',\n templateUrl: './entity-list.component.html',\n styleUrls: ['./entity-list.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntityListComponent implements OnInit, OnDestroy {\n\n /* Emitted when the user clicks \"Edit\" on an entity row. /\n @Output() public readonly EditEntity = new EventEmitter<AccessibleEntity>();\n /* Emitted when the user clicks \"View Details\" on an entity row. /\n @Output() public readonly ViewEntity = new EventEmitter<AccessibleEntity>();\n /* Emitted when the user clicks \"New Entity\". /\n @Output() public readonly NewEntity = new EventEmitter<void>();\n\n public IsLoading = false;\n public ErrorMessage: string \| null = null;\n\n /* Full unfiltered list from the engine. /\n private _allEntities: AccessibleEntity[] = [];\n\n /* Cached sorted unique schema names — recomputed only when _allEntities changes. /\n private _availableFilterSchemas: string[] = [];\n\n /* Currently displayed (filtered + sorted) rows. /\n public FilteredEntities: AccessibleEntity[] = [];\n\n private readonly _search$ = new BehaviorSubject<string>('');\n private readonly _schema$ = new BehaviorSubject<string>('');\n private readonly _sortField$ = new BehaviorSubject<SortField>('entityName');\n private readonly _sortDir$ = new BehaviorSubject<SortDirection>('asc');\n private readonly _destroy$ = new Subject<void>();\n\n private readonly cdr = inject(ChangeDetectorRef);\n\n // ─── Lifecycle ─────────────────────────────────────────────────────────\n\n ngOnInit(): void {\n this.setupFilter();\n this.loadEntities();\n }\n\n ngOnDestroy(): void {\n this._destroy$.next();\n this._destroy$.complete();\n }\n\n // ─── Template bindings ─────────────────────────────────────────────────\n\n get SearchTerm(): string { return this._search$.value; }\n set SearchTerm(v: string) { this._search$.next(v); }\n\n get SelectedSchema(): string { return this._schema$.value; }\n set SelectedSchema(v: string) { this._schema$.next(v); }\n\n /* Unique schema names present in the loaded entity list, sorted alphabetically. /\n get AvailableFilterSchemas(): string[] { return this._availableFilterSchemas; }\n\n get SortField(): SortField { return this._sortField$.value; }\n get SortDirection(): SortDirection { return this._sortDir$.value; }\n\n /* Toggle sort: same field flips direction; new field defaults to asc. */\n public OnSortChange(field: SortField): void {\n if (this._sortField$.value === field) {\n this._sortDir$.next(this._sortDir$.value === 'asc' ? 'desc' : 'asc');\n } else {\n this._sortField$.next(field);\n this._sortDir$.next('asc');\n }\n }\n\n public OnEditEntity(entity: AccessibleEntity): void {\n this.EditEntity.emit(entity);\n }\n\n public OnViewEntity(entity: AccessibleEntity): void {\n this.ViewEntity.emit(entity);\n }\n\n public OnNewEntity(): void {\n this.NewEntity.emit();\n }\n\n public OnRefresh(): void {\n DatabaseDesignerEngine.Instance.invalidateCache();\n this.loadEntities();\n }\n\n public TrackByEntityId(_: number, entity: AccessibleEntity): string {\n return entity.entityId;\n }\n\n public FormatDate(date: Date): string {\n return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n }\n\n // ─── Private helpers ───────────────────────────────────────────────────\n\n private setupFilter(): void {\n combineLatest([this._search$, this._schema$, this._sortField$, this._sortDir$])\n .pipe(\n debounceTime(150),\n map(([search, schema, field, dir]) => this.applyFilterAndSort(search, schema, field, dir)),\n takeUntil(this._destroy$),\n )\n .subscribe(result => {\n this.FilteredEntities = result;\n this.cdr.markForCheck();\n });\n }\n\n private async loadEntities(): Promise<void> {\n this.IsLoading = true;\n this.ErrorMessage = null;\n this.cdr.markForCheck();\n\n try {\n this._allEntities = await DatabaseDesignerEngine.Instance.loadAccessibleEntities();\n this._availableFilterSchemas = [...new Set(this._allEntities.map(e => e.schemaName))].sort();\n // Trigger the combineLatest pipe to recalculate; reset schema filter if\n // the previously selected schema is no longer present in the new entity list.\n const schemas = this._availableFilterSchemas;\n if (this._schema$.value && !schemas.includes(this._schema$.value)) {\n this._schema$.next('');\n } else {\n this._search$.next(this._search$.value);\n }\n } catch (err) {\n this.ErrorMessage = err instanceof Error ? err.message : String(err);\n } finally {\n this.IsLoading = false;\n this.cdr.markForCheck();\n }\n }\n\n private applyFilterAndSort(search: string, schema: string, field: SortField, dir: SortDirection): AccessibleEntity[] {\n const term = search.trim().toLowerCase();\n let results = [...this._allEntities];\n\n if (schema) {\n results = results.filter(e => e.schemaName === schema);\n }\n\n if (term) {\n results = results.filter(e =>\n e.entityName.toLowerCase().includes(term) \|\|\n e.tableName.toLowerCase().includes(term) \|\|\n e.schemaName.toLowerCase().includes(term)\n );\n }\n\n results.sort((a, b) => {\n const aVal = this.sortValue(a, field);\n const bVal = this.sortValue(b, field);\n const cmp = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;\n return dir === 'asc' ? cmp : -cmp;\n });\n\n return results;\n }\n\n private sortValue(entity: AccessibleEntity, field: SortField): string \| number {\n switch (field) {\n case 'entityName': return entity.entityName.toLowerCase();\n case 'tableName': return entity.tableName.toLowerCase();\n case 'schemaName': return entity.schemaName.toLowerCase();\n case 'createdAt': return entity.createdAt.getTime();\n case 'owner': return entity.isOwner ? 0 : 1;\n default: return entity.entityName.toLowerCase();\n }\n }\n}\n","<mj-page-layout>\n <mj-page-header\n Title=\"Database Designer\"\n Icon=\"fa-solid fa-table-cells-large\"\n Subtitle=\"Browse and create user-defined entities\">\n <div meta>\n <mj-stat-badge [Count]=\"FilteredEntities.length\" Label=\"entities\"></mj-stat-badge>\n </div>\n <div actions>\n <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"OnRefresh()\"></mj-refresh-button>\n <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OnNewEntity()\">\n <i class=\"fa-solid fa-plus\"></i> New Entity\n </button>\n </div>\n <div toolbar>\n <mj-page-search\n Placeholder=\"Search by name, table, or schema...\"\n [Value]=\"SearchTerm\"\n (ValueChange)=\"SearchTerm = $event\">\n </mj-page-search>\n @if (AvailableFilterSchemas.length > 1) {\n <select\n class=\"mj-input schema-filter\"\n [value]=\"SelectedSchema\"\n (change)=\"SelectedSchema = $any($event.target).value\"\n aria-label=\"Filter by schema\">\n <option value=\"\">All Schemas</option>\n @for (schema of AvailableFilterSchemas; track schema) {\n <option [value]=\"schema\">{{ schema }}</option>\n }\n </select>\n }\n </div>\n </mj-page-header>\n\n <mj-page-body>\n <!-- ── Error ──────────────────────────────────────────────────────────── -->\n @if (ErrorMessage) {\n <div class=\"entity-list-error\" role=\"alert\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n {{ ErrorMessage }}\n </div>\n }\n\n <!-- ── Loading skeleton ───────────────────────────────────────────────── -->\n @if (IsLoading && FilteredEntities.length === 0) {\n <div class=\"skeleton-table\" aria-busy=\"true\" aria-label=\"Loading entities…\">\n @for (_ of [1, 2, 3, 4]; track $index) {\n <div class=\"skeleton-row\">\n <div class=\"skeleton-cell wide\"></div>\n <div class=\"skeleton-cell medium\"></div>\n <div class=\"skeleton-cell narrow\"></div>\n <div class=\"skeleton-cell narrow\"></div>\n <div class=\"skeleton-cell medium\"></div>\n <div class=\"skeleton-cell narrow\"></div>\n </div>\n }\n </div>\n }\n\n <!-- ── Entity table ───────────────────────────────────────────────────── -->\n @if (!IsLoading \|\| FilteredEntities.length > 0) {\n @if (FilteredEntities.length > 0) {\n <div class=\"table-wrap\">\n <table class=\"entity-table\" role=\"grid\" aria-label=\"User-defined entities\">\n <thead>\n <tr>\n <th class=\"col-name sortable\" (click)=\"OnSortChange('entityName')\" scope=\"col\">\n Entity Name\n <span class=\"sort-icon\">\n @if (SortField === 'entityName') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-schema sortable\" (click)=\"OnSortChange('schemaName')\" scope=\"col\">\n Schema\n <span class=\"sort-icon\">\n @if (SortField === 'schemaName') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-table sortable\" (click)=\"OnSortChange('tableName')\" scope=\"col\">\n Table\n <span class=\"sort-icon\">\n @if (SortField === 'tableName') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-owner sortable\" (click)=\"OnSortChange('owner')\" scope=\"col\">\n Owner\n <span class=\"sort-icon\">\n @if (SortField === 'owner') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-created sortable\" (click)=\"OnSortChange('createdAt')\" scope=\"col\">\n Created\n <span class=\"sort-icon\">\n @if (SortField === 'createdAt') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-actions\" scope=\"col\">Actions</th>\n </tr>\n </thead>\n <tbody>\n @for (entity of FilteredEntities; track TrackByEntityId($index, entity)) {\n <tr class=\"entity-row\">\n <td class=\"col-name\">\n <div class=\"entity-name-cell\">\n <span class=\"entity-name\">{{ entity.entityName }}</span>\n @if (entity.isOwner) {\n <span class=\"owner-badge owner-you\" title=\"You own this entity\">You</span>\n }\n </div>\n </td>\n <td class=\"col-schema\">\n <span class=\"schema-badge\">{{ entity.schemaName }}</span>\n </td>\n <td class=\"col-table\">\n <code class=\"table-name\">{{ entity.tableName }}</code>\n </td>\n <td class=\"col-owner\">\n @if (entity.isOwner) {\n <span class=\"owner-self\">\n <i class=\"fa-solid fa-user-check\"></i>\n You\n </span>\n } @else if (entity.ownerDisplayName) {\n <span class=\"owner-other\">{{ entity.ownerDisplayName }}</span>\n } @else {\n <span class=\"owner-other muted\">—</span>\n }\n </td>\n <td class=\"col-created\">{{ FormatDate(entity.createdAt) }}</td>\n <td class=\"col-actions\">\n <div class=\"row-actions\">\n <button\n mjButton\n buttonStyle=\"secondary\"\n class=\"action-btn\"\n title=\"Edit this entity\"\n (click)=\"OnEditEntity(entity)\">\n <i class=\"fa-solid fa-pen-to-square\"></i>\n Edit\n </button>\n </div>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <div class=\"entity-count\">\n {{ FilteredEntities.length }} {{ FilteredEntities.length === 1 ? 'entity' : 'entities' }}\n @if (SearchTerm) { matching \"{{ SearchTerm }}\" }\n </div>\n } @else if (!IsLoading) {\n <!-- ── Zero state ───────────────────────────────────────────────── -->\n <div class=\"zero-state\">\n <div class=\"zero-state-icon\">\n <i class=\"fa-regular fa-rectangle-list\"></i>\n </div>\n @if (SearchTerm) {\n <h3 class=\"zero-state-title\">No entities match \"{{ SearchTerm }}\"</h3>\n <p class=\"zero-state-body\">Try a different search term or clear the filter.</p>\n <button mjButton buttonStyle=\"secondary\" (click)=\"SearchTerm = ''\">\n Clear search\n </button>\n } @else {\n <h3 class=\"zero-state-title\">No entities yet</h3>\n <p class=\"zero-state-body\">\n Create your first user-defined entity. You can also use the\n Database Designer agent in a conversation for guided design.\n </p>\n <button mjButton buttonStyle=\"primary\" (click)=\"OnNewEntity()\">\n <i class=\"fa-solid fa-plus\"></i>\n Create Entity\n </button>\n }\n </div>\n }\n }\n </mj-page-body>\n</mj-page-layout>\n"]}
1	+ {"version":3,"file":"entity-list.component.js","sourceRoot":"","sources":["../../../src/DatabaseDesigner/components/entity-list.component.ts","../../../src/DatabaseDesigner/components/entity-list.component.html"],"names":[],"mappings":"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","sourcesContent":["/*\n @module entity-list.component\n * @description Displays the list of entities accessible to the current user.\n \n Loaded from `DatabaseDesignerEngine.Instance.loadAccessibleEntities()` —\n * data access goes through the engine singleton, not this component directly,\n * so the cache is shared across wizard openings.\n /\n\nimport {\n Component, OnInit, OnDestroy, Output, EventEmitter,\n ChangeDetectionStrategy, ChangeDetectorRef, inject,\n} from '@angular/core';\nimport { Subject, BehaviorSubject, combineLatest } from 'rxjs';\nimport { debounceTime, takeUntil, map } from 'rxjs/operators';\n\nimport { DatabaseDesignerEngine } from '../services/database-designer.engine.js';\nimport type { AccessibleEntity } from '../database-designer.types.js';\n\n// ─── Sort state ───────────────────────────────────────────────────────────────\n\ntype SortField = 'entityName' \| 'tableName' \| 'schemaName' \| 'createdAt' \| 'owner';\ntype SortDirection = 'asc' \| 'desc';\n\n@Component({\n standalone: false,\n selector: 'mj-database-entity-list',\n templateUrl: './entity-list.component.html',\n styleUrls: ['./entity-list.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntityListComponent implements OnInit, OnDestroy {\n\n /* Emitted when the user clicks \"Edit\" on an entity row. /\n @Output() public readonly EditEntity = new EventEmitter<AccessibleEntity>();\n /* Emitted when the user clicks \"View Details\" on an entity row. /\n @Output() public readonly ViewEntity = new EventEmitter<AccessibleEntity>();\n /* Emitted when the user clicks \"New Entity\". /\n @Output() public readonly NewEntity = new EventEmitter<void>();\n\n public IsLoading = false;\n public ErrorMessage: string \| null = null;\n\n /* Full unfiltered list from the engine. /\n private _allEntities: AccessibleEntity[] = [];\n\n /* Public accessor for the chrome's X-of-Y badge. /\n public get TotalEntityCount(): number {\n return this._allEntities.length;\n }\n\n /* Cached sorted unique schema names — recomputed only when _allEntities changes. /\n private _availableFilterSchemas: string[] = [];\n\n /* Currently displayed (filtered + sorted) rows. /\n public FilteredEntities: AccessibleEntity[] = [];\n\n private readonly _search$ = new BehaviorSubject<string>('');\n private readonly _schema$ = new BehaviorSubject<string>('');\n private readonly _sortField$ = new BehaviorSubject<SortField>('entityName');\n private readonly _sortDir$ = new BehaviorSubject<SortDirection>('asc');\n private readonly _destroy$ = new Subject<void>();\n\n private readonly cdr = inject(ChangeDetectorRef);\n\n // ─── Lifecycle ─────────────────────────────────────────────────────────\n\n ngOnInit(): void {\n this.setupFilter();\n this.loadEntities();\n }\n\n ngOnDestroy(): void {\n this._destroy$.next();\n this._destroy$.complete();\n }\n\n // ─── Template bindings ─────────────────────────────────────────────────\n\n get SearchTerm(): string { return this._search$.value; }\n set SearchTerm(v: string) { this._search$.next(v); }\n\n get SelectedSchema(): string { return this._schema$.value; }\n set SelectedSchema(v: string) { this._schema$.next(v); }\n\n /* Unique schema names present in the loaded entity list, sorted alphabetically. /\n get AvailableFilterSchemas(): string[] { return this._availableFilterSchemas; }\n\n get SortField(): SortField { return this._sortField$.value; }\n get SortDirection(): SortDirection { return this._sortDir$.value; }\n\n /* Toggle sort: same field flips direction; new field defaults to asc. */\n public OnSortChange(field: SortField): void {\n if (this._sortField$.value === field) {\n this._sortDir$.next(this._sortDir$.value === 'asc' ? 'desc' : 'asc');\n } else {\n this._sortField$.next(field);\n this._sortDir$.next('asc');\n }\n }\n\n public OnEditEntity(entity: AccessibleEntity): void {\n this.EditEntity.emit(entity);\n }\n\n public OnViewEntity(entity: AccessibleEntity): void {\n this.ViewEntity.emit(entity);\n }\n\n public OnNewEntity(): void {\n this.NewEntity.emit();\n }\n\n public OnRefresh(): void {\n DatabaseDesignerEngine.Instance.invalidateCache();\n this.loadEntities();\n }\n\n public TrackByEntityId(_: number, entity: AccessibleEntity): string {\n return entity.entityId;\n }\n\n public FormatDate(date: Date): string {\n return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n }\n\n // ─── Private helpers ───────────────────────────────────────────────────\n\n private setupFilter(): void {\n combineLatest([this._search$, this._schema$, this._sortField$, this._sortDir$])\n .pipe(\n debounceTime(150),\n map(([search, schema, field, dir]) => this.applyFilterAndSort(search, schema, field, dir)),\n takeUntil(this._destroy$),\n )\n .subscribe(result => {\n this.FilteredEntities = result;\n this.cdr.markForCheck();\n });\n }\n\n private async loadEntities(): Promise<void> {\n this.IsLoading = true;\n this.ErrorMessage = null;\n this.cdr.markForCheck();\n\n try {\n this._allEntities = await DatabaseDesignerEngine.Instance.loadAccessibleEntities();\n this._availableFilterSchemas = [...new Set(this._allEntities.map(e => e.schemaName))].sort();\n // Trigger the combineLatest pipe to recalculate; reset schema filter if\n // the previously selected schema is no longer present in the new entity list.\n const schemas = this._availableFilterSchemas;\n if (this._schema$.value && !schemas.includes(this._schema$.value)) {\n this._schema$.next('');\n } else {\n this._search$.next(this._search$.value);\n }\n } catch (err) {\n this.ErrorMessage = err instanceof Error ? err.message : String(err);\n } finally {\n this.IsLoading = false;\n this.cdr.markForCheck();\n }\n }\n\n private applyFilterAndSort(search: string, schema: string, field: SortField, dir: SortDirection): AccessibleEntity[] {\n const term = search.trim().toLowerCase();\n let results = [...this._allEntities];\n\n if (schema) {\n results = results.filter(e => e.schemaName === schema);\n }\n\n if (term) {\n results = results.filter(e =>\n e.entityName.toLowerCase().includes(term) \|\|\n e.tableName.toLowerCase().includes(term) \|\|\n e.schemaName.toLowerCase().includes(term)\n );\n }\n\n results.sort((a, b) => {\n const aVal = this.sortValue(a, field);\n const bVal = this.sortValue(b, field);\n const cmp = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;\n return dir === 'asc' ? cmp : -cmp;\n });\n\n return results;\n }\n\n private sortValue(entity: AccessibleEntity, field: SortField): string \| number {\n switch (field) {\n case 'entityName': return entity.entityName.toLowerCase();\n case 'tableName': return entity.tableName.toLowerCase();\n case 'schemaName': return entity.schemaName.toLowerCase();\n case 'createdAt': return entity.createdAt.getTime();\n case 'owner': return entity.isOwner ? 0 : 1;\n default: return entity.entityName.toLowerCase();\n }\n }\n}\n","<!--\n Database Designer is a sub-page of Admin → Data & Schema's left-nav shell, so\n per Section 9b/10 of plans/explorer-chrome-conventions.md we use the interior\n chrome pattern instead of <mj-page-layout> + <mj-page-header> (which would\n produce a doubled-header inside the Admin shell).\n-->\n<mj-page-header-interior\n AriaLabel=\"Database Designer\"\n Title=\"Database Designer\"\n Subtitle=\"Browse and create user-defined entities\">\n <!-- X-of-Y filtered count earns its meta spot per chrome conventions §2.\n Material on this page (~300 entities per deployment) makes the\n narrowing signal valuable. -->\n <div meta>\n <mj-stat-badge\n [Count]=\"FilteredEntities.length\"\n [Total]=\"TotalEntityCount\"\n Label=\"entities\">\n </mj-stat-badge>\n </div>\n <div actions>\n <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"OnRefresh()\"></mj-refresh-button>\n <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OnNewEntity()\">\n <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i> New Entity\n </button>\n </div>\n <div toolbar>\n <mj-page-search\n Placeholder=\"Search by name, table, or schema...\"\n [Value]=\"SearchTerm\"\n (ValueChange)=\"SearchTerm = $event\">\n </mj-page-search>\n @if (AvailableFilterSchemas.length > 1) {\n <select\n class=\"mj-input schema-filter\"\n [value]=\"SelectedSchema\"\n (change)=\"SelectedSchema = $any($event.target).value\"\n aria-label=\"Filter by schema\">\n <option value=\"\">All Schemas</option>\n @for (schema of AvailableFilterSchemas; track schema) {\n <option [value]=\"schema\">{{ schema }}</option>\n }\n </select>\n }\n </div>\n</mj-page-header-interior>\n\n<mj-page-body-interior [Padding]=\"false\">\n <!-- ── Error ──────────────────────────────────────────────────────────── -->\n @if (ErrorMessage) {\n <div class=\"entity-list-error\" role=\"alert\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n {{ ErrorMessage }}\n </div>\n }\n\n <!-- ── Loading skeleton ───────────────────────────────────────────────── -->\n @if (IsLoading && FilteredEntities.length === 0) {\n <div class=\"skeleton-table\" aria-busy=\"true\" aria-label=\"Loading entities…\">\n @for (_ of [1, 2, 3, 4]; track $index) {\n <div class=\"skeleton-row\">\n <div class=\"skeleton-cell wide\"></div>\n <div class=\"skeleton-cell medium\"></div>\n <div class=\"skeleton-cell narrow\"></div>\n <div class=\"skeleton-cell narrow\"></div>\n <div class=\"skeleton-cell medium\"></div>\n <div class=\"skeleton-cell narrow\"></div>\n </div>\n }\n </div>\n }\n\n <!-- ── Entity table ───────────────────────────────────────────────────── -->\n @if (!IsLoading \|\| FilteredEntities.length > 0) {\n @if (FilteredEntities.length > 0) {\n <div class=\"table-wrap\">\n <table class=\"entity-table\" role=\"grid\" aria-label=\"User-defined entities\">\n <thead>\n <tr>\n <th class=\"col-name sortable\" (click)=\"OnSortChange('entityName')\" scope=\"col\">\n Entity Name\n <span class=\"sort-icon\">\n @if (SortField === 'entityName') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-schema sortable\" (click)=\"OnSortChange('schemaName')\" scope=\"col\">\n Schema\n <span class=\"sort-icon\">\n @if (SortField === 'schemaName') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-table sortable\" (click)=\"OnSortChange('tableName')\" scope=\"col\">\n Table\n <span class=\"sort-icon\">\n @if (SortField === 'tableName') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-owner sortable\" (click)=\"OnSortChange('owner')\" scope=\"col\">\n Owner\n <span class=\"sort-icon\">\n @if (SortField === 'owner') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-created sortable\" (click)=\"OnSortChange('createdAt')\" scope=\"col\">\n Created\n <span class=\"sort-icon\">\n @if (SortField === 'createdAt') {\n <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n } @else {\n <i class=\"fa-solid fa-chevron-up muted\"></i>\n }\n </span>\n </th>\n <th class=\"col-actions\" scope=\"col\">Actions</th>\n </tr>\n </thead>\n <tbody>\n @for (entity of FilteredEntities; track TrackByEntityId($index, entity)) {\n <tr class=\"entity-row\">\n <td class=\"col-name\">\n <div class=\"entity-name-cell\">\n <span class=\"entity-name\">{{ entity.entityName }}</span>\n @if (entity.isOwner) {\n <span class=\"owner-badge owner-you\" title=\"You own this entity\">You</span>\n }\n </div>\n </td>\n <td class=\"col-schema\">\n <span class=\"schema-badge\">{{ entity.schemaName }}</span>\n </td>\n <td class=\"col-table\">\n <code class=\"table-name\">{{ entity.tableName }}</code>\n </td>\n <td class=\"col-owner\">\n @if (entity.isOwner) {\n <span class=\"owner-self\">\n <i class=\"fa-solid fa-user-check\"></i>\n You\n </span>\n } @else if (entity.ownerDisplayName) {\n <span class=\"owner-other\">{{ entity.ownerDisplayName }}</span>\n } @else {\n <span class=\"owner-other muted\">—</span>\n }\n </td>\n <td class=\"col-created\">{{ FormatDate(entity.createdAt) }}</td>\n <td class=\"col-actions\">\n <div class=\"row-actions\">\n <button\n mjButton\n buttonStyle=\"secondary\"\n class=\"action-btn\"\n title=\"Edit this entity\"\n (click)=\"OnEditEntity(entity)\">\n <i class=\"fa-solid fa-pen-to-square\"></i>\n Edit\n </button>\n </div>\n </td>\n </tr>\n }\n </tbody>\n </table>\n </div>\n\n <div class=\"entity-count\">\n {{ FilteredEntities.length }} {{ FilteredEntities.length === 1 ? 'entity' : 'entities' }}\n @if (SearchTerm) { matching \"{{ SearchTerm }}\" }\n </div>\n } @else if (!IsLoading) {\n <!-- ── Zero state ───────────────────────────────────────────────── -->\n <div class=\"zero-state\">\n <div class=\"zero-state-icon\">\n <i class=\"fa-regular fa-rectangle-list\"></i>\n </div>\n @if (SearchTerm) {\n <h3 class=\"zero-state-title\">No entities match \"{{ SearchTerm }}\"</h3>\n <p class=\"zero-state-body\">Try a different search term or clear the filter.</p>\n <button mjButton buttonStyle=\"secondary\" (click)=\"SearchTerm = ''\">\n Clear search\n </button>\n } @else {\n <h3 class=\"zero-state-title\">No entities yet</h3>\n <p class=\"zero-state-body\">\n Create your first user-defined entity. You can also use the\n Database Designer agent in a conversation for guided design.\n </p>\n <button mjButton buttonStyle=\"primary\" (click)=\"OnNewEntity()\">\n <i class=\"fa-solid fa-plus\"></i>\n Create Entity\n </button>\n }\n </div>\n }\n }\n</mj-page-body-interior>\n"]}

package/dist/DatabaseDesigner/database-designer-dashboards.module.d.ts CHANGED Viewed

@@ -24,7 +24,7 @@ import * as i22 from "@memberjunction/ng-entity-relationship-diagram";
 import * as i23 from "angular-split";
 export declare class DatabaseDesignerDashboardsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatabaseDesignerDashboardsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatabaseDesignerDashboardsModule, [typeof i1.DatabaseDesignerDashboardComponent, typeof i2.EntityListComponent, typeof i3.WizardStepIndicatorComponent, typeof i4.EntityFieldsGridComponent, typeof i5.EntityReviewPanelComponent, typeof i6.EntityPipelinePanelComponent, typeof i7.DatabasePreviewPaneComponent, typeof i8.DatabaseCreateWizardComponent, typeof i9.StepBasicsComponent, typeof i10.StepFieldsComponent, typeof i11.StepRelationshipsComponent, typeof i12.StepReviewComponent, typeof i13.StepPipelineComponent, typeof i14.DatabaseModifyComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i17.MJButtonDirective, typeof i17.MJPageLayoutComponent, typeof i17.MJPageHeaderComponent, typeof i17.MJPageBodyComponent, typeof i17.MJPageSearchComponent, typeof i17.MJRefreshButtonComponent, typeof i17.MJStatBadgeComponent, typeof i18.SharedGenericModule, typeof i19.VersionsModule, typeof i20.MarkdownModule, typeof i21.CodeEditorModule, typeof i22.EntityRelationshipDiagramModule, typeof i23.AngularSplitModule], [typeof i1.DatabaseDesignerDashboardComponent, typeof i2.EntityListComponent, typeof i3.WizardStepIndicatorComponent, typeof i4.EntityFieldsGridComponent, typeof i5.EntityReviewPanelComponent, typeof i6.EntityPipelinePanelComponent, typeof i8.DatabaseCreateWizardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatabaseDesignerDashboardsModule, [typeof i1.DatabaseDesignerDashboardComponent, typeof i2.EntityListComponent, typeof i3.WizardStepIndicatorComponent, typeof i4.EntityFieldsGridComponent, typeof i5.EntityReviewPanelComponent, typeof i6.EntityPipelinePanelComponent, typeof i7.DatabasePreviewPaneComponent, typeof i8.DatabaseCreateWizardComponent, typeof i9.StepBasicsComponent, typeof i10.StepFieldsComponent, typeof i11.StepRelationshipsComponent, typeof i12.StepReviewComponent, typeof i13.StepPipelineComponent, typeof i14.DatabaseModifyComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i17.MJButtonDirective, typeof i17.MJPageLayoutComponent, typeof i17.MJPageHeaderComponent, typeof i17.MJPageBodyComponent, typeof i17.MJPageHeaderInteriorComponent, typeof i17.MJPageBodyInteriorComponent, typeof i17.MJPageSearchComponent, typeof i17.MJRefreshButtonComponent, typeof i17.MJStatBadgeComponent, typeof i18.SharedGenericModule, typeof i19.VersionsModule, typeof i20.MarkdownModule, typeof i21.CodeEditorModule, typeof i22.EntityRelationshipDiagramModule, typeof i23.AngularSplitModule], [typeof i1.DatabaseDesignerDashboardComponent, typeof i2.EntityListComponent, typeof i3.WizardStepIndicatorComponent, typeof i4.EntityFieldsGridComponent, typeof i5.EntityReviewPanelComponent, typeof i6.EntityPipelinePanelComponent, typeof i8.DatabaseCreateWizardComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatabaseDesignerDashboardsModule>;
 }
 //# sourceMappingURL=database-designer-dashboards.module.d.ts.map

package/dist/DatabaseDesigner/database-designer-dashboards.module.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"database-designer-dashboards.module.d.ts","sourceRoot":"","sources":["../../src/DatabaseDesigner/database-designer-dashboards.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;~~AAgDA~~,~~qBAkDa~~,gCAAgC;yCAAhC,gCAAgC;0CAAhC,gCAAgC;0CAAhC,gCAAgC;CAAG"}
1	+ {"version":3,"file":"database-designer-dashboards.module.d.ts","sourceRoot":"","sources":["../../src/DatabaseDesigner/database-designer-dashboards.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkDA,qBAoDa,gCAAgC;yCAAhC,gCAAgC;0CAAhC,gCAAgC;0CAAhC,gCAAgC;CAAG"}

package/dist/DatabaseDesigner/database-designer-dashboards.module.js CHANGED Viewed

@@ -13,7 +13,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-import { MJButtonDirective, MJPageLayoutComponent, MJPageHeaderComponent, MJPageBodyComponent, MJPageSearchComponent, MJRefreshButtonComponent, MJStatBadgeComponent } from '@memberjunction/ng-ui-components';
+import { MJButtonDirective, MJPageLayoutComponent, MJPageHeaderComponent, MJPageBodyComponent, MJPageHeaderInteriorComponent, MJPageBodyInteriorComponent, MJPageSearchComponent, MJRefreshButtonComponent, MJStatBadgeComponent } from '@memberjunction/ng-ui-components';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
 import { VersionsModule } from '@memberjunction/ng-versions';
 import { MarkdownModule } from '@memberjunction/ng-markdown';
@@ -46,6 +46,8 @@ export class DatabaseDesignerDashboardsModule {
             MJPageLayoutComponent,
             MJPageHeaderComponent,
             MJPageBodyComponent,
+            MJPageHeaderInteriorComponent,
+            MJPageBodyInteriorComponent,
             MJPageSearchComponent,
             MJRefreshButtonComponent,
             MJStatBadgeComponent,
@@ -85,6 +87,8 @@ export class DatabaseDesignerDashboardsModule {
                     MJPageLayoutComponent,
                     MJPageHeaderComponent,
                     MJPageBodyComponent,
+                    MJPageHeaderInteriorComponent,
+                    MJPageBodyInteriorComponent,
                     MJPageSearchComponent,
                     MJRefreshButtonComponent,
                     MJStatBadgeComponent,
@@ -131,6 +135,8 @@ export class DatabaseDesignerDashboardsModule {
         MJPageLayoutComponent,
         MJPageHeaderComponent,
         MJPageBodyComponent,
+        MJPageHeaderInteriorComponent,
+        MJPageBodyInteriorComponent,
         MJPageSearchComponent,
         MJRefreshButtonComponent,
         MJStatBadgeComponent,

package/dist/DatabaseDesigner/database-designer-dashboards.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"database-designer-dashboards.module.js","sourceRoot":"","sources":["../../src/DatabaseDesigner/database-designer-dashboards.module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACvB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,MAAM,gDAAgD,CAAC;AACjG,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,kCAAkC,EAAE,MAAM,oDAAoD,CAAC;AACxG,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,qDAAqD,CAAC;AACnG,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,4BAA4B,EAAE,MAAM,qDAAqD,CAAC;AACnG,OAAO,EAAE,6BAA6B,EAAE,MAAM,6DAA6D,CAAC;AAC5G,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,+DAA+D,CAAC;AAC3G,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,qDAAqD,CAAC;AACnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;;~~AAoD~~/E,MAAM,OAAO,gCAAgC;0HAAhC,gCAAgC;4DAAhC,gCAAgC;iEAb9B;YACP,uBAAuB;SAC1B,~~YAlBG~~,YAAY;YACZ,WAAW;YAEX,qBAAqB;YACrB,qBAAqB;YACrB,mBAAmB;YACnB,qBAAqB;YACrB,wBAAwB;YACxB,oBAAoB;YACpB,mBAAmB;YACnB,cAAc;YACd,cAAc;YACd,gBAAgB;YAChB,+BAA+B;YAC/B,kBAAkB;;iFAeb,gCAAgC;~~cAlD5C~~,QAAQ;eAAC;gBACN,YAAY,EAAE;oBACV,kCAAkC;oBAClC,mBAAmB;oBACnB,sBAAsB;oBACtB,4BAA4B;oBAC5B,yBAAyB;oBACzB,0BAA0B;oBAC1B,4BAA4B;oBAC5B,4BAA4B;oBAC5B,2BAA2B;oBAC3B,6BAA6B;oBAC7B,mBAAmB;oBACnB,mBAAmB;oBACnB,0BAA0B;oBAC1B,mBAAmB;oBACnB,qBAAqB;oBACrB,WAAW;oBACX,uBAAuB;iBAC1B;gBACD,OAAO,EAAE;oBACL,YAAY;oBACZ,WAAW;oBACX,iBAAiB;oBACjB,qBAAqB;oBACrB,qBAAqB;oBACrB,mBAAmB;oBACnB,qBAAqB;oBACrB,wBAAwB;oBACxB,oBAAoB;oBACpB,mBAAmB;oBACnB,cAAc;oBACd,cAAc;oBACd,gBAAgB;oBAChB,+BAA+B;oBAC/B,kBAAkB;iBACrB;gBACD,SAAS,EAAE;oBACP,uBAAuB;iBAC1B;gBACD,OAAO,EAAE;oBACL,kCAAkC;oBAClC,mBAAmB;oBACnB,4BAA4B;oBAC5B,yBAAyB;oBACzB,0BAA0B;oBAC1B,4BAA4B;oBAC5B,6BAA6B;iBAChC;aACJ;;wFACY,gCAAgC,~~mBAhDrC~~,kCAAkC;QAClC,mBAAmB;QACnB,sBAAsB;QACtB,4BAA4B;QAC5B,yBAAyB;QACzB,0BAA0B;QAC1B,4BAA4B;QAC5B,4BAA4B;QAC5B,2BAA2B;QAC3B,6BAA6B;QAC7B,mBAAmB;QACnB,mBAAmB;QACnB,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;QACrB,WAAW;QACX,uBAAuB,aAGvB,YAAY;QACZ,WAAW;QACX,iBAAiB;QACjB,qBAAqB;QACrB,qBAAqB;QACrB,mBAAmB;QACnB,qBAAqB;QACrB,wBAAwB;QACxB,oBAAoB;QACpB,mBAAmB;QACnB,cAAc;QACd,cAAc;QACd,gBAAgB;QAChB,+BAA+B;QAC/B,kBAAkB,aAMlB,kCAAkC;QAClC,mBAAmB;QACnB,4BAA4B;QAC5B,yBAAyB;QACzB,0BAA0B;QAC1B,4BAA4B;QAC5B,6BAA6B","sourcesContent":["/*\n DatabaseDesignerDashboardsModule\n \n Feature module for the Database Designer dashboard area. Declares the main\n * dashboard component and its entity-list sub-component. The wizard steps and\n * modify view are added in later phases (5c–5e) and will be declared here too.\n \n Lazy-loading entry point: DashboardsModule (module.ts) imports this module\n * so MJExplorer can code-split it in the future without touching any other file.\n \n Slide-over panels use MjSlidePanelComponent from VersionsModule.\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n MJButtonDirective,\n MJPageLayoutComponent,\n MJPageHeaderComponent,\n MJPageBodyComponent,\n MJPageSearchComponent,\n MJRefreshButtonComponent,\n MJStatBadgeComponent\n} from '@memberjunction/ng-ui-components';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { VersionsModule } from '@memberjunction/ng-versions';\nimport { MarkdownModule } from '@memberjunction/ng-markdown';\nimport { CodeEditorModule } from '@memberjunction/ng-code-editor';\nimport { EntityRelationshipDiagramModule } from '@memberjunction/ng-entity-relationship-diagram';\nimport { AngularSplitModule } from 'angular-split';\n\nimport { DatabaseDesignerDashboardComponent } from './components/database-designer-dashboard.component';\nimport { EntityListComponent } from './components/entity-list.component';\nimport { WizardStepIndicatorComponent } from './components/shared/wizard-step-indicator.component';\nimport { EntityFieldsGridComponent } from './components/shared/entity-fields-grid.component';\nimport { EntityReviewPanelComponent } from './components/shared/entity-review-panel.component';\nimport { EntityPipelinePanelComponent } from './components/shared/entity-pipeline-panel.component';\nimport { DatabaseCreateWizardComponent } from './components/create-wizard/database-create-wizard.component';\nimport { StepBasicsComponent } from './components/create-wizard/steps/step-basics.component';\nimport { StepFieldsComponent } from './components/create-wizard/steps/step-fields.component';\nimport { StepRelationshipsComponent } from './components/create-wizard/steps/step-relationships.component';\nimport { StepReviewComponent } from './components/create-wizard/steps/step-review.component';\nimport { StepPipelineComponent } from './components/create-wizard/steps/step-pipeline.component';\nimport { DatabaseModifyComponent } from './components/modify/database-modify.component';\nimport { DatabasePreviewPaneComponent } from './components/shared/database-preview-pane.component';\nimport { DatabaseDesignerService } from './services/database-designer.service';\n\n@NgModule({\n declarations: [\n DatabaseDesignerDashboardComponent,\n EntityListComponent,\n // Phase 5c: shared UI\n WizardStepIndicatorComponent,\n EntityFieldsGridComponent,\n EntityReviewPanelComponent,\n EntityPipelinePanelComponent,\n DatabasePreviewPaneComponent,\n // Phase 5d: wizard + steps\n DatabaseCreateWizardComponent,\n StepBasicsComponent,\n StepFieldsComponent,\n StepRelationshipsComponent,\n StepReviewComponent,\n StepPipelineComponent,\n // Phase 5e\n DatabaseModifyComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n MJButtonDirective,\n MJPageLayoutComponent,\n MJPageHeaderComponent,\n MJPageBodyComponent,\n MJPageSearchComponent,\n MJRefreshButtonComponent,\n MJStatBadgeComponent,\n SharedGenericModule,\n VersionsModule,\n MarkdownModule,\n CodeEditorModule,\n EntityRelationshipDiagramModule,\n AngularSplitModule,\n ],\n providers: [\n DatabaseDesignerService,\n ],\n exports: [\n DatabaseDesignerDashboardComponent,\n EntityListComponent,\n WizardStepIndicatorComponent,\n EntityFieldsGridComponent,\n EntityReviewPanelComponent,\n EntityPipelinePanelComponent,\n DatabaseCreateWizardComponent,\n ],\n})\nexport class DatabaseDesignerDashboardsModule {}\n"]}
1	+ {"version":3,"file":"database-designer-dashboards.module.js","sourceRoot":"","sources":["../../src/DatabaseDesigner/database-designer-dashboards.module.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n DatabaseDesignerDashboardsModule\n \n Feature module for the Database Designer dashboard area. Declares the main\n * dashboard component and its entity-list sub-component. The wizard steps and\n * modify view are added in later phases (5c–5e) and will be declared here too.\n \n Lazy-loading entry point: DashboardsModule (module.ts) imports this module\n * so MJExplorer can code-split it in the future without touching any other file.\n \n Slide-over panels use MjSlidePanelComponent from VersionsModule.\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {\n MJButtonDirective,\n MJPageLayoutComponent,\n MJPageHeaderComponent,\n MJPageBodyComponent,\n MJPageHeaderInteriorComponent,\n MJPageBodyInteriorComponent,\n MJPageSearchComponent,\n MJRefreshButtonComponent,\n MJStatBadgeComponent\n} from '@memberjunction/ng-ui-components';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { VersionsModule } from '@memberjunction/ng-versions';\nimport { MarkdownModule } from '@memberjunction/ng-markdown';\nimport { CodeEditorModule } from '@memberjunction/ng-code-editor';\nimport { EntityRelationshipDiagramModule } from '@memberjunction/ng-entity-relationship-diagram';\nimport { AngularSplitModule } from 'angular-split';\n\nimport { DatabaseDesignerDashboardComponent } from './components/database-designer-dashboard.component';\nimport { EntityListComponent } from './components/entity-list.component';\nimport { WizardStepIndicatorComponent } from './components/shared/wizard-step-indicator.component';\nimport { EntityFieldsGridComponent } from './components/shared/entity-fields-grid.component';\nimport { EntityReviewPanelComponent } from './components/shared/entity-review-panel.component';\nimport { EntityPipelinePanelComponent } from './components/shared/entity-pipeline-panel.component';\nimport { DatabaseCreateWizardComponent } from './components/create-wizard/database-create-wizard.component';\nimport { StepBasicsComponent } from './components/create-wizard/steps/step-basics.component';\nimport { StepFieldsComponent } from './components/create-wizard/steps/step-fields.component';\nimport { StepRelationshipsComponent } from './components/create-wizard/steps/step-relationships.component';\nimport { StepReviewComponent } from './components/create-wizard/steps/step-review.component';\nimport { StepPipelineComponent } from './components/create-wizard/steps/step-pipeline.component';\nimport { DatabaseModifyComponent } from './components/modify/database-modify.component';\nimport { DatabasePreviewPaneComponent } from './components/shared/database-preview-pane.component';\nimport { DatabaseDesignerService } from './services/database-designer.service';\n\n@NgModule({\n declarations: [\n DatabaseDesignerDashboardComponent,\n EntityListComponent,\n // Phase 5c: shared UI\n WizardStepIndicatorComponent,\n EntityFieldsGridComponent,\n EntityReviewPanelComponent,\n EntityPipelinePanelComponent,\n DatabasePreviewPaneComponent,\n // Phase 5d: wizard + steps\n DatabaseCreateWizardComponent,\n StepBasicsComponent,\n StepFieldsComponent,\n StepRelationshipsComponent,\n StepReviewComponent,\n StepPipelineComponent,\n // Phase 5e\n DatabaseModifyComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n MJButtonDirective,\n MJPageLayoutComponent,\n MJPageHeaderComponent,\n MJPageBodyComponent,\n MJPageHeaderInteriorComponent,\n MJPageBodyInteriorComponent,\n MJPageSearchComponent,\n MJRefreshButtonComponent,\n MJStatBadgeComponent,\n SharedGenericModule,\n VersionsModule,\n MarkdownModule,\n CodeEditorModule,\n EntityRelationshipDiagramModule,\n AngularSplitModule,\n ],\n providers: [\n DatabaseDesignerService,\n ],\n exports: [\n DatabaseDesignerDashboardComponent,\n EntityListComponent,\n WizardStepIndicatorComponent,\n EntityFieldsGridComponent,\n EntityReviewPanelComponent,\n EntityPipelinePanelComponent,\n DatabaseCreateWizardComponent,\n ],\n})\nexport class DatabaseDesignerDashboardsModule {}\n"]}

package/dist/DevTools/app-state-inspector.component.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { TabConfig } from '@memberjunction/ng-ui-components';
 import { WorkspaceStateManager } from '@memberjunction/ng-base-application';
 import { DeveloperModeService } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
@@ -30,6 +31,10 @@ export declare class AppStateInspectorComponent extends BaseResourceComponent im
     ngOnDestroy(): void;
     GetResourceDisplayName(): Promise<string>;
     GetResourceIconClass(): Promise<string>;
+    /** Sections rendered as horizontal tabs in the chrome's [toolbar] slot. */
+    get tabsConfig(): TabConfig[];
+    /** Adapter for `<mj-tab-nav>`'s string-typed `(TabChange)` output. */
+    onTabChange(key: string): void;
     OnSectionClick(section: InspectorSection): void;
     refresh(): void;
     OnCopy(): Promise<void>;

package/dist/DevTools/app-state-inspector.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"app-state-inspector.component.d.ts","sourceRoot":"","sources":["../../src/DevTools/app-state-inspector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;~~AAIlE~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;;AAEjE,UAAU,gBAAgB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,qBAOa,0BAA2B,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAkB1F,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,OAAO;IAlBZ,QAAQ,EAAE,gBAAgB,EAAE,CAOjC;IAEK,aAAa,SAAU;IACvB,SAAS,SAAQ;IACjB,WAAW,SAAM;IACjB,aAAa,UAAS;IACtB,aAAa,OAAc;gBAGtB,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,oBAAoB;IAKlC,QAAQ,IAAI,IAAI;IASP,WAAW,IAAI,IAAI;IAKb,sBAAsB,IAAI,OAAO,CAAC,MAAM,CAAC;IACzC,oBAAoB,IAAI,OAAO,CAAC,MAAM,CAAC;~~IAEtD~~,cAAc,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAO/C,OAAO,IAAI,IAAI;IAMT,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAc7B,UAAU,IAAI,IAAI;IAUzB,IAAW,kBAAkB,IAAI,MAAM,CAEtC;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAID,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa;~~yCA9LZ~~,0BAA0B;2CAA1B,0BAA0B;~~CAoMtC~~"}
1	+ {"version":3,"file":"app-state-inspector.component.d.ts","sourceRoot":"","sources":["../../src/DevTools/app-state-inspector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAG7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;;AAEjE,UAAU,gBAAgB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,qBAOa,0BAA2B,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAkB1F,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,OAAO;IAlBZ,QAAQ,EAAE,gBAAgB,EAAE,CAOjC;IAEK,aAAa,SAAU;IACvB,SAAS,SAAQ;IACjB,WAAW,SAAM;IACjB,aAAa,UAAS;IACtB,aAAa,OAAc;gBAGtB,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,oBAAoB;IAKlC,QAAQ,IAAI,IAAI;IASP,WAAW,IAAI,IAAI;IAKb,sBAAsB,IAAI,OAAO,CAAC,MAAM,CAAC;IACzC,oBAAoB,IAAI,OAAO,CAAC,MAAM,CAAC;IAE7D,2EAA2E;IAC3E,IAAW,UAAU,IAAI,SAAS,EAAE,CAMnC;IAED,sEAAsE;IAC/D,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO9B,cAAc,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAO/C,OAAO,IAAI,IAAI;IAMT,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAc7B,UAAU,IAAI,IAAI;IAUzB,IAAW,kBAAkB,IAAI,MAAM,CAEtC;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAID,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa;yCA/MZ,0BAA0B;2CAA1B,0BAA0B;CAqNtC"}

package/dist/DevTools/app-state-inspector.component.js CHANGED Viewed

@@ -13,38 +13,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-base-application";
 import * as i2 from "@memberjunction/ng-shared";
 import * as i3 from "@angular/forms";
-import * as i4 from "@memberjunction/ng-code-editor";
-const _forTrack0 = ($index, $item) => $item.id;
-function AppStateInspectorComponent_For_22_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const section_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(section_r2.description);
-} }
-function AppStateInspectorComponent_For_22_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 23);
-    i0.ɵɵlistener("click", function AppStateInspectorComponent_For_22_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
-    i0.ɵɵelement(1, "i", 24);
-    i0.ɵɵelementStart(2, "div", 25)(3, "div", 26);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, AppStateInspectorComponent_For_22_Conditional_5_Template, 2, 1, "div", 27);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const section_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("mj-inspector__nav-item--active", ctx_r2.ActiveSection === section_r2.id);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(section_r2.icon);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(section_r2.label);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r2.description ? 5 : -1);
-} }
+import * as i4 from "@memberjunction/ng-ui-components";
+import * as i5 from "@memberjunction/ng-code-editor";
 /**
  * App State Inspector — read-only structured view of the Explorer's runtime
  * state. Replaces the legacy "Inspect App State" user-menu item which only
@@ -87,6 +57,21 @@ let AppStateInspectorComponent = class AppStateInspectorComponent extends BaseRe
     }
     async GetResourceDisplayName() { return 'App State Inspector'; }
     async GetResourceIconClass() { return 'fa-solid fa-magnifying-glass-chart'; }
+    /** Sections rendered as horizontal tabs in the chrome's [toolbar] slot. */
+    get tabsConfig() {
+        return this.Sections.map(s => ({
+            key: s.id,
+            label: s.label,
+            icon: s.icon
+        }));
+    }
+    /** Adapter for `<mj-tab-nav>`'s string-typed `(TabChange)` output. */
+    onTabChange(key) {
+        const section = this.Sections.find(s => s.id === key);
+        if (section) {
+            this.OnSectionClick(section);
+        }
+    }
     OnSectionClick(section) {
         if (this.ActiveSection === section.id)
             return;
@@ -233,61 +218,50 @@ let AppStateInspectorComponent = class AppStateInspectorComponent extends BaseRe
         return `${d.getFullYear()}${pad(d.getMonth() + 1)}${pad(d.getDate())}-${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}`;
     }
     static ɵfac = function AppStateInspectorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppStateInspectorComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.WorkspaceStateManager), i0.ɵɵdirectiveInject(i2.DeveloperModeService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppStateInspectorComponent, selectors: [["mj-app-state-inspector"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 31, vars: 14, consts: [[1, "mj-inspector"], [1, "mj-inspector__header"], [1, "mj-inspector__header-icon"], [1, "fa-solid", "fa-magnifying-glass-chart"], [1, "mj-inspector__header-title"], [1, "mj-inspector__header-sub"], [1, "mj-inspector__header-spacer"], [1, "mj-inspector__header-actions"], ["type", "button", "title", "Refresh", 1, "mj-inspector__btn", 3, "click"], [1, "fa-solid", "fa-rotate"], ["type", "button", 1, "mj-inspector__btn", 3, "click", "title"], [1, "fa-solid"], ["type", "button", "title", "Download as JSON", 1, "mj-inspector__btn", 3, "click"], [1, "fa-solid", "fa-download"], [1, "mj-inspector__body"], [1, "mj-inspector__sidebar"], ["type", "button", 1, "mj-inspector__nav-item", 3, "mj-inspector__nav-item--active"], [1, "mj-inspector__content"], [1, "mj-inspector__content-head"], [1, "mj-inspector__content-title"], [1, "mj-inspector__content-meta"], [1, "mj-inspector__editor"], [3, "ngModelChange", "ngModel", "language", "readonly", "lineWrapping"], ["type", "button", 1, "mj-inspector__nav-item", 3, "click"], [1, "mj-inspector__nav-icon"], [1, "mj-inspector__nav-text"], [1, "mj-inspector__nav-label"], [1, "mj-inspector__nav-desc"]], template: function AppStateInspectorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵelement(3, "i", 3);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AppStateInspectorComponent, selectors: [["mj-app-state-inspector"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 16, consts: [[1, "mj-inspector", "mj-inspector--solo"], ["Role", "region", "AriaLabel", "App State inspector", "Title", "App State Inspector", "Subtitle", "Read-only snapshot of Explorer runtime state"], ["actions", ""], [3, "Clicked", "Loading"], ["mjButton", "", "size", "sm", 3, "click", "variant", "title"], ["aria-hidden", "true", 1, "fa-solid"], ["mjButton", "", "variant", "secondary", "size", "sm", "title", "Download as JSON", "aria-label", "Download as JSON", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-download"], ["toolbar", ""], [3, "TabChange", "Tabs", "ActiveKey"], [1, "mj-inspector__content"], [1, "mj-inspector__content-head"], [1, "mj-inspector__content-title"], [1, "mj-inspector__content-meta"], [1, "mj-inspector__editor"], [3, "ngModelChange", "ngModel", "language", "readonly", "lineWrapping"]], template: function AppStateInspectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "mj-page-header-interior", 1)(2, "div", 2)(3, "mj-refresh-button", 3);
+            i0.ɵɵlistener("Clicked", function AppStateInspectorComponent_Template_mj_refresh_button_Clicked_3_listener() { return ctx.refresh(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div")(5, "h3", 4);
-            i0.ɵɵtext(6, "App State Inspector");
+            i0.ɵɵelementStart(4, "button", 4);
+            i0.ɵɵlistener("click", function AppStateInspectorComponent_Template_button_click_4_listener() { return ctx.OnCopy(); });
+            i0.ɵɵelement(5, "i", 5);
+            i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div", 5);
-            i0.ɵɵtext(8, "Read-only snapshot of Explorer runtime state");
+            i0.ɵɵelementStart(7, "button", 6);
+            i0.ɵɵlistener("click", function AppStateInspectorComponent_Template_button_click_7_listener() { return ctx.OnDownload(); });
+            i0.ɵɵelement(8, "i", 7);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelement(9, "span", 6);
-            i0.ɵɵelementStart(10, "div", 7)(11, "button", 8);
-            i0.ɵɵlistener("click", function AppStateInspectorComponent_Template_button_click_11_listener() { return ctx.refresh(); });
-            i0.ɵɵelement(12, "i", 9);
-            i0.ɵɵtext(13, " Refresh ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(14, "button", 10);
-            i0.ɵɵlistener("click", function AppStateInspectorComponent_Template_button_click_14_listener() { return ctx.OnCopy(); });
-            i0.ɵɵelement(15, "i", 11);
-            i0.ɵɵtext(16);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "button", 12);
-            i0.ɵɵlistener("click", function AppStateInspectorComponent_Template_button_click_17_listener() { return ctx.OnDownload(); });
-            i0.ɵɵelement(18, "i", 13);
+            i0.ɵɵelementStart(9, "div", 8)(10, "mj-tab-nav", 9);
+            i0.ɵɵlistener("TabChange", function AppStateInspectorComponent_Template_mj_tab_nav_TabChange_10_listener($event) { return ctx.onTabChange($event); });
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(19, "div", 14)(20, "aside", 15);
-            i0.ɵɵrepeaterCreate(21, AppStateInspectorComponent_For_22_Template, 6, 6, "button", 16, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "div", 17)(24, "div", 18)(25, "h4", 19);
-            i0.ɵɵtext(26);
+            i0.ɵɵelementStart(11, "div", 10)(12, "div", 11)(13, "h4", 12);
+            i0.ɵɵtext(14);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "span", 20);
-            i0.ɵɵtext(28);
+            i0.ɵɵelementStart(15, "span", 13);
+            i0.ɵɵtext(16);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(29, "div", 21)(30, "mj-code-editor", 22);
-            i0.ɵɵtwoWayListener("ngModelChange", function AppStateInspectorComponent_Template_mj_code_editor_ngModelChange_30_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.StateJson, $event) || (ctx.StateJson = $event); return $event; });
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(17, "div", 14)(18, "mj-code-editor", 15);
+            i0.ɵɵtwoWayListener("ngModelChange", function AppStateInspectorComponent_Template_mj_code_editor_ngModelChange_18_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.StateJson, $event) || (ctx.StateJson = $event); return $event; });
+            i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(14);
-            i0.ɵɵclassProp("mj-inspector__btn--success", ctx.CopyConfirmed);
-            i0.ɵɵproperty("title", ctx.CopyConfirmed ? "Copied" : "Copy JSON");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Loading", false);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("variant", ctx.CopyConfirmed ? "success" : "secondary")("title", ctx.CopyConfirmed ? "Copied" : "Copy JSON");
             i0.ɵɵadvance();
             i0.ɵɵclassProp("fa-clipboard", !ctx.CopyConfirmed)("fa-check", ctx.CopyConfirmed);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.CopyConfirmed ? "Copied" : "Copy", " ");
-            i0.ɵɵadvance(5);
-            i0.ɵɵrepeater(ctx.Sections);
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Tabs", ctx.tabsConfig)("ActiveKey", ctx.ActiveSection);
+            i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(ctx.SectionLabel);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1("Refreshed ", ctx.LastRefreshedLabel);
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.StateJson);
             i0.ɵɵproperty("language", "json")("readonly", true)("lineWrapping", true);
-        } }, dependencies: [i3.NgControlStatus, i3.NgModel, i4.CodeEditorComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n.mj-inspector[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n\n\n.mj-inspector__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.mj-inspector__header-icon[_ngcontent-%COMP%] {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.mj-inspector__header-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.mj-inspector__header-sub[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n.mj-inspector__header-spacer[_ngcontent-%COMP%] { flex: 1; }\n.mj-inspector__header-actions[_ngcontent-%COMP%] {\n    display: flex; gap: 6px;\n}\n.mj-inspector__btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 12px;\n    border-radius: 7px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.15s;\n}\n.mj-inspector__btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__btn--success[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    border-color: color-mix(in srgb, var(--mj-status-success) 30%, var(--mj-border-default));\n}\n\n\n\n.mj-inspector__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.mj-inspector__sidebar[_ngcontent-%COMP%] {\n    width: 220px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.mj-inspector__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.mj-inspector__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.mj-inspector__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.mj-inspector__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.mj-inspector__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.mj-inspector__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.mj-inspector__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.mj-inspector__nav-item--active[_ngcontent-%COMP%]   .mj-inspector__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.mj-inspector__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n}\n.mj-inspector__content-head[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card);\n}\n.mj-inspector__content-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.mj-inspector__content-meta[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n.mj-inspector__editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.mj-inspector__editor[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.mj-inspector__empty[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n@media (max-width: 700px) {\n    .mj-inspector__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .mj-inspector__sidebar[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 200px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .mj-inspector__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .mj-inspector__nav-desc[_ngcontent-%COMP%] { display: none; }\n    .mj-inspector__header[_ngcontent-%COMP%] { padding: 12px 14px; gap: 10px; }\n}"] });
+        } }, dependencies: [i3.NgControlStatus, i3.NgModel, i4.MJButtonDirective, i4.MJPageHeaderInteriorComponent, i4.MJRefreshButtonComponent, i4.MJTabNavComponent, i5.CodeEditorComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.mj-inspector[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n\n\n.mj-inspector__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n}\n.mj-inspector__content-head[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card);\n}\n.mj-inspector__content-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.mj-inspector__content-meta[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n.mj-inspector__editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.mj-inspector__editor[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.mj-inspector__empty[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}"] });
 };
 AppStateInspectorComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AppStateInspector')
@@ -295,7 +269,7 @@ AppStateInspectorComponent = __decorate([
 export { AppStateInspectorComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppStateInspectorComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-app-state-inspector', template: "<div class=\"mj-inspector\">\n    <div class=\"mj-inspector__header\">\n        <div class=\"mj-inspector__header-icon\"><i class=\"fa-solid fa-magnifying-glass-chart\"></i></div>\n        <div>\n            <h3 class=\"mj-inspector__header-title\">App State Inspector</h3>\n            <div class=\"mj-inspector__header-sub\">Read-only snapshot of Explorer runtime state</div>\n        </div>\n        <span class=\"mj-inspector__header-spacer\"></span>\n        <div class=\"mj-inspector__header-actions\">\n            <button class=\"mj-inspector__btn\" type=\"button\" (click)=\"refresh()\" title=\"Refresh\">\n                <i class=\"fa-solid fa-rotate\"></i> Refresh\n            </button>\n            <button class=\"mj-inspector__btn\"\n                    [class.mj-inspector__btn--success]=\"CopyConfirmed\"\n                    type=\"button\" (click)=\"OnCopy()\"\n                    [title]=\"CopyConfirmed ? 'Copied' : 'Copy JSON'\">\n                <i class=\"fa-solid\" [class.fa-clipboard]=\"!CopyConfirmed\" [class.fa-check]=\"CopyConfirmed\"></i>\n                {{ CopyConfirmed ? 'Copied' : 'Copy' }}\n            </button>\n            <button class=\"mj-inspector__btn\" type=\"button\" (click)=\"OnDownload()\" title=\"Download as JSON\">\n                <i class=\"fa-solid fa-download\"></i>\n            </button>\n        </div>\n    </div>\n\n    <div class=\"mj-inspector__body\">\n        <aside class=\"mj-inspector__sidebar\">\n            @for (section of Sections; track section.id) {\n                <button type=\"button\"\n                        class=\"mj-inspector__nav-item\"\n                        [class.mj-inspector__nav-item--active]=\"ActiveSection === section.id\"\n                        (click)=\"OnSectionClick(section)\">\n                    <i class=\"mj-inspector__nav-icon\" [class]=\"section.icon\"></i>\n                    <div class=\"mj-inspector__nav-text\">\n                        <div class=\"mj-inspector__nav-label\">{{ section.label }}</div>\n                        @if (section.description) {\n                            <div class=\"mj-inspector__nav-desc\">{{ section.description }}</div>\n                        }\n                    </div>\n                </button>\n            }\n        </aside>\n\n        <div class=\"mj-inspector__content\">\n            <div class=\"mj-inspector__content-head\">\n                <h4 class=\"mj-inspector__content-title\">{{ SectionLabel }}</h4>\n                <span class=\"mj-inspector__content-meta\">Refreshed {{ LastRefreshedLabel }}</span>\n            </div>\n            <div class=\"mj-inspector__editor\">\n                <mj-code-editor\n                    [(ngModel)]=\"StateJson\"\n                    [language]=\"'json'\"\n                    [readonly]=\"true\"\n                    [lineWrapping]=\"true\">\n                </mj-code-editor>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [":host { display: block; height: 100%; }\n\n.mj-inspector {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n/* Header */\n.mj-inspector__header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.mj-inspector__header-icon {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.mj-inspector__header-title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.mj-inspector__header-sub {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n.mj-inspector__header-spacer { flex: 1; }\n.mj-inspector__header-actions {\n    display: flex; gap: 6px;\n}\n.mj-inspector__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 12px;\n    border-radius: 7px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.15s;\n}\n.mj-inspector__btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__btn--success {\n    color: var(--mj-status-success);\n    border-color: color-mix(in srgb, var(--mj-status-success) 30%, var(--mj-border-default));\n}\n\n/* Layout: sidebar + content */\n.mj-inspector__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.mj-inspector__sidebar {\n    width: 220px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.mj-inspector__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.mj-inspector__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.mj-inspector__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.mj-inspector__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.mj-inspector__nav-text { flex: 1; min-width: 0; }\n.mj-inspector__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.mj-inspector__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.mj-inspector__nav-item--active .mj-inspector__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.mj-inspector__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n}\n.mj-inspector__content-head {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card);\n}\n.mj-inspector__content-title {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.mj-inspector__content-meta {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n.mj-inspector__editor {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.mj-inspector__editor mj-code-editor {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty state */\n.mj-inspector__empty {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n@media (max-width: 700px) {\n    .mj-inspector__body { flex-direction: column; }\n    .mj-inspector__sidebar {\n        width: 100%;\n        height: auto;\n        max-height: 200px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .mj-inspector__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .mj-inspector__nav-desc { display: none; }\n    .mj-inspector__header { padding: 12px 14px; gap: 10px; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-app-state-inspector', template: "<div class=\"mj-inspector mj-inspector--solo\">\n    <mj-page-header-interior\n        Role=\"region\"\n        AriaLabel=\"App State inspector\"\n        Title=\"App State Inspector\"\n        Subtitle=\"Read-only snapshot of Explorer runtime state\">\n        <div actions>\n            <mj-refresh-button [Loading]=\"false\" (Clicked)=\"refresh()\"></mj-refresh-button>\n            <button mjButton\n                    [variant]=\"CopyConfirmed ? 'success' : 'secondary'\"\n                    size=\"sm\"\n                    (click)=\"OnCopy()\"\n                    [title]=\"CopyConfirmed ? 'Copied' : 'Copy JSON'\">\n                <i class=\"fa-solid\" [class.fa-clipboard]=\"!CopyConfirmed\" [class.fa-check]=\"CopyConfirmed\" aria-hidden=\"true\"></i>\n                {{ CopyConfirmed ? 'Copied' : 'Copy' }}\n            </button>\n            <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"OnDownload()\" title=\"Download as JSON\" aria-label=\"Download as JSON\">\n                <i class=\"fa-solid fa-download\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n        <div toolbar>\n            <mj-tab-nav\n                [Tabs]=\"tabsConfig\"\n                [ActiveKey]=\"ActiveSection\"\n                (TabChange)=\"onTabChange($event)\">\n            </mj-tab-nav>\n        </div>\n    </mj-page-header-interior>\n\n    <div class=\"mj-inspector__content\">\n        <div class=\"mj-inspector__content-head\">\n            <h4 class=\"mj-inspector__content-title\">{{ SectionLabel }}</h4>\n            <span class=\"mj-inspector__content-meta\">Refreshed {{ LastRefreshedLabel }}</span>\n        </div>\n        <div class=\"mj-inspector__editor\">\n            <mj-code-editor\n                [(ngModel)]=\"StateJson\"\n                [language]=\"'json'\"\n                [readonly]=\"true\"\n                [lineWrapping]=\"true\">\n            </mj-code-editor>\n        </div>\n    </div>\n</div>\n", styles: [":host { display: block; height: 100%; }\n\n/*\n  Inspector shell \u2014 each Dev Tools sub-page wraps its body in .mj-inspector. The\n  chrome (title icon, title, subtitle, action buttons) was previously rendered\n  via .mj-inspector__header*, but that's been replaced by <mj-page-header-interior>\n  in every inspector template. Action buttons now use the mjButton directive\n  (variant=\"secondary\" / \"success\") so they inherit global button styling. App\n  State + Layout inspectors used to carry an inner left rail (.mj-inspector__body\n  + __sidebar + __nav-item) for L2 sections; that rail was retired 2026-05-19 in\n  favor of <mj-tab-nav> projected into the chrome's [toolbar] slot, matching\n  SystemDiagnostics and the API Keys tab strip. All inspectors are now \"solo\"\n  mode (no sidebar).\n*/\n.mj-inspector {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n/* Content area */\n.mj-inspector__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n}\n.mj-inspector__content-head {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card);\n}\n.mj-inspector__content-title {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.mj-inspector__content-meta {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n.mj-inspector__editor {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.mj-inspector__editor mj-code-editor {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty state */\n.mj-inspector__empty {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.WorkspaceStateManager }, { type: i2.DeveloperModeService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppStateInspectorComponent, { className: "AppStateInspectorComponent", filePath: "src/DevTools/app-state-inspector.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AppStateInspectorComponent, { className: "AppStateInspectorComponent", filePath: "src/DevTools/app-state-inspector.component.ts", lineNumber: 30 }); })();
 //# sourceMappingURL=app-state-inspector.component.js.map