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

package/dist/lib/custom/Companies/company-header.panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-header.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-header.panel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAkB,MAAM,+BAA+B,CAAC;;AAIhF,qBA6Fa,kBAAmB,SAAQ,aAAa,CAAC,eAAe,CAAC;IAC3D,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAKvB,IAAW,OAAO,IAAI,eAAe,GAAG,IAAI,CAE3C;IAEM,eAAe,IAAI,IAAI;yCAZrB,kBAAkB;2CAAlB,kBAAkB;CAgB9B"}
+{"version":3,"file":"company-header.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-header.panel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAkB,MAAM,+BAA+B,CAAC;;AAIhF,qBAiGa,kBAAmB,SAAQ,aAAa,CAAC,eAAe,CAAC;IAC3D,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAKvB,IAAW,OAAO,IAAI,eAAe,GAAG,IAAI,CAE3C;IAEM,eAAe,IAAI,IAAI;yCAZrB,kBAAkB;2CAAlB,kBAAkB;CAgB9B"}

package/dist/lib/custom/Companies/company-header.panel.js

@@ -125,11 +125,15 @@ let CompanyHeaderPanel = class CompanyHeaderPanel extends BaseFormPanel {
 };
 CompanyHeaderPanel = __decorate([
     RegisterClassEx(BaseFormPanel, {
-        key: 'form-panel:Companies:header',
+        key: 'form-panel:MJ: Companies:header',
         metadata: {
-            entity: 'Companies',
-            slot: 'header',
-            sortKey: 10,
+            entity: 'MJ: Companies',
+            // A hero is a bare strip in before-fields. Its sortKey is above the overview's
+            // (higher draws first), so it draws above the overview cards.
+            slot: 'before-fields',
+            presentation: 'bare',
+            contributionKey: 'companies:header',
+            sortKey: 20,
         },
     })
 ], CompanyHeaderPanel);
@@ -186,5 +190,5 @@ export { CompanyHeaderPanel };
         }
     `, styles: ["\n        :host { display: block; width: 100%; }\n        .mj-entity-hero-header {\n            background: linear-gradient(180deg, var(--mj-bg-surface, #111a2e) 0%, var(--mj-bg-surface-card, #141f36) 100%);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            padding: 16px 24px;\n        }\n        .mj-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar {\n            width: 44px; height: 44px; border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 18px; color: #fff; flex-shrink: 0;\n        }\n        .mj-hero-title { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; display: flex; gap: 8px; align-items: center; }\n        .mj-hero-toggle-btn {\n            background: none; border: 1px solid var(--mj-border-default, #223254);\n            color: var(--mj-text-muted, #64748b); border-radius: 6px;\n            padding: 6px 10px; cursor: pointer;\n        }\n        .mj-hero-metrics-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px; margin-top: 14px; padding-top: 12px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .mj-hero-metric { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n    "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyHeaderPanel, { className: "CompanyHeaderPanel", filePath: "src/lib/custom/Companies/company-header.panel.ts", lineNumber: 102 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyHeaderPanel, { className: "CompanyHeaderPanel", filePath: "src/lib/custom/Companies/company-header.panel.ts", lineNumber: 106 }); })();
 //# sourceMappingURL=company-header.panel.js.map

package/dist/lib/custom/Companies/company-header.panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"company-header.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-header.panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJCompanyEntity, UserInfoEngine } from '@memberjunction/core-entities';\n\nconst SETTING_KEY = 'mj.form.companies.headerCollapsed';\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:Companies:header',\n    metadata: {\n        entity: 'Companies',\n        slot: 'header',\n        sortKey: 10,\n    },\n})\n@Component({\n    selector: 'mj-company-header-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (Company) {\n            <div class=\"mj-entity-hero-header\">\n                <div class=\"mj-hero-top\">\n                    <div class=\"mj-hero-identity\">\n                        <div class=\"mj-hero-avatar\" style=\"background: linear-gradient(135deg, #3b82f6, #1d4ed8);\">\n                            <i class=\"fa-solid fa-building-flag\"></i>\n                        </div>\n                        <div>\n                            <h1 class=\"mj-hero-title\">{{ Company.Name || 'Operating Company' }}</h1>\n                            <div class=\"mj-hero-subline\">\n                                @if (Company.Description) {\n                                    <span>{{ Company.Description }}</span>\n                                }\n                                @if (Company.Website) {\n                                    <span>•</span>\n                                    <span>{{ Company.Website }}</span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"mj-hero-actions\">\n                        <button type=\"button\" class=\"mj-hero-toggle-btn\" (click)=\"ToggleCollapsed()\" [title]=\"IsCollapsed ? 'Expand Header' : 'Collapse Header'\">\n                            <i class=\"fa-solid\" [class.fa-chevron-up]=\"!IsCollapsed\" [class.fa-chevron-down]=\"IsCollapsed\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                @if (!IsCollapsed) {\n                    <div class=\"mj-hero-metrics-row\">\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Company ID</span>\n                            <span class=\"mj-hero-metric-val\">{{ Company.ID?.substring(0, 8) }}</span>\n                        </div>\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Corporate Structure</span>\n                            <span class=\"mj-hero-metric-val\" style=\"color: #38bdf8;\">Operating Entity</span>\n                        </div>\n                        @if (Company.Website) {\n                            <div class=\"mj-hero-metric\">\n                                <span class=\"mj-hero-metric-label\">Website</span>\n                                <span class=\"mj-hero-metric-val\">{{ Company.Website }}</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n        }\n    `,\n    styles: [`\n        :host { display: block; width: 100%; }\n        .mj-entity-hero-header {\n            background: linear-gradient(180deg, var(--mj-bg-surface, #111a2e) 0%, var(--mj-bg-surface-card, #141f36) 100%);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            padding: 16px 24px;\n        }\n        .mj-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar {\n            width: 44px; height: 44px; border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 18px; color: #fff; flex-shrink: 0;\n        }\n        .mj-hero-title { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; display: flex; gap: 8px; align-items: center; }\n        .mj-hero-toggle-btn {\n            background: none; border: 1px solid var(--mj-border-default, #223254);\n            color: var(--mj-text-muted, #64748b); border-radius: 6px;\n            padding: 6px 10px; cursor: pointer;\n        }\n        .mj-hero-metrics-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px; margin-top: 14px; padding-top: 12px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .mj-hero-metric { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n    `]\n})\nexport class CompanyHeaderPanel extends BaseFormPanel<MJCompanyEntity> {\n    public IsCollapsed = false;\n\n    public ngOnInit(): void {\n        const raw = UserInfoEngine.Instance.GetSetting(SETTING_KEY);\n        if (raw) this.IsCollapsed = raw === 'true';\n    }\n\n    public get Company(): MJCompanyEntity | null {\n        return this.Record;\n    }\n\n    public ToggleCollapsed(): void {\n        this.IsCollapsed = !this.IsCollapsed;\n        UserInfoEngine.Instance.SetSettingDebounced(SETTING_KEY, String(this.IsCollapsed));\n    }\n}\n"]}
+{"version":3,"file":"company-header.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-header.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAmB,cAAc,EAAE,MAAM,+BAA+B,CAAC;;;IAiC5C,+BAAM;IAAA,YAAyB;IAAA,oBAAO;;;IAAhC,cAAyB;IAAzB,gDAAyB;;;IAG/B,+BAAM;IAAA,sBAAC;IAAA,oBAAO;IACd,+BAAM;IAAA,YAAqB;IAAA,oBAAO;;;IAA5B,eAAqB;IAArB,4CAAqB;;;IAwB/B,AADJ,kCAA4B,eACW;IAAA,uBAAO;IAAA,oBAAO;IACjD,mCAAiC;IAAA,YAAqB;IAC1D,AAD0D,oBAAO,EAC3D;;;IAD+B,eAAqB;IAArB,4CAAqB;;;IAV1D,AADJ,AADJ,kCAAiC,cACD,eACW;IAAA,0BAAU;IAAA,oBAAO;IACpD,mCAAiC;IAAA,YAAiC;IACtE,AADsE,oBAAO,EACvE;IAEF,AADJ,kCAA4B,eACW;IAAA,mCAAmB;IAAA,oBAAO;IAC7D,mCAAyD;IAAA,iCAAgB;IAC7E,AAD6E,oBAAO,EAC9E;IACN,oHAAuB;IAM3B,oBAAM;;;IAZmC,eAAiC;IAAjC,0FAAiC;IAMtE,eAKC;IALD,kDAKC;;;;IAtCD,AADJ,AADJ,AADJ,iCAAmC,aACN,aACS,aACiE;IACvF,0BAAyC;IAC7C,oBAAM;IAEF,AADJ,8BAAK,YACyB;IAAA,YAAyC;IAAA,oBAAK;IACxE,iCAA6B;IACzB,gGAA2B;IAG3B,0FAAuB;IAMnC,AADI,AADI,oBAAM,EACJ,EACJ;IAEF,AADJ,kCAA6B,iBACgH;IAAxF,0LAAS,wBAAiB,KAAC;IACxE,2BAAmG;IAG/G,AADI,AADI,oBAAS,EACP,EACJ;IAEN,sGAAoB;IAkBxB,oBAAM;;;IArCoC,eAAyC;IAAzC,gEAAyC;IAE/D,eAEC;IAFD,qDAEC;IACD,cAGC;IAHD,kDAGC;IAKoE,eAA2D;IAA3D,mFAA2D;IAChH,cAAoC;IAAC,AAArC,oDAAoC,uCAAsC;IAK1G,cAiBC;IAjBD,+CAiBC;;AAhEjB,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAmGjD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,aAA8B;IAA/D;;QACI,gBAAW,GAAG,KAAK,CAAC;KAe9B;IAbU,QAAQ;QACX,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,GAAG;YAAE,IAAI,CAAC,WAAW,GAAG,GAAG,KAAK,MAAM,CAAC;IAC/C,CAAC;IAED,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,eAAe;QAClB,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACrC,cAAc,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACvF,CAAC;4PAfQ,kBAAkB,yBAAlB,kBAAkB;oEAAlB,kBAAkB;YA/EvB,qFAAe;;YAAf,sCA8CC;4BAjDK,YAAY;;AAkFb,kBAAkB;IAjG9B,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,iCAAiC;QACtC,QAAQ,EAAE;YACN,MAAM,EAAE,eAAe;YACvB,+EAA+E;YAC/E,8DAA8D;YAC9D,IAAI,EAAE,eAAe;YACrB,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,kBAAkB;YACnC,OAAO,EAAE,EAAE;SACd;KACJ,CAAC;GAsFW,kBAAkB,CAgB9B;;iFAhBY,kBAAkB;cArF9B,SAAS;2BACI,yBAAyB,cACvB,IAAI,WACP,CAAC,YAAY,CAAC,mBACN,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgDT;;kFAgCQ,kBAAkB","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJCompanyEntity, UserInfoEngine } from '@memberjunction/core-entities';\n\nconst SETTING_KEY = 'mj.form.companies.headerCollapsed';\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:MJ: Companies:header',\n    metadata: {\n        entity: 'MJ: Companies',\n        // A hero is a bare strip in before-fields. Its sortKey is above the overview's\n        // (higher draws first), so it draws above the overview cards.\n        slot: 'before-fields',\n        presentation: 'bare',\n        contributionKey: 'companies:header',\n        sortKey: 20,\n    },\n})\n@Component({\n    selector: 'mj-company-header-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (Company) {\n            <div class=\"mj-entity-hero-header\">\n                <div class=\"mj-hero-top\">\n                    <div class=\"mj-hero-identity\">\n                        <div class=\"mj-hero-avatar\" style=\"background: linear-gradient(135deg, #3b82f6, #1d4ed8);\">\n                            <i class=\"fa-solid fa-building-flag\"></i>\n                        </div>\n                        <div>\n                            <h1 class=\"mj-hero-title\">{{ Company.Name || 'Operating Company' }}</h1>\n                            <div class=\"mj-hero-subline\">\n                                @if (Company.Description) {\n                                    <span>{{ Company.Description }}</span>\n                                }\n                                @if (Company.Website) {\n                                    <span>•</span>\n                                    <span>{{ Company.Website }}</span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"mj-hero-actions\">\n                        <button type=\"button\" class=\"mj-hero-toggle-btn\" (click)=\"ToggleCollapsed()\" [title]=\"IsCollapsed ? 'Expand Header' : 'Collapse Header'\">\n                            <i class=\"fa-solid\" [class.fa-chevron-up]=\"!IsCollapsed\" [class.fa-chevron-down]=\"IsCollapsed\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                @if (!IsCollapsed) {\n                    <div class=\"mj-hero-metrics-row\">\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Company ID</span>\n                            <span class=\"mj-hero-metric-val\">{{ Company.ID?.substring(0, 8) }}</span>\n                        </div>\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Corporate Structure</span>\n                            <span class=\"mj-hero-metric-val\" style=\"color: #38bdf8;\">Operating Entity</span>\n                        </div>\n                        @if (Company.Website) {\n                            <div class=\"mj-hero-metric\">\n                                <span class=\"mj-hero-metric-label\">Website</span>\n                                <span class=\"mj-hero-metric-val\">{{ Company.Website }}</span>\n                            </div>\n                        }\n                    </div>\n                }\n            </div>\n        }\n    `,\n    styles: [`\n        :host { display: block; width: 100%; }\n        .mj-entity-hero-header {\n            background: linear-gradient(180deg, var(--mj-bg-surface, #111a2e) 0%, var(--mj-bg-surface-card, #141f36) 100%);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            padding: 16px 24px;\n        }\n        .mj-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar {\n            width: 44px; height: 44px; border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 18px; color: #fff; flex-shrink: 0;\n        }\n        .mj-hero-title { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; display: flex; gap: 8px; align-items: center; }\n        .mj-hero-toggle-btn {\n            background: none; border: 1px solid var(--mj-border-default, #223254);\n            color: var(--mj-text-muted, #64748b); border-radius: 6px;\n            padding: 6px 10px; cursor: pointer;\n        }\n        .mj-hero-metrics-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px; margin-top: 14px; padding-top: 12px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .mj-hero-metric { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n    `]\n})\nexport class CompanyHeaderPanel extends BaseFormPanel<MJCompanyEntity> {\n    public IsCollapsed = false;\n\n    public ngOnInit(): void {\n        const raw = UserInfoEngine.Instance.GetSetting(SETTING_KEY);\n        if (raw) this.IsCollapsed = raw === 'true';\n    }\n\n    public get Company(): MJCompanyEntity | null {\n        return this.Record;\n    }\n\n    public ToggleCollapsed(): void {\n        this.IsCollapsed = !this.IsCollapsed;\n        UserInfoEngine.Instance.SetSettingDebounced(SETTING_KEY, String(this.IsCollapsed));\n    }\n}\n"]}

package/dist/lib/custom/Companies/company-overview.panel.d.ts

@@ -11,9 +11,13 @@ interface EmployeeRow {
 export declare class CompanyOverviewPanel extends BaseFormPanel<MJCompanyEntity> implements OnInit {
     private cdr;
     Employees: EmployeeRow[];
+    /** Set when the query fails, so the card shows the failure instead of an empty list. */
+    LoadError: string | null;
     get Company(): MJCompanyEntity | null;
     ngOnInit(): void;
     private loadEmployees;
+    /** Shows a short "could not load" line, with the underlying message when there is one. */
+    private showLoadError;
     static ɵfac: i0.ɵɵFactoryDeclaration<CompanyOverviewPanel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CompanyOverviewPanel, "mj-company-overview-panel", never, {}, {}, never, never, true, never>;
 }

package/dist/lib/custom/Companies/company-overview.panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"company-overview.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-overview.panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,MAAM,EAA6B,MAAM,eAAe,CAAC;AAItG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;;AAEhE,UAAU,WAAW;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,qBAoHa,oBAAqB,SAAQ,aAAa,CAAC,eAAe,CAAE,YAAW,MAAM;IACtF,OAAO,CAAC,GAAG,CAA6B;IACjC,SAAS,EAAE,WAAW,EAAE,CAAM;IAErC,IAAW,OAAO,IAAI,eAAe,GAAG,IAAI,CAE3C;IAEM,QAAQ,IAAI,IAAI;YAIT,aAAa;yCAZlB,oBAAoB;2CAApB,oBAAoB;CA+BhC"}
+{"version":3,"file":"company-overview.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-overview.panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,MAAM,EAA6B,MAAM,eAAe,CAAC;AAItG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;;AAEhE,UAAU,WAAW;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,qBAyHa,oBAAqB,SAAQ,aAAa,CAAC,eAAe,CAAE,YAAW,MAAM;IACtF,OAAO,CAAC,GAAG,CAA6B;IACjC,SAAS,EAAE,WAAW,EAAE,CAAM;IACrC,wFAAwF;IACjF,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,IAAW,OAAO,IAAI,eAAe,GAAG,IAAI,CAE3C;IAEM,QAAQ,IAAI,IAAI;YAIT,aAAa;IAuB3B,0FAA0F;IAC1F,OAAO,CAAC,aAAa;yCAtCZ,oBAAoB;2CAApB,oBAAoB;CAyChC"}

package/dist/lib/custom/Companies/company-overview.panel.js

@@ -11,36 +11,56 @@ import { RegisterClassEx } from '@memberjunction/global';
 import { BaseFormPanel } from '@memberjunction/ng-base-forms';
 import * as i0 from "@angular/core";
 const _forTrack0 = ($index, $item) => $item.ID;
-function CompanyOverviewPanel_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function CompanyOverviewPanel_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r0.Employees.length, " Members");
+} }
+function CompanyOverviewPanel_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.LoadError);
+} }
+function CompanyOverviewPanel_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 8);
     i0.ɵɵtext(1, "No employees assigned directly to this company.");
     i0.ɵɵdomElementEnd();
 } }
 function CompanyOverviewPanel_Conditional_10_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 9)(1, "span", 10);
+    i0.ɵɵdomElementStart(0, "div", 10)(1, "span", 11);
     i0.ɵɵtext(2);
     i0.ɵɵdomElementEnd();
-    i0.ɵɵdomElementStart(3, "span", 13);
+    i0.ɵɵdomElementStart(3, "span", 14);
     i0.ɵɵtext(4);
     i0.ɵɵdomElementEnd()();
 } if (rf & 2) {
-    const emp_r1 = ctx.$implicit;
+    const emp_r2 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", emp_r1.FirstName, " ", emp_r1.LastName);
+    i0.ɵɵtextInterpolate2("", emp_r2.FirstName, " ", emp_r2.LastName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(emp_r1.Title || "Staff");
+    i0.ɵɵtextInterpolate(emp_r2.Title || "Staff");
 } }
 function CompanyOverviewPanel_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, CompanyOverviewPanel_Conditional_10_For_1_Template, 5, 3, "div", 9, _forTrack0);
+    i0.ɵɵrepeaterCreate(0, CompanyOverviewPanel_Conditional_10_For_1_Template, 5, 3, "div", 10, _forTrack0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵrepeater(ctx_r1.Employees);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r0.Employees);
 } }
 let CompanyOverviewPanel = class CompanyOverviewPanel extends BaseFormPanel {
     constructor() {
         super(...arguments);
         this.cdr = inject(ChangeDetectorRef);
         this.Employees = [];
+        /** Set when the query fails, so the card shows the failure instead of an empty list. */
+        this.LoadError = null;
     }
     get Company() {
         return this.Record;
@@ -54,74 +74,81 @@ let CompanyOverviewPanel = class CompanyOverviewPanel extends BaseFormPanel {
         try {
             const rv = new RunView();
             const res = await rv.RunView({
-                EntityName: 'Employees',
+                EntityName: 'MJ: Employees',
                 ExtraFilter: `CompanyID = '${this.Record.ID}'`,
                 Fields: ['ID', 'FirstName', 'LastName', 'Title'],
                 MaxRows: 20,
                 ResultType: 'simple'
             });
-            if (res.Success && res.Results) {
-                this.Employees = res.Results;
-                this.cdr.markForCheck();
+            if (res.Success) {
+                this.Employees = res.Results ?? [];
+            }
+            else {
+                this.showLoadError(res.ErrorMessage);
             }
         }
         catch (e) {
             console.error('Failed to load company employees:', e);
+            this.showLoadError(e instanceof Error ? e.message : undefined);
         }
+        this.cdr.markForCheck();
+    }
+    /** Shows a short "could not load" line, with the underlying message when there is one. */
+    showLoadError(detail) {
+        this.LoadError = detail ? `Could not load employees: ${detail}` : 'Could not load employees.';
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCompanyOverviewPanel_BaseFactory; return function CompanyOverviewPanel_Factory(__ngFactoryType__) { return (ɵCompanyOverviewPanel_BaseFactory || (ɵCompanyOverviewPanel_BaseFactory = i0.ɵɵgetInheritedFactory(CompanyOverviewPanel)))(__ngFactoryType__ || CompanyOverviewPanel); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyOverviewPanel, selectors: [["mj-company-overview-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 34, vars: 4, consts: [[1, "mj-company-overview-grid"], [1, "mj-overview-card"], [1, "mj-card-header"], [1, "mj-card-title"], [1, "fa-solid", "fa-users", 2, "color", "var(--mj-brand-primary, #38bdf8)"], [1, "mj-card-badge"], [1, "mj-card-body"], [2, "font-size", "12px", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-building-shield", 2, "color", "#10b981"], [1, "mj-metric-row"], [1, "mj-metric-label"], [1, "mj-metric-val"], [1, "mj-pill", "mj-pill-green"], [1, "mj-pill", "mj-pill-blue"]], template: function CompanyOverviewPanel_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyOverviewPanel, selectors: [["mj-company-overview-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 34, vars: 4, consts: [[1, "mj-company-overview-grid"], [1, "mj-overview-card"], [1, "mj-card-header"], [1, "mj-card-title"], [1, "fa-solid", "fa-users", 2, "color", "var(--mj-brand-primary, #38bdf8)"], [1, "mj-card-badge"], [1, "mj-card-body"], [1, "mj-load-error"], [2, "font-size", "12px", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-building-shield", 2, "color", "#10b981"], [1, "mj-metric-row"], [1, "mj-metric-label"], [1, "mj-metric-val"], [1, "mj-pill", "mj-pill-green"], [1, "mj-pill", "mj-pill-blue"]], template: function CompanyOverviewPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
             i0.ɵɵdomElement(4, "i", 4);
             i0.ɵɵtext(5, " Company Team");
             i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(6, "span", 5);
-            i0.ɵɵtext(7);
-            i0.ɵɵdomElementEnd()();
-            i0.ɵɵdomElementStart(8, "div", 6);
-            i0.ɵɵconditionalCreate(9, CompanyOverviewPanel_Conditional_9_Template, 2, 0, "span", 7)(10, CompanyOverviewPanel_Conditional_10_Template, 2, 0);
+            i0.ɵɵconditionalCreate(6, CompanyOverviewPanel_Conditional_6_Template, 2, 1, "span", 5);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(7, "div", 6);
+            i0.ɵɵconditionalCreate(8, CompanyOverviewPanel_Conditional_8_Template, 2, 1, "span", 7)(9, CompanyOverviewPanel_Conditional_9_Template, 2, 0, "span", 8)(10, CompanyOverviewPanel_Conditional_10_Template, 2, 0);
             i0.ɵɵdomElementEnd()();
             i0.ɵɵdomElementStart(11, "div", 1)(12, "div", 2)(13, "div", 3);
-            i0.ɵɵdomElement(14, "i", 8);
+            i0.ɵɵdomElement(14, "i", 9);
             i0.ɵɵtext(15, " Company Governance");
             i0.ɵɵdomElementEnd();
             i0.ɵɵdomElementStart(16, "span", 5);
             i0.ɵɵtext(17, "Profile");
             i0.ɵɵdomElementEnd()();
-            i0.ɵɵdomElementStart(18, "div", 6)(19, "div", 9)(20, "span", 10);
+            i0.ɵɵdomElementStart(18, "div", 6)(19, "div", 10)(20, "span", 11);
             i0.ɵɵtext(21, "Company Name");
             i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(22, "span", 11);
+            i0.ɵɵdomElementStart(22, "span", 12);
             i0.ɵɵtext(23);
             i0.ɵɵdomElementEnd()();
-            i0.ɵɵdomElementStart(24, "div", 9)(25, "span", 10);
+            i0.ɵɵdomElementStart(24, "div", 10)(25, "span", 11);
             i0.ɵɵtext(26, "Website");
             i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(27, "span", 11);
+            i0.ɵɵdomElementStart(27, "span", 12);
             i0.ɵɵtext(28);
             i0.ɵɵdomElementEnd()();
-            i0.ɵɵdomElementStart(29, "div", 9)(30, "span", 10);
+            i0.ɵɵdomElementStart(29, "div", 10)(30, "span", 11);
             i0.ɵɵtext(31, "Record Type");
             i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(32, "span", 12);
+            i0.ɵɵdomElementStart(32, "span", 13);
             i0.ɵɵtext(33, "Corporate Entity");
             i0.ɵɵdomElementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate1("", ctx.Employees.length, " Members");
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(!ctx.LoadError ? 6 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.Employees.length === 0 ? 9 : 10);
-            i0.ɵɵadvance(14);
+            i0.ɵɵconditional(ctx.LoadError ? 8 : ctx.Employees.length === 0 ? 9 : 10);
+            i0.ɵɵadvance(15);
             i0.ɵɵtextInterpolate(ctx.Company == null ? null : ctx.Company.Name);
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate((ctx.Company == null ? null : ctx.Company.Website) || "None Listed");
-        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-company-overview-grid[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 16px;\n        }\n        .mj-overview-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-card, #141f36);\n            border: 1px solid var(--mj-border-default, #223254);\n            border-radius: 10px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .mj-card-header[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            background: var(--mj-bg-surface, #111a2e);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mj-card-title[_ngcontent-%COMP%] {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary, #f8fafc);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .mj-card-badge[_ngcontent-%COMP%] {\n            font-size: 11px;\n            padding: 2px 7px;\n            border-radius: 9999px;\n            background: var(--mj-bg-surface-elevated, #1a2744);\n            color: var(--mj-text-secondary, #94a3b8);\n            border: 1px solid var(--mj-border-default, #223254);\n        }\n        .mj-card-body[_ngcontent-%COMP%] {\n            padding: 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .mj-metric-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n        }\n        .mj-metric-label[_ngcontent-%COMP%] { color: var(--mj-text-secondary, #94a3b8); }\n        .mj-metric-val[_ngcontent-%COMP%] { font-weight: 600; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n        .mj-pill[_ngcontent-%COMP%] { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }\n        .mj-pill-green[_ngcontent-%COMP%] { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mj-pill-blue[_ngcontent-%COMP%] { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-company-overview-grid[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 16px;\n        }\n        .mj-overview-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-card, #141f36);\n            border: 1px solid var(--mj-border-default, #223254);\n            border-radius: 10px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .mj-card-header[_ngcontent-%COMP%] {\n            padding: 10px 14px;\n            background: var(--mj-bg-surface, #111a2e);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mj-card-title[_ngcontent-%COMP%] {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary, #f8fafc);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .mj-card-badge[_ngcontent-%COMP%] {\n            font-size: 11px;\n            padding: 2px 7px;\n            border-radius: 9999px;\n            background: var(--mj-bg-surface-elevated, #1a2744);\n            color: var(--mj-text-secondary, #94a3b8);\n            border: 1px solid var(--mj-border-default, #223254);\n        }\n        .mj-card-body[_ngcontent-%COMP%] {\n            padding: 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .mj-metric-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n        }\n        .mj-metric-label[_ngcontent-%COMP%] { color: var(--mj-text-secondary, #94a3b8); }\n        .mj-metric-val[_ngcontent-%COMP%] { font-weight: 600; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n        .mj-load-error[_ngcontent-%COMP%] { font-size: 12px; color: var(--mj-status-error); }\n        .mj-pill[_ngcontent-%COMP%] { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }\n        .mj-pill-green[_ngcontent-%COMP%] { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mj-pill-blue[_ngcontent-%COMP%] { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }"], changeDetection: 0 }); }
 };
 CompanyOverviewPanel = __decorate([
     RegisterClassEx(BaseFormPanel, {
-        key: 'form-panel:Companies:overview',
+        key: 'form-panel:MJ: Companies:overview',
         metadata: {
-            entity: 'Companies',
+            entity: 'MJ: Companies',
             slot: 'before-fields',
             sortKey: 10,
         },
@@ -136,10 +163,14 @@ export { CompanyOverviewPanel };
             <div class="mj-overview-card">
                 <div class="mj-card-header">
                     <div class="mj-card-title"><i class="fa-solid fa-users" style="color: var(--mj-brand-primary, #38bdf8);"></i> Company Team</div>
-                    <span class="mj-card-badge">{{ Employees.length }} Members</span>
+                    @if (!LoadError) {
+                        <span class="mj-card-badge">{{ Employees.length }} Members</span>
+                    }
                 </div>
                 <div class="mj-card-body">
-                    @if (Employees.length === 0) {
+                    @if (LoadError) {
+                        <span class="mj-load-error">{{ LoadError }}</span>
+                    } @else if (Employees.length === 0) {
                         <span style="font-size: 12px; color: var(--mj-text-muted);">No employees assigned directly to this company.</span>
                     } @else {
                         @for (emp of Employees; track emp.ID) {
@@ -174,7 +205,7 @@ export { CompanyOverviewPanel };
                 </div>
             </div>
         </div>
-    `, styles: ["\n        :host { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-company-overview-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 16px;\n        }\n        .mj-overview-card {\n            background: var(--mj-bg-surface-card, #141f36);\n            border: 1px solid var(--mj-border-default, #223254);\n            border-radius: 10px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .mj-card-header {\n            padding: 10px 14px;\n            background: var(--mj-bg-surface, #111a2e);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mj-card-title {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary, #f8fafc);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .mj-card-badge {\n            font-size: 11px;\n            padding: 2px 7px;\n            border-radius: 9999px;\n            background: var(--mj-bg-surface-elevated, #1a2744);\n            color: var(--mj-text-secondary, #94a3b8);\n            border: 1px solid var(--mj-border-default, #223254);\n        }\n        .mj-card-body {\n            padding: 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .mj-metric-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n        }\n        .mj-metric-label { color: var(--mj-text-secondary, #94a3b8); }\n        .mj-metric-val { font-weight: 600; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n        .mj-pill { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }\n        .mj-pill-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mj-pill-blue { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\n    "] }]
+    `, styles: ["\n        :host { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-company-overview-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 16px;\n        }\n        .mj-overview-card {\n            background: var(--mj-bg-surface-card, #141f36);\n            border: 1px solid var(--mj-border-default, #223254);\n            border-radius: 10px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .mj-card-header {\n            padding: 10px 14px;\n            background: var(--mj-bg-surface, #111a2e);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mj-card-title {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary, #f8fafc);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .mj-card-badge {\n            font-size: 11px;\n            padding: 2px 7px;\n            border-radius: 9999px;\n            background: var(--mj-bg-surface-elevated, #1a2744);\n            color: var(--mj-text-secondary, #94a3b8);\n            border: 1px solid var(--mj-border-default, #223254);\n        }\n        .mj-card-body {\n            padding: 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .mj-metric-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n        }\n        .mj-metric-label { color: var(--mj-text-secondary, #94a3b8); }\n        .mj-metric-val { font-weight: 600; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n        .mj-load-error { font-size: 12px; color: var(--mj-status-error); }\n        .mj-pill { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }\n        .mj-pill-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mj-pill-blue { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\n    "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyOverviewPanel, { className: "CompanyOverviewPanel", filePath: "src/lib/custom/Companies/company-overview.panel.ts", lineNumber: 131 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyOverviewPanel, { className: "CompanyOverviewPanel", filePath: "src/lib/custom/Companies/company-overview.panel.ts", lineNumber: 136 }); })();
 //# sourceMappingURL=company-overview.panel.js.map

package/dist/lib/custom/Companies/company-overview.panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"company-overview.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-overview.panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ChangeDetectionStrategy, OnInit, inject, ChangeDetectorRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RunView } from '@memberjunction/core';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJCompanyEntity } from '@memberjunction/core-entities';\n\ninterface EmployeeRow {\n    ID: string;\n    FirstName: string;\n    LastName: string;\n    Title: string;\n}\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:Companies:overview',\n    metadata: {\n        entity: 'Companies',\n        slot: 'before-fields',\n        sortKey: 10,\n    },\n})\n@Component({\n    selector: 'mj-company-overview-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <div class=\"mj-company-overview-grid\">\n            <!-- Card 1: Team & Staff -->\n            <div class=\"mj-overview-card\">\n                <div class=\"mj-card-header\">\n                    <div class=\"mj-card-title\"><i class=\"fa-solid fa-users\" style=\"color: var(--mj-brand-primary, #38bdf8);\"></i> Company Team</div>\n                    <span class=\"mj-card-badge\">{{ Employees.length }} Members</span>\n                </div>\n                <div class=\"mj-card-body\">\n                    @if (Employees.length === 0) {\n                        <span style=\"font-size: 12px; color: var(--mj-text-muted);\">No employees assigned directly to this company.</span>\n                    } @else {\n                        @for (emp of Employees; track emp.ID) {\n                            <div class=\"mj-metric-row\">\n                                <span class=\"mj-metric-label\">{{ emp.FirstName }} {{ emp.LastName }}</span>\n                                <span class=\"mj-pill mj-pill-blue\">{{ emp.Title || 'Staff' }}</span>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- Card 2: Company Setup & Profile -->\n            <div class=\"mj-overview-card\">\n                <div class=\"mj-card-header\">\n                    <div class=\"mj-card-title\"><i class=\"fa-solid fa-building-shield\" style=\"color: #10b981;\"></i> Company Governance</div>\n                    <span class=\"mj-card-badge\">Profile</span>\n                </div>\n                <div class=\"mj-card-body\">\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Company Name</span>\n                        <span class=\"mj-metric-val\">{{ Company?.Name }}</span>\n                    </div>\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Website</span>\n                        <span class=\"mj-metric-val\">{{ Company?.Website || 'None Listed' }}</span>\n                    </div>\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Record Type</span>\n                        <span class=\"mj-pill mj-pill-green\">Corporate Entity</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    `,\n    styles: [`\n        :host { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-company-overview-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 16px;\n        }\n        .mj-overview-card {\n            background: var(--mj-bg-surface-card, #141f36);\n            border: 1px solid var(--mj-border-default, #223254);\n            border-radius: 10px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .mj-card-header {\n            padding: 10px 14px;\n            background: var(--mj-bg-surface, #111a2e);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mj-card-title {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary, #f8fafc);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .mj-card-badge {\n            font-size: 11px;\n            padding: 2px 7px;\n            border-radius: 9999px;\n            background: var(--mj-bg-surface-elevated, #1a2744);\n            color: var(--mj-text-secondary, #94a3b8);\n            border: 1px solid var(--mj-border-default, #223254);\n        }\n        .mj-card-body {\n            padding: 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .mj-metric-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n        }\n        .mj-metric-label { color: var(--mj-text-secondary, #94a3b8); }\n        .mj-metric-val { font-weight: 600; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n        .mj-pill { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }\n        .mj-pill-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mj-pill-blue { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\n    `]\n})\nexport class CompanyOverviewPanel extends BaseFormPanel<MJCompanyEntity> implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n    public Employees: EmployeeRow[] = [];\n\n    public get Company(): MJCompanyEntity | null {\n        return this.Record;\n    }\n\n    public ngOnInit(): void {\n        this.loadEmployees();\n    }\n\n    private async loadEmployees(): Promise<void> {\n        if (!this.Record?.ID) return;\n        try {\n            const rv = new RunView();\n            const res = await rv.RunView<EmployeeRow>({\n                EntityName: 'Employees',\n                ExtraFilter: `CompanyID = '${this.Record.ID}'`,\n                Fields: ['ID', 'FirstName', 'LastName', 'Title'],\n                MaxRows: 20,\n                ResultType: 'simple'\n            });\n            if (res.Success && res.Results) {\n                this.Employees = res.Results;\n                this.cdr.markForCheck();\n            }\n        } catch (e) {\n            console.error('Failed to load company employees:', e);\n        }\n    }\n}\n"]}
+{"version":3,"file":"company-overview.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/Companies/company-overview.panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ChangeDetectionStrategy, OnInit, inject, ChangeDetectorRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RunView } from '@memberjunction/core';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJCompanyEntity } from '@memberjunction/core-entities';\n\ninterface EmployeeRow {\n    ID: string;\n    FirstName: string;\n    LastName: string;\n    Title: string;\n}\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:MJ: Companies:overview',\n    metadata: {\n        entity: 'MJ: Companies',\n        slot: 'before-fields',\n        sortKey: 10,\n    },\n})\n@Component({\n    selector: 'mj-company-overview-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <div class=\"mj-company-overview-grid\">\n            <!-- Card 1: Team & Staff -->\n            <div class=\"mj-overview-card\">\n                <div class=\"mj-card-header\">\n                    <div class=\"mj-card-title\"><i class=\"fa-solid fa-users\" style=\"color: var(--mj-brand-primary, #38bdf8);\"></i> Company Team</div>\n                    @if (!LoadError) {\n                        <span class=\"mj-card-badge\">{{ Employees.length }} Members</span>\n                    }\n                </div>\n                <div class=\"mj-card-body\">\n                    @if (LoadError) {\n                        <span class=\"mj-load-error\">{{ LoadError }}</span>\n                    } @else if (Employees.length === 0) {\n                        <span style=\"font-size: 12px; color: var(--mj-text-muted);\">No employees assigned directly to this company.</span>\n                    } @else {\n                        @for (emp of Employees; track emp.ID) {\n                            <div class=\"mj-metric-row\">\n                                <span class=\"mj-metric-label\">{{ emp.FirstName }} {{ emp.LastName }}</span>\n                                <span class=\"mj-pill mj-pill-blue\">{{ emp.Title || 'Staff' }}</span>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- Card 2: Company Setup & Profile -->\n            <div class=\"mj-overview-card\">\n                <div class=\"mj-card-header\">\n                    <div class=\"mj-card-title\"><i class=\"fa-solid fa-building-shield\" style=\"color: #10b981;\"></i> Company Governance</div>\n                    <span class=\"mj-card-badge\">Profile</span>\n                </div>\n                <div class=\"mj-card-body\">\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Company Name</span>\n                        <span class=\"mj-metric-val\">{{ Company?.Name }}</span>\n                    </div>\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Website</span>\n                        <span class=\"mj-metric-val\">{{ Company?.Website || 'None Listed' }}</span>\n                    </div>\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Record Type</span>\n                        <span class=\"mj-pill mj-pill-green\">Corporate Entity</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    `,\n    styles: [`\n        :host { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-company-overview-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 16px;\n        }\n        .mj-overview-card {\n            background: var(--mj-bg-surface-card, #141f36);\n            border: 1px solid var(--mj-border-default, #223254);\n            border-radius: 10px;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .mj-card-header {\n            padding: 10px 14px;\n            background: var(--mj-bg-surface, #111a2e);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n        .mj-card-title {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary, #f8fafc);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .mj-card-badge {\n            font-size: 11px;\n            padding: 2px 7px;\n            border-radius: 9999px;\n            background: var(--mj-bg-surface-elevated, #1a2744);\n            color: var(--mj-text-secondary, #94a3b8);\n            border: 1px solid var(--mj-border-default, #223254);\n        }\n        .mj-card-body {\n            padding: 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        .mj-metric-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 12px;\n        }\n        .mj-metric-label { color: var(--mj-text-secondary, #94a3b8); }\n        .mj-metric-val { font-weight: 600; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n        .mj-load-error { font-size: 12px; color: var(--mj-status-error); }\n        .mj-pill { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }\n        .mj-pill-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mj-pill-blue { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\n    `]\n})\nexport class CompanyOverviewPanel extends BaseFormPanel<MJCompanyEntity> implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n    public Employees: EmployeeRow[] = [];\n    /** Set when the query fails, so the card shows the failure instead of an empty list. */\n    public LoadError: string | null = null;\n\n    public get Company(): MJCompanyEntity | null {\n        return this.Record;\n    }\n\n    public ngOnInit(): void {\n        this.loadEmployees();\n    }\n\n    private async loadEmployees(): Promise<void> {\n        if (!this.Record?.ID) return;\n        try {\n            const rv = new RunView();\n            const res = await rv.RunView<EmployeeRow>({\n                EntityName: 'MJ: Employees',\n                ExtraFilter: `CompanyID = '${this.Record.ID}'`,\n                Fields: ['ID', 'FirstName', 'LastName', 'Title'],\n                MaxRows: 20,\n                ResultType: 'simple'\n            });\n            if (res.Success) {\n                this.Employees = res.Results ?? [];\n            } else {\n                this.showLoadError(res.ErrorMessage);\n            }\n        } catch (e) {\n            console.error('Failed to load company employees:', e);\n            this.showLoadError(e instanceof Error ? e.message : undefined);\n        }\n        this.cdr.markForCheck();\n    }\n\n    /** Shows a short \"could not load\" line, with the underlying message when there is one. */\n    private showLoadError(detail: string | undefined): void {\n        this.LoadError = detail ? `Could not load employees: ${detail}` : 'Could not load employees.';\n    }\n}\n"]}

package/dist/lib/custom/Conversations/conversation-header.panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-header.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Conversations/conversation-header.panel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAkB,MAAM,+BAA+B,CAAC;;AAIrF,qBAmFa,uBAAwB,SAAQ,aAAa,CAAC,oBAAoB,CAAC;IACrE,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAKvB,IAAW,YAAY,IAAI,oBAAoB,GAAG,IAAI,CAErD;IAEM,eAAe,IAAI,IAAI;yCAZrB,uBAAuB;2CAAvB,uBAAuB;CAgBnC"}
+{"version":3,"file":"conversation-header.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Conversations/conversation-header.panel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAkB,MAAM,+BAA+B,CAAC;;AAIrF,qBAuFa,uBAAwB,SAAQ,aAAa,CAAC,oBAAoB,CAAC;IACrE,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAKvB,IAAW,YAAY,IAAI,oBAAoB,GAAG,IAAI,CAErD;IAEM,eAAe,IAAI,IAAI;yCAZrB,uBAAuB;2CAAvB,uBAAuB;CAgBnC"}

package/dist/lib/custom/Conversations/conversation-header.panel.js

@@ -95,11 +95,15 @@ let ConversationHeaderPanel = class ConversationHeaderPanel extends BaseFormPane
 };
 ConversationHeaderPanel = __decorate([
     RegisterClassEx(BaseFormPanel, {
-        key: 'form-panel:Conversations:header',
+        key: 'form-panel:MJ: Conversations:header',
         metadata: {
-            entity: 'Conversations',
-            slot: 'header',
-            sortKey: 10,
+            entity: 'MJ: Conversations',
+            // A hero is a bare strip in before-fields. Its sortKey is above the overview's
+            // (higher draws first), so it draws above the overview cards.
+            slot: 'before-fields',
+            presentation: 'bare',
+            contributionKey: 'conversations:header',
+            sortKey: 20,
         },
     })
 ], ConversationHeaderPanel);
@@ -146,5 +150,5 @@ export { ConversationHeaderPanel };
         }
     `, styles: ["\n        :host { display: block; width: 100%; }\n        .mj-entity-hero-header {\n            background: linear-gradient(180deg, var(--mj-bg-surface, #111a2e) 0%, var(--mj-bg-surface-card, #141f36) 100%);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            padding: 16px 24px;\n        }\n        .mj-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar {\n            width: 44px; height: 44px; border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 18px; color: #fff; flex-shrink: 0;\n        }\n        .mj-hero-title { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; display: flex; gap: 8px; align-items: center; }\n        .mj-hero-toggle-btn {\n            background: none; border: 1px solid var(--mj-border-default, #223254);\n            color: var(--mj-text-muted, #64748b); border-radius: 6px;\n            padding: 6px 10px; cursor: pointer;\n        }\n        .mj-hero-metrics-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px; margin-top: 14px; padding-top: 12px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .mj-hero-metric { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n    "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationHeaderPanel, { className: "ConversationHeaderPanel", filePath: "src/lib/custom/Conversations/conversation-header.panel.ts", lineNumber: 92 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationHeaderPanel, { className: "ConversationHeaderPanel", filePath: "src/lib/custom/Conversations/conversation-header.panel.ts", lineNumber: 96 }); })();
 //# sourceMappingURL=conversation-header.panel.js.map

package/dist/lib/custom/Conversations/conversation-header.panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-header.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/Conversations/conversation-header.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAwB,cAAc,EAAE,MAAM,+BAA+B,CAAC;;;;IA4CzD,AADJ,AADJ,kCAAiC,cACD,eACW;IAAA,+BAAe;IAAA,oBAAO;IACzD,mCAAiC;IAAA,YAAsC;IAC3E,AAD2E,oBAAO,EAC5E;IAEF,AADJ,kCAA4B,eACW;IAAA,sBAAM;IAAA,oBAAO;IAChD,mCAAyD;IAAA,+BAAc;IAE/E,AADI,AAD2E,oBAAO,EAC5E,EACJ;;;IANmC,eAAsC;IAAtC,oGAAsC;;;;IAvB3E,AADJ,AADJ,AADJ,iCAAmC,aACN,aACS,aACiE;IACvF,0BAAoC;IACxC,oBAAM;IAEF,AADJ,8BAAK,YACyB;IAAA,YAA4C;IAAA,oBAAK;IAEvE,AADJ,iCAA6B,WACnB;IAAA,aAA+C;IAAA,oBAAO;IAC5D,gCAAM;IAAA,uBAAC;IAAA,oBAAO;IACd,gCAAM;IAAA,aAAqD;;IAGvE,AADI,AADI,AAD+D,oBAAO,EAChE,EACJ,EACJ;IAEF,AADJ,kCAA6B,iBACgH;IAAxF,+LAAS,wBAAiB,KAAC;IACxE,2BAAmG;IAG/G,AADI,AADI,oBAAS,EACP,EACJ;IAEN,2GAAoB;IAYxB,oBAAM;;;IA3BoC,eAA4C;IAA5C,mEAA4C;IAE5D,eAA+C;IAA/C,2EAA+C;IAE/C,eAAqD;IAArD,kGAAqD;IAKU,eAA2D;IAA3D,mFAA2D;IAChH,cAAoC;IAAC,AAArC,oDAAoC,uCAAsC;IAK1G,cAWC;IAXD,+CAWC;;AAlDjB,MAAM,WAAW,GAAG,uCAAuC,CAAC;AAqFrD,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,aAAmC;IAAzE;;QACI,gBAAW,GAAG,KAAK,CAAC;KAe9B;IAbU,QAAQ;QACX,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,GAAG;YAAE,IAAI,CAAC,WAAW,GAAG,GAAG,KAAK,MAAM,CAAC;IAC/C,CAAC;IAED,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,eAAe;QAClB,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACrC,cAAc,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACvF,CAAC;gRAfQ,uBAAuB,yBAAvB,uBAAuB;oEAAvB,uBAAuB;YArE5B,2FAAoB;;YAApB,2CAoCC;4BAvCK,YAAY;;AAwEb,uBAAuB;IAnFnC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,iCAAiC;QACtC,QAAQ,EAAE;YACN,MAAM,EAAE,eAAe;YACvB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,EAAE;SACd;KACJ,CAAC;GA4EW,uBAAuB,CAgBnC;;iFAhBY,uBAAuB;cA3EnC,SAAS;2BACI,8BAA8B,cAC5B,IAAI,WACP,CAAC,YAAY,CAAC,mBACN,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCT;;kFAgCQ,uBAAuB","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJConversationEntity, UserInfoEngine } from '@memberjunction/core-entities';\n\nconst SETTING_KEY = 'mj.form.conversations.headerCollapsed';\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:Conversations:header',\n    metadata: {\n        entity: 'Conversations',\n        slot: 'header',\n        sortKey: 10,\n    },\n})\n@Component({\n    selector: 'mj-conversation-header-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (Conversation) {\n            <div class=\"mj-entity-hero-header\">\n                <div class=\"mj-hero-top\">\n                    <div class=\"mj-hero-identity\">\n                        <div class=\"mj-hero-avatar\" style=\"background: linear-gradient(135deg, #38bdf8, #0284c7);\">\n                            <i class=\"fa-solid fa-comments\"></i>\n                        </div>\n                        <div>\n                            <h1 class=\"mj-hero-title\">{{ Conversation.Name || 'AI Conversation' }}</h1>\n                            <div class=\"mj-hero-subline\">\n                                <span>User: {{ Conversation.User || 'User Session' }}</span>\n                                <span>•</span>\n                                <span>Created: {{ Conversation.CreatedAt | date:'medium' }}</span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"mj-hero-actions\">\n                        <button type=\"button\" class=\"mj-hero-toggle-btn\" (click)=\"ToggleCollapsed()\" [title]=\"IsCollapsed ? 'Expand Header' : 'Collapse Header'\">\n                            <i class=\"fa-solid\" [class.fa-chevron-up]=\"!IsCollapsed\" [class.fa-chevron-down]=\"IsCollapsed\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                @if (!IsCollapsed) {\n                    <div class=\"mj-hero-metrics-row\">\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Conversation ID</span>\n                            <span class=\"mj-hero-metric-val\">{{ Conversation.ID?.substring(0, 8) }}</span>\n                        </div>\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Status</span>\n                            <span class=\"mj-hero-metric-val\" style=\"color: #38bdf8;\">Active Session</span>\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    `,\n    styles: [`\n        :host { display: block; width: 100%; }\n        .mj-entity-hero-header {\n            background: linear-gradient(180deg, var(--mj-bg-surface, #111a2e) 0%, var(--mj-bg-surface-card, #141f36) 100%);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            padding: 16px 24px;\n        }\n        .mj-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar {\n            width: 44px; height: 44px; border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 18px; color: #fff; flex-shrink: 0;\n        }\n        .mj-hero-title { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; display: flex; gap: 8px; align-items: center; }\n        .mj-hero-toggle-btn {\n            background: none; border: 1px solid var(--mj-border-default, #223254);\n            color: var(--mj-text-muted, #64748b); border-radius: 6px;\n            padding: 6px 10px; cursor: pointer;\n        }\n        .mj-hero-metrics-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px; margin-top: 14px; padding-top: 12px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .mj-hero-metric { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n    `]\n})\nexport class ConversationHeaderPanel extends BaseFormPanel<MJConversationEntity> {\n    public IsCollapsed = false;\n\n    public ngOnInit(): void {\n        const raw = UserInfoEngine.Instance.GetSetting(SETTING_KEY);\n        if (raw) this.IsCollapsed = raw === 'true';\n    }\n\n    public get Conversation(): MJConversationEntity | null {\n        return this.Record;\n    }\n\n    public ToggleCollapsed(): void {\n        this.IsCollapsed = !this.IsCollapsed;\n        UserInfoEngine.Instance.SetSettingDebounced(SETTING_KEY, String(this.IsCollapsed));\n    }\n}\n"]}
+{"version":3,"file":"conversation-header.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/Conversations/conversation-header.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAwB,cAAc,EAAE,MAAM,+BAA+B,CAAC;;;;IAgDzD,AADJ,AADJ,kCAAiC,cACD,eACW;IAAA,+BAAe;IAAA,oBAAO;IACzD,mCAAiC;IAAA,YAAsC;IAC3E,AAD2E,oBAAO,EAC5E;IAEF,AADJ,kCAA4B,eACW;IAAA,sBAAM;IAAA,oBAAO;IAChD,mCAAyD;IAAA,+BAAc;IAE/E,AADI,AAD2E,oBAAO,EAC5E,EACJ;;;IANmC,eAAsC;IAAtC,oGAAsC;;;;IAvB3E,AADJ,AADJ,AADJ,iCAAmC,aACN,aACS,aACiE;IACvF,0BAAoC;IACxC,oBAAM;IAEF,AADJ,8BAAK,YACyB;IAAA,YAA4C;IAAA,oBAAK;IAEvE,AADJ,iCAA6B,WACnB;IAAA,aAA+C;IAAA,oBAAO;IAC5D,gCAAM;IAAA,uBAAC;IAAA,oBAAO;IACd,gCAAM;IAAA,aAAqD;;IAGvE,AADI,AADI,AAD+D,oBAAO,EAChE,EACJ,EACJ;IAEF,AADJ,kCAA6B,iBACgH;IAAxF,+LAAS,wBAAiB,KAAC;IACxE,2BAAmG;IAG/G,AADI,AADI,oBAAS,EACP,EACJ;IAEN,2GAAoB;IAYxB,oBAAM;;;IA3BoC,eAA4C;IAA5C,mEAA4C;IAE5D,eAA+C;IAA/C,2EAA+C;IAE/C,eAAqD;IAArD,kGAAqD;IAKU,eAA2D;IAA3D,mFAA2D;IAChH,cAAoC;IAAC,AAArC,oDAAoC,uCAAsC;IAK1G,cAWC;IAXD,+CAWC;;AAtDjB,MAAM,WAAW,GAAG,uCAAuC,CAAC;AAyFrD,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,aAAmC;IAAzE;;QACI,gBAAW,GAAG,KAAK,CAAC;KAe9B;IAbU,QAAQ;QACX,MAAM,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAC5D,IAAI,GAAG;YAAE,IAAI,CAAC,WAAW,GAAG,GAAG,KAAK,MAAM,CAAC;IAC/C,CAAC;IAED,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,eAAe;QAClB,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;QACrC,cAAc,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACvF,CAAC;gRAfQ,uBAAuB,yBAAvB,uBAAuB;oEAAvB,uBAAuB;YArE5B,2FAAoB;;YAApB,2CAoCC;4BAvCK,YAAY;;AAwEb,uBAAuB;IAvFnC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,qCAAqC;QAC1C,QAAQ,EAAE;YACN,MAAM,EAAE,mBAAmB;YAC3B,+EAA+E;YAC/E,8DAA8D;YAC9D,IAAI,EAAE,eAAe;YACrB,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,sBAAsB;YACvC,OAAO,EAAE,EAAE;SACd;KACJ,CAAC;GA4EW,uBAAuB,CAgBnC;;iFAhBY,uBAAuB;cA3EnC,SAAS;2BACI,8BAA8B,cAC5B,IAAI,WACP,CAAC,YAAY,CAAC,mBACN,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCT;;kFAgCQ,uBAAuB","sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJConversationEntity, UserInfoEngine } from '@memberjunction/core-entities';\n\nconst SETTING_KEY = 'mj.form.conversations.headerCollapsed';\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:MJ: Conversations:header',\n    metadata: {\n        entity: 'MJ: Conversations',\n        // A hero is a bare strip in before-fields. Its sortKey is above the overview's\n        // (higher draws first), so it draws above the overview cards.\n        slot: 'before-fields',\n        presentation: 'bare',\n        contributionKey: 'conversations:header',\n        sortKey: 20,\n    },\n})\n@Component({\n    selector: 'mj-conversation-header-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (Conversation) {\n            <div class=\"mj-entity-hero-header\">\n                <div class=\"mj-hero-top\">\n                    <div class=\"mj-hero-identity\">\n                        <div class=\"mj-hero-avatar\" style=\"background: linear-gradient(135deg, #38bdf8, #0284c7);\">\n                            <i class=\"fa-solid fa-comments\"></i>\n                        </div>\n                        <div>\n                            <h1 class=\"mj-hero-title\">{{ Conversation.Name || 'AI Conversation' }}</h1>\n                            <div class=\"mj-hero-subline\">\n                                <span>User: {{ Conversation.User || 'User Session' }}</span>\n                                <span>•</span>\n                                <span>Created: {{ Conversation.CreatedAt | date:'medium' }}</span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"mj-hero-actions\">\n                        <button type=\"button\" class=\"mj-hero-toggle-btn\" (click)=\"ToggleCollapsed()\" [title]=\"IsCollapsed ? 'Expand Header' : 'Collapse Header'\">\n                            <i class=\"fa-solid\" [class.fa-chevron-up]=\"!IsCollapsed\" [class.fa-chevron-down]=\"IsCollapsed\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                @if (!IsCollapsed) {\n                    <div class=\"mj-hero-metrics-row\">\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Conversation ID</span>\n                            <span class=\"mj-hero-metric-val\">{{ Conversation.ID?.substring(0, 8) }}</span>\n                        </div>\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Status</span>\n                            <span class=\"mj-hero-metric-val\" style=\"color: #38bdf8;\">Active Session</span>\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    `,\n    styles: [`\n        :host { display: block; width: 100%; }\n        .mj-entity-hero-header {\n            background: linear-gradient(180deg, var(--mj-bg-surface, #111a2e) 0%, var(--mj-bg-surface-card, #141f36) 100%);\n            border-bottom: 1px solid var(--mj-border-default, #223254);\n            padding: 16px 24px;\n        }\n        .mj-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar {\n            width: 44px; height: 44px; border-radius: 10px;\n            display: flex; align-items: center; justify-content: center;\n            font-size: 18px; color: #fff; flex-shrink: 0;\n        }\n        .mj-hero-title { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; display: flex; gap: 8px; align-items: center; }\n        .mj-hero-toggle-btn {\n            background: none; border: 1px solid var(--mj-border-default, #223254);\n            color: var(--mj-text-muted, #64748b); border-radius: 6px;\n            padding: 6px 10px; cursor: pointer;\n        }\n        .mj-hero-metrics-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n            gap: 12px; margin-top: 14px; padding-top: 12px;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n        .mj-hero-metric { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }\n    `]\n})\nexport class ConversationHeaderPanel extends BaseFormPanel<MJConversationEntity> {\n    public IsCollapsed = false;\n\n    public ngOnInit(): void {\n        const raw = UserInfoEngine.Instance.GetSetting(SETTING_KEY);\n        if (raw) this.IsCollapsed = raw === 'true';\n    }\n\n    public get Conversation(): MJConversationEntity | null {\n        return this.Record;\n    }\n\n    public ToggleCollapsed(): void {\n        this.IsCollapsed = !this.IsCollapsed;\n        UserInfoEngine.Instance.SetSettingDebounced(SETTING_KEY, String(this.IsCollapsed));\n    }\n}\n"]}

package/dist/lib/custom/Conversations/conversation-overview.panel.d.ts

@@ -1,21 +1,42 @@
 import { OnInit } from '@angular/core';
 import { BaseFormPanel } from '@memberjunction/ng-base-forms';
-import { MJConversationEntity } from '@memberjunction/core-entities';
+import { MJConversationDetailEntity, MJConversationEntity } from '@memberjunction/core-entities';
 import * as i0 from "@angular/core";
 interface ConversationDetailRow {
     ID: string;
-    Role: string;
+    Role: MJConversationDetailEntity['Role'];
     Message: string;
     CreatedAt: string;
 }
 export declare class ConversationOverviewPanel extends BaseFormPanel<MJConversationEntity> implements OnInit {
     private cdr;
+    /** The newest messages in Main, newest first. */
     Messages: ConversationDetailRow[];
+    /** Messages in Main. */
+    TotalMessageCount: number;
+    /** User messages in Main. */
+    UserMessageCount: number;
+    /** AI messages in Main. */
+    AgentMessageCount: number;
+    /** Forks of the conversation. */
+    ForkCount: number;
+    /** Set when a read fails, so the cards show the failure instead of zero messages. */
+    LoadError: string | null;
     ngOnInit(): void;
-    get UserMessageCount(): number;
-    get AgentMessageCount(): number;
+    /** A turn the user sent. `Role` is stored as 'User', 'AI' or 'Error'. */
+    protected IsUserTurn(detail: ConversationDetailRow): boolean;
+    /** A turn an agent sent. An 'Error' turn is neither a user turn nor an agent turn. */
+    protected IsAgentTurn(detail: ConversationDetailRow): boolean;
     get RecentMessages(): ConversationDetailRow[];
+    /** The host form's provider, or the default provider when the panel has no host form. */
+    private get providerToUse();
+    /**
+     * Loads the counts and newest messages in Main, and the conversation's fork count, in one
+     * batch. When a detail read fails, the cards show the failure.
+     */
     private loadConversationMessages;
+    /** Shows a short "could not load" line, with the underlying message when there is one. */
+    private showLoadError;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationOverviewPanel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConversationOverviewPanel, "mj-conversation-overview-panel", never, {}, {}, never, never, true, never>;
 }

package/dist/lib/custom/Conversations/conversation-overview.panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-overview.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Conversations/conversation-overview.panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,MAAM,EAA6B,MAAM,eAAe,CAAC;AAItG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErE,UAAU,qBAAqB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,qBAwHa,yBAA0B,SAAQ,aAAa,CAAC,oBAAoB,CAAE,YAAW,MAAM;IAChG,OAAO,CAAC,GAAG,CAA6B;IACjC,QAAQ,EAAE,qBAAqB,EAAE,CAAM;IAEvC,QAAQ,IAAI,IAAI;IAIvB,IAAW,gBAAgB,IAAI,MAAM,CAEpC;IAED,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED,IAAW,cAAc,IAAI,qBAAqB,EAAE,CAEnD;YAEa,wBAAwB;yCApB7B,yBAAyB;2CAAzB,yBAAyB;CAwCrC"}
+{"version":3,"file":"conversation-overview.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Conversations/conversation-overview.panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,MAAM,EAA6B,MAAM,eAAe,CAAC;AAItG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAsB,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErH,UAAU,qBAAqB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACrB;AAKD,qBAqIa,yBAA0B,SAAQ,aAAa,CAAC,oBAAoB,CAAE,YAAW,MAAM;IAChG,OAAO,CAAC,GAAG,CAA6B;IACxC,iDAAiD;IAC1C,QAAQ,EAAE,qBAAqB,EAAE,CAAM;IAC9C,wBAAwB;IACjB,iBAAiB,SAAK;IAC7B,6BAA6B;IACtB,gBAAgB,SAAK;IAC5B,2BAA2B;IACpB,iBAAiB,SAAK;IAC7B,iCAAiC;IAC1B,SAAS,SAAK;IACrB,qFAAqF;IAC9E,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,QAAQ,IAAI,IAAI;IAIvB,yEAAyE;IACzE,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,qBAAqB,GAAG,OAAO;IAI5D,sFAAsF;IACtF,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,qBAAqB,GAAG,OAAO;IAI7D,IAAW,cAAc,IAAI,qBAAqB,EAAE,CAEnD;IAED,yFAAyF;IACzF,OAAO,KAAK,aAAa,GAExB;IAED;;;OAGG;YACW,wBAAwB;IAuDtC,0FAA0F;IAC1F,OAAO,CAAC,aAAa;yCAlGZ,yBAAyB;2CAAzB,yBAAyB;CAqGrC"}