@memberjunction/ng-core-entity-forms 6.1.0-edge.2 → 6.1.0-edge.3

package/LICENSE

@@ -1,7 +1,183 @@
-ISC License
+Business Source License 1.1
 
-Copyright (c) 2023 MemberJunction
+License text copyright (c) 2024 MariaDB plc, All Rights Reserved.
+"Business Source License" is a trademark of MariaDB plc.
 
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+-----------------------------------------------------------------------------
 
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+Parameters
+
+Licensor:             Blue Cypress, Inc.
+
+Licensed Work:        MemberJunction.
+                      The Licensed Work is (c) 2023-2026 Blue Cypress, Inc.
+
+Additional Use Grant: Subject to the terms of this License, Licensor grants
+                      you the following additional rights to make Production
+                      Use of the Licensed Work.
+
+                      1. Internal Use
+
+                      You may make production use of the Licensed Work for
+                      your own internal business or organizational operations.
+
+                      2. Nonprofit Use
+
+                      If you are a Nonprofit, you may make production use of
+                      the Licensed Work for the operations and activities of
+                      your Organizational Family.
+
+                      3. MemberJunction Certified Program Use
+
+                      If you are authorized by Licensor under the
+                      MemberJunction Certified Program to provide professional
+                      services using the Licensed Work, you may make
+                      production use of the Licensed Work in providing such
+                      professional services to a client, provided that:
+
+                      (a) the Licensed Work is deployed in, and the applicable
+                      production use occurs within, an environment owned,
+                      leased, licensed, subscribed to, or otherwise controlled
+                      by that client; and
+
+                      (b) the production use is for that client's own internal
+                      business or organizational operations or is otherwise
+                      independently permitted to that client under this
+                      Additional Use Grant.
+
+                      4. Definitions Applicable to the Additional Use Grant
+
+                      "Affiliate" means, with respect to a specified Person,
+                      any other Person that directly or indirectly Controls,
+                      is Controlled by, or is under common Control with such
+                      specified Person.
+
+                      "Control" (including the terms "Controls," "Controlled
+                      by," and "under common Control with") means the direct
+                      or indirect possession of the power to direct or cause
+                      the direction of the management and policies of a
+                      Person, whether through ownership of voting interests,
+                      by contract, or otherwise.
+
+                      "Organizational Family" means, with respect to a Person,
+                      (a) such Person and its Affiliates, and (b) any
+                      nonprofit organization, governmental entity, chapter,
+                      division, local affiliate, regional affiliate, state
+                      affiliate, national affiliate, or other entity that is
+                      formally affiliated with such Person through governing
+                      documents, a charter, bylaws, a membership agreement, or
+                      another written organizational instrument, and is
+                      recognized under such documents as part of the same
+                      organizational structure.
+
+                      "Nonprofit" means a Person recognized by the Internal
+                      Revenue Service as exempt from federal income taxation
+                      under Section 501(c)(3), 501(c)(4), 501(c)(5), or
+                      501(c)(6) of the Internal Revenue Code, or a foreign
+                      organization recognized under substantially equivalent
+                      laws.
+
+                      A Person claiming eligibility as a Nonprofit shall, upon
+                      Licensor's reasonable request, provide documentation
+                      reasonably sufficient to demonstrate that it qualifies
+                      as a Nonprofit. If such Person materially misrepresents,
+                      or is unable to demonstrate, its qualification as a
+                      Nonprofit, the rights granted to such Person under
+                      Section 2 of this Additional Use Grant shall terminate.
+
+                      "MemberJunction Certified Program" means Licensor's
+                      then-current program for certifying and authorizing a
+                      Person to provide professional services using the
+                      Licensed Work.
+
+                      "Person" means any individual, corporation, limited
+                      liability company, partnership, association, nonprofit
+                      organization, governmental entity, or other legal or
+                      organizational entity.
+
+Change Date:          Four (4) years from the date the Licensed Work is first
+                      made available.
+
+Change License:       MIT License.
+
+For information about alternative licensing arrangements for the Licensed
+Work, please contact Blue Cypress, Inc.
+
+-----------------------------------------------------------------------------
+
+Terms
+
+The Licensor hereby grants you the right to copy, modify, create derivative
+works, redistribute, and make non-production use of the Licensed Work. The
+Licensor may make an Additional Use Grant, above, permitting limited
+production use.
+
+Effective on the Change Date, or the fourth anniversary of the first publicly
+available distribution of a specific version of the Licensed Work under this
+License, whichever comes first, the Licensor hereby grants you rights under
+the terms of the Change License, and the rights granted in the paragraph
+above terminate.
+
+If your use of the Licensed Work does not comply with the requirements
+currently in effect as described in this License, you must purchase a
+commercial license from the Licensor, its affiliated entities, or authorized
+resellers, or you must refrain from using the Licensed Work.
+
+All copies of the original and modified Licensed Work, and derivative works
+of the Licensed Work, are subject to this License. This License applies
+separately for each version of the Licensed Work and the Change Date may vary
+for each version of the Licensed Work released by Licensor.
+
+You must conspicuously display this License on each original or modified copy
+of the Licensed Work. If you receive the Licensed Work in original or
+modified form from a third party, the terms and conditions set forth in this
+License apply to your use of that work.
+
+Any use of the Licensed Work in violation of this License will automatically
+terminate your rights under this License for the current and all other
+versions of the Licensed Work.
+
+This License does not grant you any right in any trademark or logo of
+Licensor or its affiliates (provided that you may use a trademark or logo of
+Licensor as expressly required by this License).
+
+TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON
+AN "AS IS" BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS,
+EXPRESS OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND
+TITLE.
+
+MariaDB hereby grants you permission to use this License's text to license
+your works, and to refer to it using the trademark "Business Source License",
+as long as you comply with the Covenants of Licensor below.
+
+-----------------------------------------------------------------------------
+
+Covenants of Licensor
+
+In consideration of the right to use this License's text and the "Business
+Source License" name and trademark, Licensor covenants to MariaDB, and to all
+other recipients of the licensed work to be provided by Licensor:
+
+1. To specify as the Change License the GPL Version 2.0 or any later version,
+   or a license that is compatible with GPL Version 2.0 or a later version,
+   where "compatible" means that software provided under the Change License
+   can be included in a program with software provided under GPL Version 2.0
+   or a later version. Licensor may specify additional Change Licenses without
+   limitation.
+
+2. To either: (a) specify an additional grant of rights to use that does not
+   impose any additional restriction on the right granted in this License, as
+   the Additional Use Grant; or (b) insert the text "None".
+
+3. To specify a Change Date.
+
+4. Not to modify this License in any other way.
+
+-----------------------------------------------------------------------------
+
+Notice
+
+The Business Source License (this document, or the "License") is not an Open
+Source license. However, the Licensed Work will eventually be made available
+under an Open Source License, as stated in this License.

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

@@ -0,0 +1,12 @@
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { MJAIAgentCategoryEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class AIAgentCategoryHeaderPanel extends BaseFormPanel<MJAIAgentCategoryEntity> {
+    IsCollapsed: boolean;
+    ngOnInit(): void;
+    get Category(): MJAIAgentCategoryEntity | null;
+    ToggleCollapsed(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AIAgentCategoryHeaderPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AIAgentCategoryHeaderPanel, "mj-ai-agent-category-header-panel", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=ai-agent-category-header.panel.d.ts.map

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

@@ -0,0 +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,qBAiFa,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

@@ -0,0 +1,138 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+function AIAgentCategoryHeaderPanel_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 10)(1, "div", 11)(2, "span", 12);
+    i0.ɵɵtext(3, "Status");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(4, "span", 13);
+    i0.ɵɵtext(5, "Active Cluster");
+    i0.ɵɵdomElementEnd()();
+    i0.ɵɵdomElementStart(6, "div", 11)(7, "span", 12);
+    i0.ɵɵtext(8, "Category Code");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(9, "span", 14);
+    i0.ɵɵtext(10);
+    i0.ɵɵdomElementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r1.Category.ID == null ? null : ctx_r1.Category.ID.substring(0, 8));
+} }
+function AIAgentCategoryHeaderPanel_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+    i0.ɵɵdomElement(4, "i", 4);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(5, "div")(6, "h1", 5);
+    i0.ɵɵtext(7);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(8, "div", 6)(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵdomElementEnd()()()();
+    i0.ɵɵdomElementStart(11, "div", 7)(12, "button", 8);
+    i0.ɵɵdomListener("click", function AIAgentCategoryHeaderPanel_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleCollapsed()); });
+    i0.ɵɵdomElement(13, "i", 9);
+    i0.ɵɵdomElementEnd()()();
+    i0.ɵɵconditionalCreate(14, AIAgentCategoryHeaderPanel_Conditional_0_Conditional_14_Template, 11, 1, "div", 10);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.Category.Name || "AI Agent Category");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.Category.Description || "Operational Agent Cluster");
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("title", ctx_r1.IsCollapsed ? "Expand Header" : "Collapse Header");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-up", !ctx_r1.IsCollapsed)("fa-chevron-down", ctx_r1.IsCollapsed);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.IsCollapsed ? 14 : -1);
+} }
+const SETTING_KEY = 'mj.form.aiAgentCategories.headerCollapsed';
+let AIAgentCategoryHeaderPanel = class AIAgentCategoryHeaderPanel extends BaseFormPanel {
+    constructor() {
+        super(...arguments);
+        this.IsCollapsed = false;
+    }
+    ngOnInit() {
+        const raw = UserInfoEngine.Instance.GetSetting(SETTING_KEY);
+        if (raw)
+            this.IsCollapsed = raw === 'true';
+    }
+    get Category() {
+        return this.Record;
+    }
+    ToggleCollapsed() {
+        this.IsCollapsed = !this.IsCollapsed;
+        UserInfoEngine.Instance.SetSettingDebounced(SETTING_KEY, String(this.IsCollapsed));
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIAgentCategoryHeaderPanel_BaseFactory; return function AIAgentCategoryHeaderPanel_Factory(__ngFactoryType__) { return (ɵAIAgentCategoryHeaderPanel_BaseFactory || (ɵAIAgentCategoryHeaderPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AIAgentCategoryHeaderPanel)))(__ngFactoryType__ || AIAgentCategoryHeaderPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentCategoryHeaderPanel, selectors: [["mj-ai-agent-category-header-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "mj-entity-hero-header"], [1, "mj-hero-top"], [1, "mj-hero-identity"], [1, "mj-hero-avatar", 2, "background", "linear-gradient(135deg, #8b5cf6, #6366f1)"], [1, "fa-solid", "fa-layer-group"], [1, "mj-hero-title"], [1, "mj-hero-subline"], [1, "mj-hero-actions"], ["type", "button", 1, "mj-hero-toggle-btn", 3, "click", "title"], [1, "fa-solid"], [1, "mj-hero-metrics-row"], [1, "mj-hero-metric"], [1, "mj-hero-metric-label"], [1, "mj-hero-metric-val", 2, "color", "#10b981"], [1, "mj-hero-metric-val"]], template: function AIAgentCategoryHeaderPanel_Template(rf, ctx) { if (rf & 1) {
+            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 }); }
+};
+AIAgentCategoryHeaderPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:AI Agent Categories:header',
+        metadata: {
+            entity: 'AI Agent Categories',
+            slot: 'header',
+            sortKey: 10,
+        },
+    })
+], AIAgentCategoryHeaderPanel);
+export { AIAgentCategoryHeaderPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentCategoryHeaderPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-agent-category-header-panel', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        @if (Category) {
+            <div class="mj-entity-hero-header">
+                <div class="mj-hero-top">
+                    <div class="mj-hero-identity">
+                        <div class="mj-hero-avatar" style="background: linear-gradient(135deg, #8b5cf6, #6366f1);">
+                            <i class="fa-solid fa-layer-group"></i>
+                        </div>
+                        <div>
+                            <h1 class="mj-hero-title">{{ Category.Name || 'AI Agent Category' }}</h1>
+                            <div class="mj-hero-subline">
+                                <span>{{ Category.Description || 'Operational Agent Cluster' }}</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="mj-hero-actions">
+                        <button type="button" class="mj-hero-toggle-btn" (click)="ToggleCollapsed()" [title]="IsCollapsed ? 'Expand Header' : 'Collapse Header'">
+                            <i class="fa-solid" [class.fa-chevron-up]="!IsCollapsed" [class.fa-chevron-down]="IsCollapsed"></i>
+                        </button>
+                    </div>
+                </div>
+
+                @if (!IsCollapsed) {
+                    <div class="mj-hero-metrics-row">
+                        <div class="mj-hero-metric">
+                            <span class="mj-hero-metric-label">Status</span>
+                            <span class="mj-hero-metric-val" style="color: #10b981;">Active Cluster</span>
+                        </div>
+                        <div class="mj-hero-metric">
+                            <span class="mj-hero-metric-label">Category Code</span>
+                            <span class="mj-hero-metric-val">{{ Category.ID?.substring(0, 8) }}</span>
+                        </div>
+                    </div>
+                }
+            </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    "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentCategoryHeaderPanel, { className: "AIAgentCategoryHeaderPanel", filePath: "src/lib/custom/AIAgentCategories/ai-agent-category-header.panel.ts", lineNumber: 90 }); })();
+//# sourceMappingURL=ai-agent-category-header.panel.js.map

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

@@ -0,0 +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;;;IA0C5D,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;;AAhDjB,MAAM,WAAW,GAAG,2CAA2C,CAAC;AAmFzD,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;IAjFtC,eAAe,CAAC,aAAa,EAAE;QAC5B,GAAG,EAAE,uCAAuC;QAC5C,QAAQ,EAAE;YACN,MAAM,EAAE,qBAAqB;YAC7B,IAAI,EAAE,QAAQ;YACd,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:AI Agent Categories:header',\n    metadata: {\n        entity: 'AI Agent Categories',\n        slot: 'header',\n        sortKey: 10,\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"]}

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

@@ -0,0 +1,20 @@
+import { OnInit } from '@angular/core';
+import { BaseFormPanel } from '@memberjunction/ng-base-forms';
+import { MJAIAgentCategoryEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+interface AgentRow {
+    ID: string;
+    Name: string;
+    Status: string;
+    ExecutionModel: string;
+}
+export declare class AIAgentCategoryOverviewPanel extends BaseFormPanel<MJAIAgentCategoryEntity> implements OnInit {
+    private cdr;
+    Agents: AgentRow[];
+    ngOnInit(): void;
+    private LoadCategoryAgents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AIAgentCategoryOverviewPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AIAgentCategoryOverviewPanel, "mj-ai-agent-category-overview-panel", never, {}, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=ai-agent-category-overview.panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-agent-category-overview.panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentCategories/ai-agent-category-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,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;;AAExE,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,qBAwHa,4BAA6B,SAAQ,aAAa,CAAC,uBAAuB,CAAE,YAAW,MAAM;IACtG,OAAO,CAAC,GAAG,CAA6B;IACjC,MAAM,EAAE,QAAQ,EAAE,CAAM;IAExB,QAAQ,IAAI,IAAI;YAIT,kBAAkB;yCARvB,4BAA4B;2CAA5B,4BAA4B;CA2BxC"}

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

@@ -0,0 +1,173 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, ChangeDetectionStrategy, inject, ChangeDetectorRef } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RunView } from '@memberjunction/core';
+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 AIAgentCategoryOverviewPanel_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 7);
+    i0.ɵɵtext(1, "No agents assigned to this category yet.");
+    i0.ɵɵdomElementEnd();
+} }
+function AIAgentCategoryOverviewPanel_Conditional_10_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 9)(1, "span", 10);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "span", 12);
+    i0.ɵɵtext(4);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const agent_r1 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(agent_r1.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(agent_r1.Status || "Active");
+} }
+function AIAgentCategoryOverviewPanel_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, AIAgentCategoryOverviewPanel_Conditional_10_For_1_Template, 5, 2, "div", 9, _forTrack0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r1.Agents);
+} }
+let AIAgentCategoryOverviewPanel = class AIAgentCategoryOverviewPanel extends BaseFormPanel {
+    constructor() {
+        super(...arguments);
+        this.cdr = inject(ChangeDetectorRef);
+        this.Agents = [];
+    }
+    ngOnInit() {
+        this.LoadCategoryAgents();
+    }
+    async LoadCategoryAgents() {
+        if (!this.Record?.ID)
+            return;
+        try {
+            const rv = new RunView();
+            const res = await rv.RunView({
+                EntityName: 'AI Agents',
+                ExtraFilter: `CategoryID = '${this.Record.ID}'`,
+                Fields: ['ID', 'Name', 'Status'],
+                MaxRows: 20,
+                ResultType: 'simple'
+            });
+            if (res.Success && res.Results) {
+                this.Agents = res.Results;
+                this.cdr.markForCheck();
+            }
+        }
+        catch (e) {
+            console.error('Failed to load category agents:', e);
+        }
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIAgentCategoryOverviewPanel_BaseFactory; return function AIAgentCategoryOverviewPanel_Factory(__ngFactoryType__) { return (ɵAIAgentCategoryOverviewPanel_BaseFactory || (ɵAIAgentCategoryOverviewPanel_BaseFactory = i0.ɵɵgetInheritedFactory(AIAgentCategoryOverviewPanel)))(__ngFactoryType__ || AIAgentCategoryOverviewPanel); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentCategoryOverviewPanel, selectors: [["mj-ai-agent-category-overview-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 34, vars: 2, consts: [[1, "mj-category-overview-grid"], [1, "mj-overview-card"], [1, "mj-card-header"], [1, "mj-card-title"], [1, "fa-solid", "fa-robot", 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-microchip", 2, "color", "#a855f7"], [1, "mj-metric-row"], [1, "mj-metric-label"], [1, "mj-metric-val"], [1, "mj-pill", "mj-pill-green"]], template: function AIAgentCategoryOverviewPanel_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, " Active Agents in Category");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(6, "span", 5);
+            i0.ɵɵtext(7);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(8, "div", 6);
+            i0.ɵɵconditionalCreate(9, AIAgentCategoryOverviewPanel_Conditional_9_Template, 2, 0, "span", 7)(10, AIAgentCategoryOverviewPanel_Conditional_10_Template, 2, 0);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(11, "div", 1)(12, "div", 2)(13, "div", 3);
+            i0.ɵɵdomElement(14, "i", 8);
+            i0.ɵɵtext(15, " Cluster Configuration");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(16, "span", 5);
+            i0.ɵɵtext(17, "Governance");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(18, "div", 6)(19, "div", 9)(20, "span", 10);
+            i0.ɵɵtext(21, "Execution Mode");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(22, "span", 11);
+            i0.ɵɵtext(23, "Parallel Cluster");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(24, "div", 9)(25, "span", 10);
+            i0.ɵɵtext(26, "Default Execution Model");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(27, "span", 11);
+            i0.ɵɵtext(28, "Gemini 3.1 Flash-Lite");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(29, "div", 9)(30, "span", 10);
+            i0.ɵɵtext(31, "Max Token Ceiling");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(32, "span", 11);
+            i0.ɵɵtext(33, "100,000 / run");
+            i0.ɵɵdomElementEnd()()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate1("", ctx.Agents.length, " Registered");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Agents.length === 0 ? 9 : 10);
+        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-category-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%] {\n            font-size: 10.5px;\n            font-weight: 700;\n            padding: 2px 6px;\n            border-radius: 4px;\n        }\n        .mj-pill-green[_ngcontent-%COMP%] { background: rgba(16, 185, 129, 0.15); color: #10b981; }"], changeDetection: 0 }); }
+};
+AIAgentCategoryOverviewPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'form-panel:AI Agent Categories:overview',
+        metadata: {
+            entity: 'AI Agent Categories',
+            slot: 'before-fields',
+            sortKey: 10,
+        },
+    })
+], AIAgentCategoryOverviewPanel);
+export { AIAgentCategoryOverviewPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentCategoryOverviewPanel, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-agent-category-overview-panel', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <div class="mj-category-overview-grid">
+            <!-- Card 1: Active Cluster Agents -->
+            <div class="mj-overview-card">
+                <div class="mj-card-header">
+                    <div class="mj-card-title"><i class="fa-solid fa-robot" style="color: var(--mj-brand-primary, #38bdf8);"></i> Active Agents in Category</div>
+                    <span class="mj-card-badge">{{ Agents.length }} Registered</span>
+                </div>
+                <div class="mj-card-body">
+                    @if (Agents.length === 0) {
+                        <span style="font-size: 12px; color: var(--mj-text-muted);">No agents assigned to this category yet.</span>
+                    } @else {
+                        @for (agent of Agents; track agent.ID) {
+                            <div class="mj-metric-row">
+                                <span class="mj-metric-label">{{ agent.Name }}</span>
+                                <span class="mj-pill mj-pill-green">{{ agent.Status || 'Active' }}</span>
+                            </div>
+                        }
+                    }
+                </div>
+            </div>
+
+            <!-- Card 2: Execution & Model Settings -->
+            <div class="mj-overview-card">
+                <div class="mj-card-header">
+                    <div class="mj-card-title"><i class="fa-solid fa-microchip" style="color: #a855f7;"></i> Cluster Configuration</div>
+                    <span class="mj-card-badge">Governance</span>
+                </div>
+                <div class="mj-card-body">
+                    <div class="mj-metric-row">
+                        <span class="mj-metric-label">Execution Mode</span>
+                        <span class="mj-metric-val">Parallel Cluster</span>
+                    </div>
+                    <div class="mj-metric-row">
+                        <span class="mj-metric-label">Default Execution Model</span>
+                        <span class="mj-metric-val">Gemini 3.1 Flash-Lite</span>
+                    </div>
+                    <div class="mj-metric-row">
+                        <span class="mj-metric-label">Max Token Ceiling</span>
+                        <span class="mj-metric-val">100,000 / run</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `, styles: ["\n        :host { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-category-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 {\n            font-size: 10.5px;\n            font-weight: 700;\n            padding: 2px 6px;\n            border-radius: 4px;\n        }\n        .mj-pill-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n    "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentCategoryOverviewPanel, { className: "AIAgentCategoryOverviewPanel", filePath: "src/lib/custom/AIAgentCategories/ai-agent-category-overview.panel.ts", lineNumber: 135 }); })();
+//# sourceMappingURL=ai-agent-category-overview.panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-agent-category-overview.panel.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgentCategories/ai-agent-category-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 { MJAIAgentCategoryEntity } from '@memberjunction/core-entities';\n\ninterface AgentRow {\n    ID: string;\n    Name: string;\n    Status: string;\n    ExecutionModel: string;\n}\n\n@RegisterClassEx(BaseFormPanel, {\n    key: 'form-panel:AI Agent Categories:overview',\n    metadata: {\n        entity: 'AI Agent Categories',\n        slot: 'before-fields',\n        sortKey: 10,\n    },\n})\n@Component({\n    selector: 'mj-ai-agent-category-overview-panel',\n    standalone: true,\n    imports: [CommonModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    template: `\n        <div class=\"mj-category-overview-grid\">\n            <!-- Card 1: Active Cluster Agents -->\n            <div class=\"mj-overview-card\">\n                <div class=\"mj-card-header\">\n                    <div class=\"mj-card-title\"><i class=\"fa-solid fa-robot\" style=\"color: var(--mj-brand-primary, #38bdf8);\"></i> Active Agents in Category</div>\n                    <span class=\"mj-card-badge\">{{ Agents.length }} Registered</span>\n                </div>\n                <div class=\"mj-card-body\">\n                    @if (Agents.length === 0) {\n                        <span style=\"font-size: 12px; color: var(--mj-text-muted);\">No agents assigned to this category yet.</span>\n                    } @else {\n                        @for (agent of Agents; track agent.ID) {\n                            <div class=\"mj-metric-row\">\n                                <span class=\"mj-metric-label\">{{ agent.Name }}</span>\n                                <span class=\"mj-pill mj-pill-green\">{{ agent.Status || 'Active' }}</span>\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- Card 2: Execution & Model Settings -->\n            <div class=\"mj-overview-card\">\n                <div class=\"mj-card-header\">\n                    <div class=\"mj-card-title\"><i class=\"fa-solid fa-microchip\" style=\"color: #a855f7;\"></i> Cluster Configuration</div>\n                    <span class=\"mj-card-badge\">Governance</span>\n                </div>\n                <div class=\"mj-card-body\">\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Execution Mode</span>\n                        <span class=\"mj-metric-val\">Parallel Cluster</span>\n                    </div>\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Default Execution Model</span>\n                        <span class=\"mj-metric-val\">Gemini 3.1 Flash-Lite</span>\n                    </div>\n                    <div class=\"mj-metric-row\">\n                        <span class=\"mj-metric-label\">Max Token Ceiling</span>\n                        <span class=\"mj-metric-val\">100,000 / run</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    `,\n    styles: [`\n        :host { display: block; width: 100%; margin-bottom: 20px; }\n        .mj-category-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 {\n            font-size: 10.5px;\n            font-weight: 700;\n            padding: 2px 6px;\n            border-radius: 4px;\n        }\n        .mj-pill-green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n    `]\n})\nexport class AIAgentCategoryOverviewPanel extends BaseFormPanel<MJAIAgentCategoryEntity> implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n    public Agents: AgentRow[] = [];\n\n    public ngOnInit(): void {\n        this.LoadCategoryAgents();\n    }\n\n    private async LoadCategoryAgents(): Promise<void> {\n        if (!this.Record?.ID) return;\n        try {\n            const rv = new RunView();\n            const res = await rv.RunView<AgentRow>({\n                EntityName: 'AI Agents',\n                ExtraFilter: `CategoryID = '${this.Record.ID}'`,\n                Fields: ['ID', 'Name', 'Status'],\n                MaxRows: 20,\n                ResultType: 'simple'\n            });\n            if (res.Success && res.Results) {\n                this.Agents = res.Results;\n                this.cdr.markForCheck();\n            }\n        } catch (e) {\n            console.error('Failed to load category agents:', e);\n        }\n    }\n}\n"]}