@memberjunction/ng-core-entity-forms 2.114.0 → 2.116.0

package/dist/lib/generated/Entities/AIModel/aimodel.form.component.js

@@ -7,214 +7,931 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
-import { LoadAIModelDetailsComponent } from "./sections/details.component";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-user-view-grid";
 import * as i4 from "@memberjunction/ng-base-forms";
 import * as i5 from "@memberjunction/ng-form-toolbar";
-import * as i6 from "@memberjunction/ng-tabstrip";
-function AIModelFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 3, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 4);
-    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
-    i0.ɵɵlistener("TabSelected", function AIModelFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event)); })("ResizeContainer", function AIModelFormComponent_form_1_Template_mj_tabstrip_ResizeContainer_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.InvokeManualResize()); });
-    i0.ɵɵelementStart(4, "mj-tab", 6);
-    i0.ɵɵtext(5, " Details ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mj-tab-body");
-    i0.ɵɵelement(7, "mj-form-section", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab", 8);
-    i0.ɵɵtext(9, " AI Actions ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab-body");
-    i0.ɵɵelement(11, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "mj-tab", 10);
-    i0.ɵɵtext(13, " AI Model Actions ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-tab-body");
-    i0.ɵɵelement(15, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "mj-tab", 11);
-    i0.ɵɵtext(17, " Vector Indexes ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "mj-tab-body");
-    i0.ɵɵelement(19, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "mj-tab", 12);
-    i0.ɵɵtext(21, " Entity Documents ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "mj-tab-body");
-    i0.ɵɵelement(23, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "mj-tab", 13);
-    i0.ɵɵtext(25, " Entity AI Actions ");
+function AIModelFormComponent_form_1_span_88_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "mj-tab-body");
-    i0.ɵɵelement(27, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "mj-tab", 14);
-    i0.ɵɵtext(29, " Content Types ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "mj-tab-body");
-    i0.ɵɵelement(31, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "mj-tab", 15);
-    i0.ɵɵtext(33, " AI Result Cache ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "mj-tab-body");
-    i0.ɵɵelement(35, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "mj-tab", 16);
-    i0.ɵɵtext(37, " AI Agent Notes ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "mj-tab-body");
-    i0.ɵɵelement(39, "mj-user-view-grid", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "mj-tab", 17);
-    i0.ɵɵtext(41, " MJ: AI Agent Examples ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(42, "mj-tab-body");
-    i0.ɵɵelement(43, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["aIActions"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["aIActions"], " ");
+} }
+function AIModelFormComponent_form_1_div_91_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_91_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["aIActions"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.aIActions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Actions", "DefaultModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Actions"))("AllowLoad", ctx_r1.IsCurrentSection("aIActions"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_99_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "mj-tab", 18);
-    i0.ɵɵtext(45, " AIAgent Models ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["aIModelActions"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["aIModelActions"], " ");
+} }
+function AIModelFormComponent_form_1_div_102_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_102_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["aIModelActions"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.aIModelActions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Model Actions", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Model Actions"))("AllowLoad", ctx_r1.IsCurrentSection("aIModelActions"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_110_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "mj-tab-body");
-    i0.ɵɵelement(47, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["entityDocuments"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["entityDocuments"], " ");
+} }
+function AIModelFormComponent_form_1_div_113_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_113_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["entityDocuments"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.entityDocuments);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Entity Documents", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Entity Documents"))("AllowLoad", ctx_r1.IsCurrentSection("entityDocuments"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_121_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "mj-tab", 19);
-    i0.ɵɵtext(49, " MJ: AI Model Vendors ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["vectorIndexes"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["vectorIndexes"], " ");
+} }
+function AIModelFormComponent_form_1_div_124_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_124_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["vectorIndexes"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.vectorIndexes);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Vector Indexes", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Vector Indexes"))("AllowLoad", ctx_r1.IsCurrentSection("vectorIndexes"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_132_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "mj-tab-body");
-    i0.ɵɵelement(51, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["aIAgentNotes"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["aIAgentNotes"], " ");
+} }
+function AIModelFormComponent_form_1_div_135_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_135_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["aIAgentNotes"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.aIAgentNotes);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Agent Notes", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Agent Notes"))("AllowLoad", ctx_r1.IsCurrentSection("aIAgentNotes"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_143_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "mj-tab", 20);
-    i0.ɵɵtext(53, " Generated Codes ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["aIResultCache"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["aIResultCache"], " ");
+} }
+function AIModelFormComponent_form_1_div_146_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_146_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["aIResultCache"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.aIResultCache);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Result Cache", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Result Cache"))("AllowLoad", ctx_r1.IsCurrentSection("aIResultCache"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_154_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "mj-tab-body");
-    i0.ɵɵelement(55, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["contentTypes"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["contentTypes"], " ");
+} }
+function AIModelFormComponent_form_1_div_157_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_157_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["contentTypes"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.contentTypes);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Content Types", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Content Types"))("AllowLoad", ctx_r1.IsCurrentSection("contentTypes"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_165_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "mj-tab", 21);
-    i0.ɵɵtext(57, " MJ: AI Model Costs ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["entityAIActions"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["entityAIActions"], " ");
+} }
+function AIModelFormComponent_form_1_div_168_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_168_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["entityAIActions"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.entityAIActions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Entity AI Actions", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Entity AI Actions"))("AllowLoad", ctx_r1.IsCurrentSection("entityAIActions"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_176_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(58, "mj-tab-body");
-    i0.ɵɵelement(59, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJAIAgentExamples"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJAIAgentExamples"], " ");
+} }
+function AIModelFormComponent_form_1_div_179_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_179_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJAIAgentExamples"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJAIAgentExamples);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Examples", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Examples"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIAgentExamples"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_187_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(60, "mj-tab", 22);
-    i0.ɵɵtext(61, " MJ: AI Prompt Models ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["aIAgentModels"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["aIAgentModels"], " ");
+} }
+function AIModelFormComponent_form_1_div_190_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_190_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["aIAgentModels"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.aIAgentModels);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Agent Models", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Agent Models"))("AllowLoad", ctx_r1.IsCurrentSection("aIAgentModels"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_198_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(62, "mj-tab-body");
-    i0.ɵɵelement(63, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJAIModelVendors"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJAIModelVendors"], " ");
+} }
+function AIModelFormComponent_form_1_div_201_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_201_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJAIModelVendors"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJAIModelVendors);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Model Vendors", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Model Vendors"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIModelVendors"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_209_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(64, "mj-tab", 23);
-    i0.ɵɵtext(65, " MJ: AI Prompt Runs ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["generatedCodes"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["generatedCodes"], " ");
+} }
+function AIModelFormComponent_form_1_div_212_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_212_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["generatedCodes"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.generatedCodes);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Generated Codes", "GeneratedByModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Generated Codes"))("AllowLoad", ctx_r1.IsCurrentSection("generatedCodes"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_220_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(66, "mj-tab-body");
-    i0.ɵɵelement(67, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJAIModelCosts"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJAIModelCosts"], " ");
+} }
+function AIModelFormComponent_form_1_div_223_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_223_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJAIModelCosts"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJAIModelCosts);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Model Costs", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Model Costs"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIModelCosts"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_231_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(68, "mj-tab", 24);
-    i0.ɵɵtext(69, " MJ: AI Agent Runs ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJAIPromptModels"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJAIPromptModels"], " ");
+} }
+function AIModelFormComponent_form_1_div_234_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_234_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJAIPromptModels"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJAIPromptModels);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompt Models", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompt Models"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIPromptModels"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_242_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(70, "mj-tab-body");
-    i0.ɵɵelement(71, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJAIPromptRuns"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJAIPromptRuns"], " ");
+} }
+function AIModelFormComponent_form_1_div_245_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_245_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJAIPromptRuns"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJAIPromptRuns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompt Runs", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompt Runs"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIPromptRuns"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_253_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(72, "mj-tab", 25);
-    i0.ɵɵelement(73, "span", 26);
-    i0.ɵɵtext(74, "Queries ");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJAIAgentRuns"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJAIAgentRuns"], " ");
+} }
+function AIModelFormComponent_form_1_div_256_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_256_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJAIAgentRuns"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJAIAgentRuns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Runs", "OverrideModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Runs"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIAgentRuns"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_span_264_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(75, "mj-tab-body");
-    i0.ɵɵelement(76, "mj-user-view-grid", 9);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["queries"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["queries"], " ");
+} }
+function AIModelFormComponent_form_1_div_267_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 73);
+    i0.ɵɵlistener("dataLoaded", function AIModelFormComponent_form_1_div_267_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["queries"] = $event.totalRowCount)); });
     i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.queries);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Queries", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Queries"))("AllowLoad", ctx_r1.IsCurrentSection("queries"))("EditMode", ctx_r1.GridEditMode());
+} }
+function AIModelFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 4, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 5);
+    i0.ɵɵelementStart(3, "div", 6)(4, "div", 7)(5, "button", 8);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.expandAllSections()); });
+    i0.ɵɵelement(6, "i", 9);
+    i0.ɵɵtext(7, "Expand All ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 10);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.collapseAllSections()); });
+    i0.ɵɵelement(9, "i", 11);
+    i0.ɵɵtext(10, "Collapse All ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "input", 12, 1);
+    i0.ɵɵlistener("input", function AIModelFormComponent_form_1_Template_input_input_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterSections($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span", 13)(14, "span", 14);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(16, " of 21 expanded ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 15)(18, "div", 16)(19, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("modelOverview")); });
+    i0.ɵɵelementStart(20, "div", 18);
+    i0.ɵɵelement(21, "i", 19);
+    i0.ɵɵelementStart(22, "h3")(23, "span", 20);
+    i0.ɵɵtext(24, "Model Overview");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(25, "div", 21);
+    i0.ɵɵelement(26, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 22)(28, "div", 23);
+    i0.ɵɵelement(29, "mj-form-field", 24)(30, "mj-form-field", 25)(31, "mj-form-field", 26)(32, "mj-form-field", 27)(33, "mj-form-field", 28)(34, "mj-form-field", 29)(35, "mj-form-field", 30);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(36, "div", 31)(37, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("performanceMetrics")); });
+    i0.ɵɵelementStart(38, "div", 18);
+    i0.ɵɵelement(39, "i", 32);
+    i0.ɵɵelementStart(40, "h3")(41, "span", 20);
+    i0.ɵɵtext(42, "Performance Metrics");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(43, "div", 21);
+    i0.ɵɵelement(44, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 22)(46, "div", 23);
+    i0.ɵɵelement(47, "mj-form-field", 33)(48, "mj-form-field", 34)(49, "mj-form-field", 35);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(50, "div", 36)(51, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_51_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("technicalSpecifications")); });
+    i0.ɵɵelementStart(52, "div", 18);
+    i0.ɵɵelement(53, "i", 37);
+    i0.ɵɵelementStart(54, "h3")(55, "span", 20);
+    i0.ɵɵtext(56, "Technical Specifications");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(57, "div", 21);
+    i0.ɵɵelement(58, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(59, "div", 22)(60, "div", 23);
+    i0.ɵɵelement(61, "mj-form-field", 38)(62, "mj-form-field", 39)(63, "mj-form-field", 40)(64, "mj-form-field", 41)(65, "mj-form-field", 42)(66, "mj-form-field", 43);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(67, "div", 44)(68, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_68_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("systemMetadata")); });
+    i0.ɵɵelementStart(69, "div", 18);
+    i0.ɵɵelement(70, "i", 45);
+    i0.ɵɵelementStart(71, "h3")(72, "span", 20);
+    i0.ɵɵtext(73, "System Metadata");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(74, "div", 21);
+    i0.ɵɵelement(75, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(76, "div", 22)(77, "div", 23);
+    i0.ɵɵelement(78, "mj-form-field", 46)(79, "mj-form-field", 47);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(80, "div", 48)(81, "div", 49)(82, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_82_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("aIActions")); });
+    i0.ɵɵelementStart(83, "div", 18);
+    i0.ɵɵelement(84, "i", 50);
+    i0.ɵɵelementStart(85, "h3")(86, "span", 20);
+    i0.ɵɵtext(87, "AI Actions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(88, AIModelFormComponent_form_1_span_88_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(89, "div", 21);
+    i0.ɵɵelement(90, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(91, AIModelFormComponent_form_1_div_91_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(92, "div", 53)(93, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_93_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("aIModelActions")); });
+    i0.ɵɵelementStart(94, "div", 18);
+    i0.ɵɵelement(95, "i", 50);
+    i0.ɵɵelementStart(96, "h3")(97, "span", 20);
+    i0.ɵɵtext(98, "AI Model Actions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(99, AIModelFormComponent_form_1_span_99_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(100, "div", 21);
+    i0.ɵɵelement(101, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(102, AIModelFormComponent_form_1_div_102_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(103, "div", 54)(104, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_104_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("entityDocuments")); });
+    i0.ɵɵelementStart(105, "div", 18);
+    i0.ɵɵelement(106, "i", 55);
+    i0.ɵɵelementStart(107, "h3")(108, "span", 20);
+    i0.ɵɵtext(109, "Entity Documents");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(110, AIModelFormComponent_form_1_span_110_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(111, "div", 21);
+    i0.ɵɵelement(112, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(113, AIModelFormComponent_form_1_div_113_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(114, "div", 56)(115, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_115_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("vectorIndexes")); });
+    i0.ɵɵelementStart(116, "div", 18);
+    i0.ɵɵelement(117, "i", 45);
+    i0.ɵɵelementStart(118, "h3")(119, "span", 20);
+    i0.ɵɵtext(120, "Vector Indexes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(121, AIModelFormComponent_form_1_span_121_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(122, "div", 21);
+    i0.ɵɵelement(123, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(124, AIModelFormComponent_form_1_div_124_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(125, "div", 57)(126, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_126_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("aIAgentNotes")); });
+    i0.ɵɵelementStart(127, "div", 18);
+    i0.ɵɵelement(128, "i", 50);
+    i0.ɵɵelementStart(129, "h3")(130, "span", 20);
+    i0.ɵɵtext(131, "AI Agent Notes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(132, AIModelFormComponent_form_1_span_132_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(133, "div", 21);
+    i0.ɵɵelement(134, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(135, AIModelFormComponent_form_1_div_135_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(136, "div", 58)(137, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_137_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("aIResultCache")); });
+    i0.ɵɵelementStart(138, "div", 18);
+    i0.ɵɵelement(139, "i", 50);
+    i0.ɵɵelementStart(140, "h3")(141, "span", 20);
+    i0.ɵɵtext(142, "AI Result Cache");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(143, AIModelFormComponent_form_1_span_143_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(144, "div", 21);
+    i0.ɵɵelement(145, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(146, AIModelFormComponent_form_1_div_146_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(147, "div", 59)(148, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_148_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("contentTypes")); });
+    i0.ɵɵelementStart(149, "div", 18);
+    i0.ɵɵelement(150, "i", 60);
+    i0.ɵɵelementStart(151, "h3")(152, "span", 20);
+    i0.ɵɵtext(153, "Content Types");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(154, AIModelFormComponent_form_1_span_154_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(155, "div", 21);
+    i0.ɵɵelement(156, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(157, AIModelFormComponent_form_1_div_157_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(158, "div", 61)(159, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_159_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("entityAIActions")); });
+    i0.ɵɵelementStart(160, "div", 18);
+    i0.ɵɵelement(161, "i", 50);
+    i0.ɵɵelementStart(162, "h3")(163, "span", 20);
+    i0.ɵɵtext(164, "Entity AI Actions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(165, AIModelFormComponent_form_1_span_165_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(166, "div", 21);
+    i0.ɵɵelement(167, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(168, AIModelFormComponent_form_1_div_168_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(169, "div", 62)(170, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_170_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIAgentExamples")); });
+    i0.ɵɵelementStart(171, "div", 18);
+    i0.ɵɵelement(172, "i", 50);
+    i0.ɵɵelementStart(173, "h3")(174, "span", 20);
+    i0.ɵɵtext(175, "MJ: AI Agent Examples");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(176, AIModelFormComponent_form_1_span_176_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(177, "div", 21);
+    i0.ɵɵelement(178, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(179, AIModelFormComponent_form_1_div_179_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(180, "div", 63)(181, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_181_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("aIAgentModels")); });
+    i0.ɵɵelementStart(182, "div", 18);
+    i0.ɵɵelement(183, "i", 50);
+    i0.ɵɵelementStart(184, "h3")(185, "span", 20);
+    i0.ɵɵtext(186, "AIAgent Models");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(187, AIModelFormComponent_form_1_span_187_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(188, "div", 21);
+    i0.ɵɵelement(189, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(190, AIModelFormComponent_form_1_div_190_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(191, "div", 64)(192, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_192_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIModelVendors")); });
+    i0.ɵɵelementStart(193, "div", 18);
+    i0.ɵɵelement(194, "i", 50);
+    i0.ɵɵelementStart(195, "h3")(196, "span", 20);
+    i0.ɵɵtext(197, "MJ: AI Model Vendors");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(198, AIModelFormComponent_form_1_span_198_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(199, "div", 21);
+    i0.ɵɵelement(200, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(201, AIModelFormComponent_form_1_div_201_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(202, "div", 65)(203, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_203_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("generatedCodes")); });
+    i0.ɵɵelementStart(204, "div", 18);
+    i0.ɵɵelement(205, "i", 50);
+    i0.ɵɵelementStart(206, "h3")(207, "span", 20);
+    i0.ɵɵtext(208, "Generated Codes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(209, AIModelFormComponent_form_1_span_209_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(210, "div", 21);
+    i0.ɵɵelement(211, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(212, AIModelFormComponent_form_1_div_212_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(213, "div", 66)(214, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_214_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIModelCosts")); });
+    i0.ɵɵelementStart(215, "div", 18);
+    i0.ɵɵelement(216, "i", 50);
+    i0.ɵɵelementStart(217, "h3")(218, "span", 20);
+    i0.ɵɵtext(219, "MJ: AI Model Costs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(220, AIModelFormComponent_form_1_span_220_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(221, "div", 21);
+    i0.ɵɵelement(222, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(223, AIModelFormComponent_form_1_div_223_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(224, "div", 67)(225, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_225_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIPromptModels")); });
+    i0.ɵɵelementStart(226, "div", 18);
+    i0.ɵɵelement(227, "i", 50);
+    i0.ɵɵelementStart(228, "h3")(229, "span", 20);
+    i0.ɵɵtext(230, "MJ: AI Prompt Models");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(231, AIModelFormComponent_form_1_span_231_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(232, "div", 21);
+    i0.ɵɵelement(233, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(234, AIModelFormComponent_form_1_div_234_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(235, "div", 68)(236, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_236_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIPromptRuns")); });
+    i0.ɵɵelementStart(237, "div", 18);
+    i0.ɵɵelement(238, "i", 50);
+    i0.ɵɵelementStart(239, "h3")(240, "span", 20);
+    i0.ɵɵtext(241, "MJ: AI Prompt Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(242, AIModelFormComponent_form_1_span_242_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(243, "div", 21);
+    i0.ɵɵelement(244, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(245, AIModelFormComponent_form_1_div_245_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(246, "div", 69)(247, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_247_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIAgentRuns")); });
+    i0.ɵɵelementStart(248, "div", 18);
+    i0.ɵɵelement(249, "i", 50);
+    i0.ɵɵelementStart(250, "h3")(251, "span", 20);
+    i0.ɵɵtext(252, "MJ: AI Agent Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(253, AIModelFormComponent_form_1_span_253_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(254, "div", 21);
+    i0.ɵɵelement(255, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(256, AIModelFormComponent_form_1_div_256_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(257, "div", 70)(258, "div", 17);
+    i0.ɵɵlistener("click", function AIModelFormComponent_form_1_Template_div_click_258_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("queries")); });
+    i0.ɵɵelementStart(259, "div", 18);
+    i0.ɵɵelement(260, "i", 71);
+    i0.ɵɵelementStart(261, "h3")(262, "span", 20);
+    i0.ɵɵtext(263, "Queries");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(264, AIModelFormComponent_form_1_span_264_Template, 2, 3, "span", 51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(265, "div", 21);
+    i0.ɵɵelement(266, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(267, AIModelFormComponent_form_1_div_267_Template, 3, 6, "div", 52);
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(13);
+    i0.ɵɵtextInterpolate(ctx_r1.getExpandedCount());
+    i0.ɵɵadvance(11);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.modelOverview ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.modelOverview);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.performanceMetrics ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.performanceMetrics);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.technicalSpecifications ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.technicalSpecifications);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Actions", "DefaultModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Actions"))("AllowLoad", ctx_r1.IsCurrentTab("AI Actions"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Model Actions", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Model Actions"))("AllowLoad", ctx_r1.IsCurrentTab("AI Model Actions"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Vector Indexes", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Vector Indexes"))("AllowLoad", ctx_r1.IsCurrentTab("Vector Indexes"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.systemMetadata ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Entity Documents", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Entity Documents"))("AllowLoad", ctx_r1.IsCurrentTab("Entity Documents"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.systemMetadata);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Entity AI Actions", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Entity AI Actions"))("AllowLoad", ctx_r1.IsCurrentTab("Entity AI Actions"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["aIActions"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.aIActions ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Content Types", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Content Types"))("AllowLoad", ctx_r1.IsCurrentTab("Content Types"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["aIModelActions"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.aIModelActions ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Result Cache", "AIModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Result Cache"))("AllowLoad", ctx_r1.IsCurrentTab("AI Result Cache"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["entityDocuments"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.entityDocuments ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Agent Notes", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Agent Notes"))("AllowLoad", ctx_r1.IsCurrentTab("AI Agent Notes"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["vectorIndexes"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.vectorIndexes ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Examples", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Examples"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Agent Examples"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["aIAgentNotes"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.aIAgentNotes ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Agent Models", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Agent Models"))("AllowLoad", ctx_r1.IsCurrentTab("AIAgent Models"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["aIResultCache"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.aIResultCache ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Model Vendors", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Model Vendors"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Model Vendors"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["contentTypes"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.contentTypes ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Generated Codes", "GeneratedByModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Generated Codes"))("AllowLoad", ctx_r1.IsCurrentTab("Generated Codes"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["entityAIActions"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.entityAIActions ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Model Costs", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Model Costs"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Model Costs"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["mJAIAgentExamples"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIAgentExamples ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompt Models", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompt Models"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Prompt Models"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["aIAgentModels"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.aIAgentModels ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompt Runs", "ModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompt Runs"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Prompt Runs"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["mJAIModelVendors"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIModelVendors ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Runs", "OverrideModelID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Runs"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Agent Runs"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["generatedCodes"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.generatedCodes ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["mJAIModelCosts"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIModelCosts ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["mJAIPromptModels"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIPromptModels ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["mJAIPromptRuns"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIPromptRuns ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["mJAIAgentRuns"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIAgentRuns ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["queries"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.queries ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Queries", "EmbeddingModelID"))("NewRecordValues", ctx_r1.NewRecordValues("Queries"))("AllowLoad", ctx_r1.IsCurrentTab("Queries"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
 } }
 let AIModelFormComponent = class AIModelFormComponent extends BaseFormComponent {
+    constructor() {
+        super(...arguments);
+        // Collapsible section state
+        this.sectionsExpanded = {
+            modelOverview: true,
+            performanceMetrics: true,
+            technicalSpecifications: false,
+            systemMetadata: false,
+            aIActions: false,
+            aIModelActions: false,
+            entityDocuments: false,
+            vectorIndexes: false,
+            aIAgentNotes: false,
+            aIResultCache: false,
+            contentTypes: false,
+            entityAIActions: false,
+            mJAIAgentExamples: false,
+            aIAgentModels: false,
+            mJAIModelVendors: false,
+            generatedCodes: false,
+            mJAIModelCosts: false,
+            mJAIPromptModels: false,
+            mJAIPromptRuns: false,
+            mJAIAgentRuns: false,
+            queries: false
+        };
+        // Row counts for related entity sections (populated after grids load)
+        this.sectionRowCounts = {};
+    }
+    toggleSection(section) {
+        this.sectionsExpanded[section] = !this.sectionsExpanded[section];
+    }
+    expandAllSections() {
+        Object.keys(this.sectionsExpanded).forEach(key => {
+            this.sectionsExpanded[key] = true;
+        });
+    }
+    collapseAllSections() {
+        Object.keys(this.sectionsExpanded).forEach(key => {
+            this.sectionsExpanded[key] = false;
+        });
+    }
+    getExpandedCount() {
+        return Object.values(this.sectionsExpanded).filter(v => v === true).length;
+    }
+    filterSections(event) {
+        const searchTerm = event.target.value.toLowerCase();
+        const panels = document.querySelectorAll('.form-card.collapsible-card');
+        panels.forEach((panel) => {
+            const sectionName = panel.getAttribute('data-section-name') || '';
+            const fieldNames = panel.getAttribute('data-field-names') || '';
+            // Show section if search term matches section name OR any field name
+            const matches = sectionName.includes(searchTerm) || fieldNames.includes(searchTerm);
+            if (matches) {
+                panel.classList.remove('search-hidden');
+                // Add highlighting to matched text in section name
+                if (searchTerm && sectionName.includes(searchTerm)) {
+                    const h3 = panel.querySelector('.collapsible-title h3 .section-name');
+                    if (h3) {
+                        const originalText = h3.textContent || '';
+                        const regex = new RegExp(`(${searchTerm})`, 'gi');
+                        h3.innerHTML = originalText.replace(regex, '<span class="search-highlight">$1</span>');
+                    }
+                }
+            }
+            else {
+                panel.classList.add('search-hidden');
+            }
+        });
+        // Clear highlighting when search is empty
+        if (!searchTerm) {
+            panels.forEach((panel) => {
+                const h3 = panel.querySelector('.collapsible-title h3 .section-name');
+                if (h3) {
+                    h3.innerHTML = h3.textContent || '';
+                }
+            });
+        }
+    }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIModelFormComponent_BaseFactory; return function AIModelFormComponent_Factory(t) { return (ɵAIModelFormComponent_BaseFactory || (ɵAIModelFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AIModelFormComponent)))(t || AIModelFormComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIModelFormComponent, selectors: [["gen-aimodel-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [3, "TabSelected", "ResizeContainer"], ["Name", "Details"], ["Entity", "AI Models", "Section", "details", 3, "record", "EditMode"], ["Name", "AI Actions", 3, "Visible"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode"], ["Name", "AI Model Actions", 3, "Visible"], ["Name", "Vector Indexes", 3, "Visible"], ["Name", "Entity Documents", 3, "Visible"], ["Name", "Entity AI Actions", 3, "Visible"], ["Name", "Content Types", 3, "Visible"], ["Name", "AI Result Cache", 3, "Visible"], ["Name", "AI Agent Notes", 3, "Visible"], ["Name", "MJ: AI Agent Examples", 3, "Visible"], ["Name", "AIAgent Models", 3, "Visible"], ["Name", "MJ: AI Model Vendors", 3, "Visible"], ["Name", "Generated Codes", 3, "Visible"], ["Name", "MJ: AI Model Costs", 3, "Visible"], ["Name", "MJ: AI Prompt Models", 3, "Visible"], ["Name", "MJ: AI Prompt Runs", 3, "Visible"], ["Name", "MJ: AI Agent Runs", 3, "Visible"], ["Name", "Queries", 3, "Visible"], [1, "fa-solid", "fa-clipboard-question", "tab-header-icon"]], template: function AIModelFormComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, AIModelFormComponent_form_1_Template, 77, 88, "form", 2);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIModelFormComponent, selectors: [["gen-aimodel-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], ["sectionSearch", ""], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [1, "form-section-controls"], [1, "control-group"], ["title", "Expand all sections", 3, "click"], [1, "fa", "fa-expand-alt"], ["title", "Collapse all sections", 3, "click"], [1, "fa", "fa-compress-alt"], ["type", "text", "placeholder", "Search sections...", 1, "section-search", 3, "input"], [1, "section-count"], [1, "section-count-badge"], [1, "form-panels-container"], ["data-section-name", "model overview", "data-field-names", "name description aimodeltypeid ai model type id isactive is active modelselectioninsights model selection insights aimodeltype aimodel type vendor", 1, "form-card", "collapsible-card"], ["role", "button", "tabindex", "0", 1, "collapsible-header", 3, "click"], [1, "collapsible-title"], [1, "fa", "fa-info-circle"], [1, "section-name"], [1, "collapse-icon"], [1, "collapsible-body"], [1, "form-body"], ["FieldName", "Name", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "AIModelTypeID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsActive", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ModelSelectionInsights", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "AIModelType", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Vendor", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "performance metrics", "data-field-names", "powerrank power rank speedrank speed rank costrank cost rank", 1, "form-card", "collapsible-card"], [1, "fa", "fa-tachometer-alt"], ["FieldName", "PowerRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SpeedRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CostRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "technical specifications", "data-field-names", "driverclass driver class driverimportpath driver import path apiname inputtokenlimit input token limit supportedresponseformats supported response formats supportseffortlevel supports effort level", 1, "form-card", "collapsible-card"], [1, "fa", "fa-cog"], ["FieldName", "DriverClass", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DriverImportPath", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "APIName", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "InputTokenLimit", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SupportedResponseFormats", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SupportsEffortLevel", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "system metadata", "data-field-names", "__mj_createdat created at __mj_updatedat updated at", 1, "form-card", "collapsible-card"], [1, "fa", "fa-database"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], [1, "related-entity-grid"], ["data-section-name", "ai actions", "data-field-names", "ai actions", "data-section-key", "aIActions", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa", "fa-robot"], ["class", "row-count-badge", 3, "zero-rows", 4, "ngIf"], ["class", "collapsible-body", 3, "collapsed", 4, "ngIf"], ["data-section-name", "ai model actions", "data-field-names", "ai model actions", "data-section-key", "aIModelActions", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "entity documents", "data-field-names", "entity documents", "data-section-key", "entityDocuments", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa", "fa-file-alt"], ["data-section-name", "vector indexes", "data-field-names", "vector indexes", "data-section-key", "vectorIndexes", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "ai agent notes", "data-field-names", "ai agent notes", "data-section-key", "aIAgentNotes", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "ai result cache", "data-field-names", "ai result cache", "data-section-key", "aIResultCache", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "content types", "data-field-names", "content types", "data-section-key", "contentTypes", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa", "fa-folder"], ["data-section-name", "entity ai actions", "data-field-names", "entity ai actions", "data-section-key", "entityAIActions", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: ai agent examples", "data-field-names", "mj: ai agent examples", "data-section-key", "mJAIAgentExamples", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "aiagent models", "data-field-names", "ai agent models", "data-section-key", "aIAgentModels", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: ai model vendors", "data-field-names", "mj: ai model vendors", "data-section-key", "mJAIModelVendors", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "generated codes", "data-field-names", "generated codes", "data-section-key", "generatedCodes", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: ai model costs", "data-field-names", "mj: ai model costs", "data-section-key", "mJAIModelCosts", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: ai prompt models", "data-field-names", "mj: ai prompt models", "data-section-key", "mJAIPromptModels", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: ai prompt runs", "data-field-names", "mj: ai prompt runs", "data-section-key", "mJAIPromptRuns", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: ai agent runs", "data-field-names", "mj: ai agent runs", "data-section-key", "mJAIAgentRuns", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "queries", "data-field-names", "queries", "data-section-key", "queries", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa-solid", "fa-clipboard-question"], [1, "row-count-badge"], [3, "dataLoaded", "Params", "NewRecordValues", "AllowLoad", "EditMode"]], template: function AIModelFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵtemplate(1, AIModelFormComponent_form_1_Template, 268, 140, "form", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.record);
-        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] }); }
+        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.MJFormField, i5.FormToolbarComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n}\n\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: #9ca3af;\n}"] }); }
 };
 AIModelFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'AI Models') // Tell MemberJunction about this class
@@ -222,10 +939,10 @@ AIModelFormComponent = __decorate([
 export { AIModelFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIModelFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-aimodel-form', template: "<div class=\"record-form-container\"  >\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event)\"  (ResizeContainer)=\"InvokeManualResize()\">\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"AI Models\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"AI Actions\" [Visible]=\"record.IsSaved\"> \n                        AI Actions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('AI Actions','DefaultModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('AI Actions')\"\n                            [AllowLoad]=\"IsCurrentTab('AI Actions')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"AI Model Actions\" [Visible]=\"record.IsSaved\"> \n                        AI Model Actions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('AI Model Actions','AIModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('AI Model Actions')\"\n                            [AllowLoad]=\"IsCurrentTab('AI Model Actions')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Vector Indexes\" [Visible]=\"record.IsSaved\"> \n                        Vector Indexes\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Vector Indexes','EmbeddingModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Vector Indexes')\"\n                            [AllowLoad]=\"IsCurrentTab('Vector Indexes')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Entity Documents\" [Visible]=\"record.IsSaved\"> \n                        Entity Documents\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Entity Documents','AIModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Entity Documents')\"\n                            [AllowLoad]=\"IsCurrentTab('Entity Documents')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Entity AI Actions\" [Visible]=\"record.IsSaved\"> \n                        Entity AI Actions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Entity AI Actions','AIModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Entity AI Actions')\"\n                            [AllowLoad]=\"IsCurrentTab('Entity AI Actions')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Content Types\" [Visible]=\"record.IsSaved\"> \n                        Content Types\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Content Types','AIModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Content Types')\"\n                            [AllowLoad]=\"IsCurrentTab('Content Types')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"AI Result Cache\" [Visible]=\"record.IsSaved\"> \n                        AI Result Cache\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                            [AllowLoad]=\"IsCurrentTab('AI Result Cache')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"AI Agent Notes\" [Visible]=\"record.IsSaved\"> \n                        AI Agent Notes\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('AI Agent Notes','EmbeddingModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('AI Agent Notes')\"\n                            [AllowLoad]=\"IsCurrentTab('AI Agent Notes')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: AI Agent Examples\" [Visible]=\"record.IsSaved\"> \n                        MJ: AI Agent Examples\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Examples','EmbeddingModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Examples')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: AI Agent Examples')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"AIAgent Models\" [Visible]=\"record.IsSaved\"> \n                        AIAgent Models\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('AI Agent Models','ModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('AI Agent Models')\"\n                            [AllowLoad]=\"IsCurrentTab('AIAgent Models')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: AI Model Vendors\" [Visible]=\"record.IsSaved\"> \n                        MJ: AI Model Vendors\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Model Vendors','ModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: AI Model Vendors')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: AI Model Vendors')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Generated Codes\" [Visible]=\"record.IsSaved\"> \n                        Generated Codes\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Generated Codes','GeneratedByModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Generated Codes')\"\n                            [AllowLoad]=\"IsCurrentTab('Generated Codes')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: AI Model Costs\" [Visible]=\"record.IsSaved\"> \n                        MJ: AI Model Costs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Model Costs','ModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: AI Model Costs')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: AI Model Costs')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: AI Prompt Models\" [Visible]=\"record.IsSaved\"> \n                        MJ: AI Prompt Models\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompt Models','ModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: AI Prompt Models')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: AI Prompt Models')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: AI Prompt Runs\" [Visible]=\"record.IsSaved\"> \n                        MJ: AI Prompt Runs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompt Runs','ModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: AI Prompt Runs')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: AI Prompt Runs')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: AI Agent Runs\" [Visible]=\"record.IsSaved\"> \n                        MJ: AI Agent Runs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Runs','OverrideModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Runs')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: AI Agent Runs')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Queries\" [Visible]=\"record.IsSaved\"> \n                        <span class=\"fa-solid fa-clipboard-question tab-header-icon\"></span>Queries\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Queries','EmbeddingModelID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Queries')\"\n                            [AllowLoad]=\"IsCurrentTab('Queries')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+        args: [{ selector: 'gen-aimodel-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\">\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <div class=\"form-section-controls\">\n            <div class=\"control-group\">\n                <button (click)=\"expandAllSections()\" title=\"Expand all sections\">\n                    <i class=\"fa fa-expand-alt\"></i>Expand All\n                </button>\n                <button (click)=\"collapseAllSections()\" title=\"Collapse all sections\">\n                    <i class=\"fa fa-compress-alt\"></i>Collapse All\n                </button>\n            </div>\n            <input type=\"text\"\n                   class=\"section-search\"\n                   placeholder=\"Search sections...\"\n                   (input)=\"filterSections($event)\"\n                   #sectionSearch>\n            <span class=\"section-count\">\n                <span class=\"section-count-badge\">{{getExpandedCount()}}</span> of 21 expanded\n            </span>\n        </div>\n        <div class=\"form-panels-container\">\n<!-- Model Overview Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"model overview\" data-field-names=\"name description aimodeltypeid ai model type id isactive is active modelselectioninsights model selection insights aimodeltype aimodel type vendor\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('modelOverview')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-info-circle\"></i>\n                    <h3><span class=\"section-name\">Model Overview</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.modelOverview ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.modelOverview\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Name\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Description\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"AIModelTypeID\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n            LinkType=\"Record\"\n            LinkComponentType=\"Search\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"IsActive\"\n            Type=\"checkbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"ModelSelectionInsights\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"AIModelType\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Vendor\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- Performance Metrics Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"performance metrics\" data-field-names=\"powerrank power rank speedrank speed rank costrank cost rank\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('performanceMetrics')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-tachometer-alt\"></i>\n                    <h3><span class=\"section-name\">Performance Metrics</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.performanceMetrics ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.performanceMetrics\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"PowerRank\"\n            Type=\"numerictextbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"SpeedRank\"\n            Type=\"numerictextbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"CostRank\"\n            Type=\"numerictextbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- Technical Specifications Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"technical specifications\" data-field-names=\"driverclass driver class driverimportpath driver import path apiname inputtokenlimit input token limit supportedresponseformats supported response formats supportseffortlevel supports effort level\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('technicalSpecifications')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-cog\"></i>\n                    <h3><span class=\"section-name\">Technical Specifications</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.technicalSpecifications ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.technicalSpecifications\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"DriverClass\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"DriverImportPath\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"APIName\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"InputTokenLimit\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"SupportedResponseFormats\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"SupportsEffortLevel\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- System Metadata Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"system metadata\" data-field-names=\"__mj_createdat created at __mj_updatedat updated at\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('systemMetadata')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-database\"></i>\n                    <h3><span class=\"section-name\">System Metadata</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.systemMetadata ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.systemMetadata\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"__mj_CreatedAt\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"__mj_UpdatedAt\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n        <div class=\"related-entity-grid\">\n\n        <!-- AI Actions Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"ai actions\" data-field-names=\"ai actions\" data-section-key=\"aIActions\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('aIActions')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">AI Actions</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['aIActions'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['aIActions'] === 0\">\n                            {{sectionRowCounts['aIActions']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.aIActions ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.aIActions\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Actions','DefaultModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('AI Actions')\"\n                        [AllowLoad]=\"IsCurrentSection('aIActions')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['aIActions'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- AI Model Actions Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"ai model actions\" data-field-names=\"ai model actions\" data-section-key=\"aIModelActions\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('aIModelActions')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">AI Model Actions</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['aIModelActions'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['aIModelActions'] === 0\">\n                            {{sectionRowCounts['aIModelActions']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.aIModelActions ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.aIModelActions\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Model Actions','AIModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('AI Model Actions')\"\n                        [AllowLoad]=\"IsCurrentSection('aIModelActions')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['aIModelActions'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- Entity Documents Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"entity documents\" data-field-names=\"entity documents\" data-section-key=\"entityDocuments\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('entityDocuments')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-file-alt\"></i>\n                    <h3>\n                        <span class=\"section-name\">Entity Documents</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['entityDocuments'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['entityDocuments'] === 0\">\n                            {{sectionRowCounts['entityDocuments']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.entityDocuments ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.entityDocuments\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Entity Documents','AIModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('Entity Documents')\"\n                        [AllowLoad]=\"IsCurrentSection('entityDocuments')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['entityDocuments'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- Vector Indexes Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"vector indexes\" data-field-names=\"vector indexes\" data-section-key=\"vectorIndexes\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('vectorIndexes')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-database\"></i>\n                    <h3>\n                        <span class=\"section-name\">Vector Indexes</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['vectorIndexes'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['vectorIndexes'] === 0\">\n                            {{sectionRowCounts['vectorIndexes']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.vectorIndexes ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.vectorIndexes\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Vector Indexes','EmbeddingModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('Vector Indexes')\"\n                        [AllowLoad]=\"IsCurrentSection('vectorIndexes')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['vectorIndexes'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- AI Agent Notes Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"ai agent notes\" data-field-names=\"ai agent notes\" data-section-key=\"aIAgentNotes\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('aIAgentNotes')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">AI Agent Notes</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['aIAgentNotes'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['aIAgentNotes'] === 0\">\n                            {{sectionRowCounts['aIAgentNotes']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.aIAgentNotes ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.aIAgentNotes\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Agent Notes','EmbeddingModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('AI Agent Notes')\"\n                        [AllowLoad]=\"IsCurrentSection('aIAgentNotes')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['aIAgentNotes'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- AI Result Cache Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"ai result cache\" data-field-names=\"ai result cache\" data-section-key=\"aIResultCache\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('aIResultCache')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">AI Result Cache</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['aIResultCache'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['aIResultCache'] === 0\">\n                            {{sectionRowCounts['aIResultCache']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.aIResultCache ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.aIResultCache\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                        [AllowLoad]=\"IsCurrentSection('aIResultCache')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['aIResultCache'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- Content Types Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"content types\" data-field-names=\"content types\" data-section-key=\"contentTypes\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('contentTypes')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-folder\"></i>\n                    <h3>\n                        <span class=\"section-name\">Content Types</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['contentTypes'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['contentTypes'] === 0\">\n                            {{sectionRowCounts['contentTypes']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.contentTypes ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.contentTypes\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Content Types','AIModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('Content Types')\"\n                        [AllowLoad]=\"IsCurrentSection('contentTypes')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['contentTypes'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- Entity AI Actions Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"entity ai actions\" data-field-names=\"entity ai actions\" data-section-key=\"entityAIActions\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('entityAIActions')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">Entity AI Actions</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['entityAIActions'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['entityAIActions'] === 0\">\n                            {{sectionRowCounts['entityAIActions']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.entityAIActions ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.entityAIActions\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Entity AI Actions','AIModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('Entity AI Actions')\"\n                        [AllowLoad]=\"IsCurrentSection('entityAIActions')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['entityAIActions'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: AI Agent Examples Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: ai agent examples\" data-field-names=\"mj: ai agent examples\" data-section-key=\"mJAIAgentExamples\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJAIAgentExamples')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: AI Agent Examples</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJAIAgentExamples'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJAIAgentExamples'] === 0\">\n                            {{sectionRowCounts['mJAIAgentExamples']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJAIAgentExamples ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJAIAgentExamples\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Examples','EmbeddingModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Examples')\"\n                        [AllowLoad]=\"IsCurrentSection('mJAIAgentExamples')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJAIAgentExamples'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- AIAgent Models Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"aiagent models\" data-field-names=\"ai agent models\" data-section-key=\"aIAgentModels\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('aIAgentModels')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">AIAgent Models</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['aIAgentModels'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['aIAgentModels'] === 0\">\n                            {{sectionRowCounts['aIAgentModels']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.aIAgentModels ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.aIAgentModels\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Agent Models','ModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('AI Agent Models')\"\n                        [AllowLoad]=\"IsCurrentSection('aIAgentModels')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['aIAgentModels'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: AI Model Vendors Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: ai model vendors\" data-field-names=\"mj: ai model vendors\" data-section-key=\"mJAIModelVendors\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJAIModelVendors')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: AI Model Vendors</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJAIModelVendors'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJAIModelVendors'] === 0\">\n                            {{sectionRowCounts['mJAIModelVendors']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJAIModelVendors ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJAIModelVendors\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Model Vendors','ModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: AI Model Vendors')\"\n                        [AllowLoad]=\"IsCurrentSection('mJAIModelVendors')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJAIModelVendors'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- Generated Codes Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"generated codes\" data-field-names=\"generated codes\" data-section-key=\"generatedCodes\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('generatedCodes')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">Generated Codes</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['generatedCodes'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['generatedCodes'] === 0\">\n                            {{sectionRowCounts['generatedCodes']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.generatedCodes ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.generatedCodes\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Generated Codes','GeneratedByModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('Generated Codes')\"\n                        [AllowLoad]=\"IsCurrentSection('generatedCodes')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['generatedCodes'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: AI Model Costs Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: ai model costs\" data-field-names=\"mj: ai model costs\" data-section-key=\"mJAIModelCosts\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJAIModelCosts')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: AI Model Costs</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJAIModelCosts'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJAIModelCosts'] === 0\">\n                            {{sectionRowCounts['mJAIModelCosts']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJAIModelCosts ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJAIModelCosts\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Model Costs','ModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: AI Model Costs')\"\n                        [AllowLoad]=\"IsCurrentSection('mJAIModelCosts')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJAIModelCosts'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: AI Prompt Models Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: ai prompt models\" data-field-names=\"mj: ai prompt models\" data-section-key=\"mJAIPromptModels\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJAIPromptModels')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: AI Prompt Models</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJAIPromptModels'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJAIPromptModels'] === 0\">\n                            {{sectionRowCounts['mJAIPromptModels']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJAIPromptModels ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJAIPromptModels\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompt Models','ModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: AI Prompt Models')\"\n                        [AllowLoad]=\"IsCurrentSection('mJAIPromptModels')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJAIPromptModels'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: AI Prompt Runs Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: ai prompt runs\" data-field-names=\"mj: ai prompt runs\" data-section-key=\"mJAIPromptRuns\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJAIPromptRuns')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: AI Prompt Runs</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJAIPromptRuns'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJAIPromptRuns'] === 0\">\n                            {{sectionRowCounts['mJAIPromptRuns']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJAIPromptRuns ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJAIPromptRuns\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompt Runs','ModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: AI Prompt Runs')\"\n                        [AllowLoad]=\"IsCurrentSection('mJAIPromptRuns')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJAIPromptRuns'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: AI Agent Runs Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: ai agent runs\" data-field-names=\"mj: ai agent runs\" data-section-key=\"mJAIAgentRuns\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJAIAgentRuns')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-robot\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: AI Agent Runs</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJAIAgentRuns'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJAIAgentRuns'] === 0\">\n                            {{sectionRowCounts['mJAIAgentRuns']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJAIAgentRuns ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJAIAgentRuns\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Runs','OverrideModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Runs')\"\n                        [AllowLoad]=\"IsCurrentSection('mJAIAgentRuns')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJAIAgentRuns'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- Queries Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"queries\" data-field-names=\"queries\" data-section-key=\"queries\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('queries')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa-solid fa-clipboard-question\"></i>\n                    <h3>\n                        <span class=\"section-name\">Queries</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['queries'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['queries'] === 0\">\n                            {{sectionRowCounts['queries']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.queries ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.queries\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Queries','EmbeddingModelID')\"\n                        [NewRecordValues]=\"NewRecordValues('Queries')\"\n                        [AllowLoad]=\"IsCurrentSection('queries')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['queries'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n        </div>\n        </div>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n/* Collapsible Panel Styles */\n.form-panels-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n/* All field sections take full width */\n.form-panels-container > .form-card {\n  width: 100%;\n}\n\n/* Related entity grid container - responsive layout */\n.form-panels-container .related-entity-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n/* Responsive multi-column layout for related entities on wider screens */\n@media (min-width: 1400px) {\n  .form-panels-container .related-entity-grid {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card {\n  overflow: hidden;\n}\n\n.collapsible-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title i {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body {\n  padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n  color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls button {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls button:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n  transform: translateY(0);\n}\n\n.form-section-controls button i {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls .section-search {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls .section-search:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls .section-count {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n  display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* Search highlighting in section names */\n.collapsible-title h3 .search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n/* Row count badge in section headers */\n.collapsible-title .row-count-badge {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n  background: #9ca3af;\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIModelFormComponent, { className: "AIModelFormComponent", filePath: "src/lib/generated/Entities/AIModel/aimodel.form.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIModelFormComponent, { className: "AIModelFormComponent", filePath: "src/lib/generated/Entities/AIModel/aimodel.form.component.ts", lineNumber: 13 }); })();
 export function LoadAIModelFormComponent() {
-    LoadAIModelDetailsComponent();
+    // does nothing, but called to prevent tree-shaking from eliminating this component from the build
 }
 //# sourceMappingURL=aimodel.form.component.js.map