@memberjunction/ng-core-entity-forms 6.2.0 → 6.3.0-edge.0

package/README.md

@@ -24,7 +24,7 @@ npm install @memberjunction/ng-core-entity-forms
 - @memberjunction/core
 - @memberjunction/core-entities
 - @memberjunction/ng-base-forms
-- Various MemberJunction and Kendo UI components
+- Various MemberJunction UI components
 
 ## Usage
 
@@ -162,7 +162,7 @@ In doubt: "generated form + extras" → Pattern 1. "generated form is the wrong
   - `{entity-name}-form.component.html` (template)
 - **Inheritance**: Extend generated form components (e.g., `TemplateFormComponent`) which inherit from `BaseFormComponent`
 - **Registration**: Use `@RegisterClass(BaseFormComponent, 'EntityName')` decorator
-- **Module Integration**: Add to `custom-forms.module.ts` declarations, exports, and import required Kendo modules
+- **Module Integration**: Add to `custom-forms.module.ts` declarations, exports, and import required MJ modules
 
 ### **Entity & Data Management**
 - **Strong Typing**: Never use `any` - always use proper entity types (`TemplateEntity`, `TemplateCategoryEntity`)
@@ -173,7 +173,7 @@ In doubt: "generated form + extras" → Pattern 1. "generated form is the wrong
 ### **Angular Best Practices**
 - **Modern Syntax**: Always use `@if`, `@for`, `@switch` instead of structural directives
 - **Track Functions**: Include `track` in `@for` loops for performance
-- **Component Integration**: Use Kendo UI components for consistency (textbox, textarea, dropdownlist, combobox, numerictextbox, button)
+- **Component Integration**: Use MJ UI components for consistency (`mj-input`, `mj-textarea`, `mj-dropdown`, `mj-combobox`, `mj-numeric-input`, `button mjButton`)
 
 ### **Save Lifecycle & Validation**
 - **Override SaveRecord()**: Handle complex saving by overriding `SaveRecord(StopEditModeAfterSave: boolean)`
@@ -264,9 +264,8 @@ Each entity form typically follows this structure:
 - @memberjunction/ng-code-editor
 - @memberjunction/ng-timeline
 - @memberjunction/ng-join-grid
-- @progress/kendo-angular-grid
-- @progress/kendo-angular-dropdowns
-- @progress/kendo-angular-dialog
+- `ag-grid-angular`
+- `@memberjunction/ng-ui-components`
 
 ### AI & Notification Dependencies
 - @memberjunction/ai

package/dist/lib/custom/AIAgentCategories/ai-agent-category-header.panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-category-header.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAkB,MAAM,+BAA+B,CAAC;;AAIxF,qBAqFa,0BAA2B,SAAQ,aAAa,CAAC,uBAAuB,CAAC;IAC3E,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAKvB,IAAW,QAAQ,IAAI,uBAAuB,GAAG,IAAI,CAEpD;IAEM,eAAe,IAAI,IAAI;yCAZrB,0BAA0B;2CAA1B,0BAA0B;CAgBtC"}
+{"version":3,"file":"ai-agent-category-header.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAkB,MAAM,+BAA+B,CAAC;;AAIxF,qBA2Fa,0BAA2B,SAAQ,aAAa,CAAC,uBAAuB,CAAC;IAC3E,WAAW,UAAS;IAEpB,QAAQ,IAAI,IAAI;IAKvB,IAAW,QAAQ,IAAI,uBAAuB,GAAG,IAAI,CAEpD;IAEM,eAAe,IAAI,IAAI;yCAZrB,0BAA0B;2CAA1B,0BAA0B;CAgBtC"}

package/dist/lib/custom/AIAgentCategories/ai-agent-category-header.panel.js

@@ -81,7 +81,7 @@ let AIAgentCategoryHeaderPanel = class AIAgentCategoryHeaderPanel extends BaseFo
             i0.ɵɵconditionalCreate(0, AIAgentCategoryHeaderPanel_Conditional_0_Template, 15, 8, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.Category ? 0 : -1);
-        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: block; width: 100%; }\n        .mj-entity-hero-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 14px; }\n        .mj-hero-avatar[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline[_ngcontent-%COMP%] { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; }\n        .mj-hero-toggle-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label[_ngcontent-%COMP%] { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val[_ngcontent-%COMP%] { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: block; width: 100%; }\n        .mj-entity-hero-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }\n        .mj-hero-identity[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 14px; }\n        \n\n        .mj-hero-top[_ngcontent-%COMP%], .mj-hero-identity[_ngcontent-%COMP%], .mj-hero-identity[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] { min-width: 0; }\n        .mj-hero-identity[_ngcontent-%COMP%] { flex: 1 1 auto; }\n        .mj-hero-title[_ngcontent-%COMP%] { overflow-wrap: anywhere; }\n        .mj-hero-subline[_ngcontent-%COMP%], .mj-hero-metrics-row[_ngcontent-%COMP%] { flex-wrap: wrap; }\n        .mj-hero-avatar[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] { font-size: 18px; font-weight: 800; color: var(--mj-text-primary, #f8fafc); }\n        .mj-hero-subline[_ngcontent-%COMP%] { font-size: 12.5px; color: var(--mj-text-secondary, #94a3b8); margin-top: 2px; }\n        .mj-hero-toggle-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; }\n        .mj-hero-metric-label[_ngcontent-%COMP%] { font-size: 10.5px; font-weight: 700; color: var(--mj-text-muted, #64748b); text-transform: uppercase; }\n        .mj-hero-metric-val[_ngcontent-%COMP%] { font-size: 14px; font-weight: 700; color: var(--mj-text-primary, #f8fafc); font-family: monospace; }"], changeDetection: 0 }); }
 };
 AIAgentCategoryHeaderPanel = __decorate([
     RegisterClassEx(BaseFormPanel, {
@@ -136,7 +136,7 @@ export { AIAgentCategoryHeaderPanel };
                 }
             </div>
         }
-    `, 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; }\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    "] }]
+    `, 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        /* Let the identity column shrink so a long title (an email, say) wraps instead of pushing\n           the toggle past the edge and making the panel column scroll sideways on a phone. */\n        .mj-hero-top, .mj-hero-identity, .mj-hero-identity > div { min-width: 0; }\n        .mj-hero-identity { flex: 1 1 auto; }\n        .mj-hero-title { overflow-wrap: anywhere; }\n        .mj-hero-subline, .mj-hero-metrics-row { flex-wrap: wrap; }\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; }\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(AIAgentCategoryHeaderPanel, { className: "AIAgentCategoryHeaderPanel", filePath: "src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts", lineNumber: 94 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentCategoryHeaderPanel, { className: "AIAgentCategoryHeaderPanel", filePath: "src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts", lineNumber: 100 }); })();
 //# sourceMappingURL=ai-agent-category-header.panel.js.map

package/dist/lib/custom/AIAgentCategories/ai-agent-category-header.panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-category-header.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAU,MAAM,eAAe,CAAC;AAC3E,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,EAA2B,cAAc,EAAE,MAAM,+BAA+B,CAAC;;;IA8C5D,AADJ,AADJ,kCAAiC,cACD,eACW;IAAA,sBAAM;IAAA,oBAAO;IAChD,mCAAyD;IAAA,8BAAc;IAC3E,AAD2E,oBAAO,EAC5E;IAEF,AADJ,kCAA4B,eACW;IAAA,6BAAa;IAAA,oBAAO;IACvD,mCAAiC;IAAA,aAAkC;IAE3E,AADI,AADuE,oBAAO,EACxE,EACJ;;;IAFmC,gBAAkC;IAAlC,4FAAkC;;;;IAzBvE,AADJ,AADJ,AADJ,iCAAmC,aACN,aACS,aACiE;IACvF,0BAAuC;IAC3C,oBAAM;IAEF,AADJ,8BAAK,YACyB;IAAA,YAA0C;IAAA,oBAAK;IAErE,AADJ,iCAA6B,WACnB;IAAA,aAAyD;IAG3E,AADI,AADI,AADmE,oBAAO,EACpE,EACJ,EACJ;IAEF,AADJ,kCAA6B,iBACgH;IAAxF,kMAAS,wBAAiB,KAAC;IACxE,2BAAmG;IAG/G,AADI,AADI,oBAAS,EACP,EACJ;IAEN,8GAAoB;IAYxB,oBAAM;;;IAzBoC,eAA0C;IAA1C,iEAA0C;IAE1D,eAAyD;IAAzD,gFAAyD;IAKM,eAA2D;IAA3D,mFAA2D;IAChH,cAAoC;IAAC,AAArC,oDAAoC,uCAAsC;IAK1G,cAWC;IAXD,+CAWC;;AApDjB,MAAM,WAAW,GAAG,2CAA2C,CAAC;AAuFzD,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,aAAsC;IAA/E;;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,QAAQ;QACf,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;4RAfQ,0BAA0B,yBAA1B,0BAA0B;oEAA1B,0BAA0B;YAnE/B,6FAAgB;;YAAhB,uCAkCC;4BArCK,YAAY;;AAsEb,0BAA0B;IArFtC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,2CAA2C;QAChD,QAAQ,EAAE;YACN,MAAM,EAAE,yBAAyB;YACjC,+EAA+E;YAC/E,8DAA8D;YAC9D,IAAI,EAAE,eAAe;YACrB,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,4BAA4B;YAC7C,OAAO,EAAE,EAAE;SACd;KACJ,CAAC;GA0EW,0BAA0B,CAgBtC;;iFAhBY,0BAA0B;cAzEtC,SAAS;2BACI,mCAAmC,cACjC,IAAI,WACP,CAAC,YAAY,CAAC,mBACN,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCT;;kFAgCQ,0BAA0B","sourcesContent":["import { Component, ChangeDetectionStrategy, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJAIAgentCategoryEntity, UserInfoEngine } from '@memberjunction/core-entities';\n\nconst SETTING_KEY = 'mj.form.aiAgentCategories.headerCollapsed';\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:MJ: AI Agent Categories:header',\n    metadata: {\n        entity: 'MJ: AI Agent Categories',\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: 'ai-agent-categories:header',\n        sortKey: 20,\n    },\n})\n@Component({\n    selector: 'mj-ai-agent-category-header-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (Category) {\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, #8b5cf6, #6366f1);\">\n                            <i class=\"fa-solid fa-layer-group\"></i>\n                        </div>\n                        <div>\n                            <h1 class=\"mj-hero-title\">{{ Category.Name || 'AI Agent Category' }}</h1>\n                            <div class=\"mj-hero-subline\">\n                                <span>{{ Category.Description || 'Operational Agent Cluster' }}</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\">Status</span>\n                            <span class=\"mj-hero-metric-val\" style=\"color: #10b981;\">Active Cluster</span>\n                        </div>\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Category Code</span>\n                            <span class=\"mj-hero-metric-val\">{{ Category.ID?.substring(0, 8) }}</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; }\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 AIAgentCategoryHeaderPanel extends BaseFormPanel<MJAIAgentCategoryEntity> {\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 Category(): MJAIAgentCategoryEntity | 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":"ai-agent-category-header.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAU,MAAM,eAAe,CAAC;AAC3E,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,EAA2B,cAAc,EAAE,MAAM,+BAA+B,CAAC;;;IA8C5D,AADJ,AADJ,kCAAiC,cACD,eACW;IAAA,sBAAM;IAAA,oBAAO;IAChD,mCAAyD;IAAA,8BAAc;IAC3E,AAD2E,oBAAO,EAC5E;IAEF,AADJ,kCAA4B,eACW;IAAA,6BAAa;IAAA,oBAAO;IACvD,mCAAiC;IAAA,aAAkC;IAE3E,AADI,AADuE,oBAAO,EACxE,EACJ;;;IAFmC,gBAAkC;IAAlC,4FAAkC;;;;IAzBvE,AADJ,AADJ,AADJ,iCAAmC,aACN,aACS,aACiE;IACvF,0BAAuC;IAC3C,oBAAM;IAEF,AADJ,8BAAK,YACyB;IAAA,YAA0C;IAAA,oBAAK;IAErE,AADJ,iCAA6B,WACnB;IAAA,aAAyD;IAG3E,AADI,AADI,AADmE,oBAAO,EACpE,EACJ,EACJ;IAEF,AADJ,kCAA6B,iBACgH;IAAxF,kMAAS,wBAAiB,KAAC;IACxE,2BAAmG;IAG/G,AADI,AADI,oBAAS,EACP,EACJ;IAEN,8GAAoB;IAYxB,oBAAM;;;IAzBoC,eAA0C;IAA1C,iEAA0C;IAE1D,eAAyD;IAAzD,gFAAyD;IAKM,eAA2D;IAA3D,mFAA2D;IAChH,cAAoC;IAAC,AAArC,oDAAoC,uCAAsC;IAK1G,cAWC;IAXD,+CAWC;;AApDjB,MAAM,WAAW,GAAG,2CAA2C,CAAC;AA6FzD,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,aAAsC;IAA/E;;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,QAAQ;QACf,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;4RAfQ,0BAA0B,yBAA1B,0BAA0B;oEAA1B,0BAA0B;YAzE/B,6FAAgB;;YAAhB,uCAkCC;4BArCK,YAAY;;AA4Eb,0BAA0B;IA3FtC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,2CAA2C;QAChD,QAAQ,EAAE;YACN,MAAM,EAAE,yBAAyB;YACjC,+EAA+E;YAC/E,8DAA8D;YAC9D,IAAI,EAAE,eAAe;YACrB,YAAY,EAAE,MAAM;YACpB,eAAe,EAAE,4BAA4B;YAC7C,OAAO,EAAE,EAAE;SACd;KACJ,CAAC;GAgFW,0BAA0B,CAgBtC;;iFAhBY,0BAA0B;cA/EtC,SAAS;2BACI,mCAAmC,cACjC,IAAI,WACP,CAAC,YAAY,CAAC,mBACN,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCT;;kFAsCQ,0BAA0B","sourcesContent":["import { Component, ChangeDetectionStrategy, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterClassEx } from '@memberjunction/global';\nimport { BaseFormPanel } from '@memberjunction/ng-base-forms';\nimport { MJAIAgentCategoryEntity, UserInfoEngine } from '@memberjunction/core-entities';\n\nconst SETTING_KEY = 'mj.form.aiAgentCategories.headerCollapsed';\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:MJ: AI Agent Categories:header',\n    metadata: {\n        entity: 'MJ: AI Agent Categories',\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: 'ai-agent-categories:header',\n        sortKey: 20,\n    },\n})\n@Component({\n    selector: 'mj-ai-agent-category-header-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        @if (Category) {\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, #8b5cf6, #6366f1);\">\n                            <i class=\"fa-solid fa-layer-group\"></i>\n                        </div>\n                        <div>\n                            <h1 class=\"mj-hero-title\">{{ Category.Name || 'AI Agent Category' }}</h1>\n                            <div class=\"mj-hero-subline\">\n                                <span>{{ Category.Description || 'Operational Agent Cluster' }}</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\">Status</span>\n                            <span class=\"mj-hero-metric-val\" style=\"color: #10b981;\">Active Cluster</span>\n                        </div>\n                        <div class=\"mj-hero-metric\">\n                            <span class=\"mj-hero-metric-label\">Category Code</span>\n                            <span class=\"mj-hero-metric-val\">{{ Category.ID?.substring(0, 8) }}</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        /* Let the identity column shrink so a long title (an email, say) wraps instead of pushing\n           the toggle past the edge and making the panel column scroll sideways on a phone. */\n        .mj-hero-top, .mj-hero-identity, .mj-hero-identity > div { min-width: 0; }\n        .mj-hero-identity { flex: 1 1 auto; }\n        .mj-hero-title { overflow-wrap: anywhere; }\n        .mj-hero-subline, .mj-hero-metrics-row { flex-wrap: wrap; }\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; }\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 AIAgentCategoryHeaderPanel extends BaseFormPanel<MJAIAgentCategoryEntity> {\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 Category(): MJAIAgentCategoryEntity | 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/AIAgentSessions/ai-agent-session-form.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit } from '@angular/core';
 import { MJAIAgentSessionEntity } from '@memberjunction/core-entities';
 import { MJAIAgentSessionFormComponent } from '../../generated/Entities/MJAIAgentSession/mjaiagentsession.form.component';
+import { SectionPickerItem } from '@memberjunction/ng-ui-components';
 import * as i0 from "@angular/core";
 /** Date values arrive as ISO strings from `ResultType: 'simple'` RunViews. */
 type DateLike = Date | string;
@@ -64,6 +65,12 @@ export interface SessionChannelDisplayRow {
  * tabbed panes for the delegated run tree, channels, transcript, and details.
  */
 export declare class MJAIAgentSessionFormComponentExtended extends MJAIAgentSessionFormComponent implements OnInit {
+    /** Phone hero (6A): whether the summary line is expanded to show the rest of the hero. */
+    HeroDetailsOpen: boolean;
+    /** Toggles the phone hero between its compact identity row and the full hero. */
+    ToggleHeroDetails(): void;
+    /** The phone hero's one-line summary of what the compact hero leaves out. */
+    get HeroSummary(): string;
     record: MJAIAgentSessionEntity;
     /** Hide the generated-section controls — this form has a fully custom layout. */
     readonly ToolbarConfig: import("@memberjunction/ng-base-forms").FormToolbarConfig;
@@ -113,6 +120,11 @@ export declare class MJAIAgentSessionFormComponentExtended extends MJAIAgentSess
      */
     private computeSessionUsage;
     ChangeTab(tab: 'runs' | 'channels' | 'transcript' | 'details'): void;
+    /** The tab strip as `mj-section-picker` items: strip order, a count only where the tab has rows. */
+    get SectionPickerItems(): SectionPickerItem[];
+    /** A pick from the phone section sheet; goes through ChangeTab. An unknown key is ignored. */
+    OnSectionPicked(key: string): void;
+    private static readonly phoneTabs;
     GetStatusIcon(status: string | null): string;
     GetRunStatusIcon(status: string): string;
     GetChannelIcon(channelName: string | null): string;

package/dist/lib/custom/AIAgentSessions/ai-agent-session-form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-session-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentSessions/ai-agent-session-form.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-agent-session-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentSessions/ai-agent-session-form.component.ts"],"names":[],"mappings":"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"}