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

package/dist/lib/generated/Entities/ConversationDetail/conversationdetail.form.component.js

@@ -7,124 +7,569 @@ 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 { LoadConversationDetailDetailsComponent } 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 ConversationDetailFormComponent_form_1_span_96_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["reports"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["reports"], " ");
+} }
+function ConversationDetailFormComponent_form_1_div_99_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_99_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["reports"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.reports);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Reports", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("Reports"))("AllowLoad", ctx_r1.IsCurrentSection("reports"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_107_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJConversationDetailArtifacts"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJConversationDetailArtifacts"], " ");
+} }
+function ConversationDetailFormComponent_form_1_div_110_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_110_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJConversationDetailArtifacts"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJConversationDetailArtifacts);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: Conversation Detail Artifacts", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Conversation Detail Artifacts"))("AllowLoad", ctx_r1.IsCurrentSection("mJConversationDetailArtifacts"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_118_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJConversationDetailRatings"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJConversationDetailRatings"], " ");
+} }
+function ConversationDetailFormComponent_form_1_div_121_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_121_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJConversationDetailRatings"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJConversationDetailRatings);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: Conversation Detail Ratings", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Conversation Detail Ratings"))("AllowLoad", ctx_r1.IsCurrentSection("mJConversationDetailRatings"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_129_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} 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 ConversationDetailFormComponent_form_1_div_132_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_132_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r6); 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", "SourceConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Agent Notes"))("AllowLoad", ctx_r1.IsCurrentSection("aIAgentNotes"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_140_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["conversationDetails"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["conversationDetails"], " ");
+} }
+function ConversationDetailFormComponent_form_1_div_143_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_143_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["conversationDetails"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.conversationDetails);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Conversation Details", "ParentID"))("NewRecordValues", ctx_r1.NewRecordValues("Conversation Details"))("AllowLoad", ctx_r1.IsCurrentSection("conversationDetails"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_151_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} 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 ConversationDetailFormComponent_form_1_div_154_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_154_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r8); 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", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Runs"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIAgentRuns"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_162_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} 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 ConversationDetailFormComponent_form_1_div_165_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_165_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r9); 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", "SourceConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Examples"))("AllowLoad", ctx_r1.IsCurrentSection("mJAIAgentExamples"))("EditMode", ctx_r1.GridEditMode());
+} }
+function ConversationDetailFormComponent_form_1_span_173_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["mJTasks"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["mJTasks"], " ");
+} }
+function ConversationDetailFormComponent_form_1_div_176_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 72);
+    i0.ɵɵlistener("dataLoaded", function ConversationDetailFormComponent_form_1_div_176_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["mJTasks"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.mJTasks);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: Tasks", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Tasks"))("AllowLoad", ctx_r1.IsCurrentSection("mJTasks"))("EditMode", ctx_r1.GridEditMode());
+} }
 function ConversationDetailFormComponent_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 ConversationDetailFormComponent_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 ConversationDetailFormComponent_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.ɵɵ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 ConversationDetailFormComponent_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 ConversationDetailFormComponent_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 ConversationDetailFormComponent_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(6, "mj-tab-body");
-    i0.ɵɵelement(7, "mj-form-section", 7);
+    i0.ɵɵelementStart(13, "span", 13)(14, "span", 14);
+    i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab", 8);
-    i0.ɵɵelement(9, "span", 9);
-    i0.ɵɵtext(10, "Reports ");
+    i0.ɵɵtext(16, " of 12 expanded ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 15)(18, "div", 16)(19, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("conversationLinksArtifacts")); });
+    i0.ɵɵelementStart(20, "div", 18);
+    i0.ɵɵelement(21, "i", 19);
+    i0.ɵɵelementStart(22, "h3")(23, "span", 20);
+    i0.ɵɵtext(24, "Conversation Links & Artifacts");
+    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)(36, "mj-form-field", 31)(37, "mj-form-field", 32)(38, "mj-form-field", 33)(39, "mj-form-field", 34)(40, "mj-form-field", 35);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(41, "div", 36)(42, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_42_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("messageDetails")); });
+    i0.ɵɵelementStart(43, "div", 18);
+    i0.ɵɵelement(44, "i", 37);
+    i0.ɵɵelementStart(45, "h3")(46, "span", 20);
+    i0.ɵɵtext(47, "Message Details");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(48, "div", 21);
+    i0.ɵɵelement(49, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(50, "div", 22)(51, "div", 23);
+    i0.ɵɵelement(52, "mj-form-field", 38)(53, "mj-form-field", 39)(54, "mj-form-field", 40)(55, "mj-form-field", 41)(56, "mj-form-field", 42);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(57, "div", 43)(58, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_58_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("userFeedbackInsights")); });
+    i0.ɵɵelementStart(59, "div", 18);
+    i0.ɵɵelement(60, "i", 44);
+    i0.ɵɵelementStart(61, "h3")(62, "span", 20);
+    i0.ɵɵtext(63, "User Feedback & Insights");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(64, "div", 21);
+    i0.ɵɵelement(65, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(66, "div", 22)(67, "div", 23);
+    i0.ɵɵelement(68, "mj-form-field", 45)(69, "mj-form-field", 46)(70, "mj-form-field", 47)(71, "mj-form-field", 48);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(72, "div", 49)(73, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_73_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("systemMetadata")); });
+    i0.ɵɵelementStart(74, "div", 18);
+    i0.ɵɵelement(75, "i", 50);
+    i0.ɵɵelementStart(76, "h3")(77, "span", 20);
+    i0.ɵɵtext(78, "System Metadata");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(79, "div", 21);
+    i0.ɵɵelement(80, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(81, "div", 22)(82, "div", 23);
+    i0.ɵɵelement(83, "mj-form-field", 51)(84, "mj-form-field", 52)(85, "mj-form-field", 53)(86, "mj-form-field", 54)(87, "mj-form-field", 55);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(88, "div", 56)(89, "div", 57)(90, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_90_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("reports")); });
+    i0.ɵɵelementStart(91, "div", 18);
+    i0.ɵɵelement(92, "i", 58);
+    i0.ɵɵelementStart(93, "h3")(94, "span", 20);
+    i0.ɵɵtext(95, "Reports");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "mj-tab-body");
-    i0.ɵɵelement(12, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(96, ConversationDetailFormComponent_form_1_span_96_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(97, "div", 21);
+    i0.ɵɵelement(98, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(99, ConversationDetailFormComponent_form_1_div_99_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "mj-tab", 11);
-    i0.ɵɵtext(14, " MJ: Conversation Detail Artifacts ");
+    i0.ɵɵelementStart(100, "div", 61)(101, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_101_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJConversationDetailArtifacts")); });
+    i0.ɵɵelementStart(102, "div", 18);
+    i0.ɵɵelement(103, "i", 37);
+    i0.ɵɵelementStart(104, "h3")(105, "span", 20);
+    i0.ɵɵtext(106, "MJ: Conversation Detail Artifacts");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "mj-tab-body");
-    i0.ɵɵelement(16, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(107, ConversationDetailFormComponent_form_1_span_107_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(108, "div", 21);
+    i0.ɵɵelement(109, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(110, ConversationDetailFormComponent_form_1_div_110_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "mj-tab", 12);
-    i0.ɵɵtext(18, " MJ: Conversation Detail Ratings ");
+    i0.ɵɵelementStart(111, "div", 62)(112, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_112_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJConversationDetailRatings")); });
+    i0.ɵɵelementStart(113, "div", 18);
+    i0.ɵɵelement(114, "i", 37);
+    i0.ɵɵelementStart(115, "h3")(116, "span", 20);
+    i0.ɵɵtext(117, "MJ: Conversation Detail Ratings");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "mj-tab-body");
-    i0.ɵɵelement(20, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(118, ConversationDetailFormComponent_form_1_span_118_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(119, "div", 21);
+    i0.ɵɵelement(120, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(121, ConversationDetailFormComponent_form_1_div_121_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "mj-tab", 13);
-    i0.ɵɵtext(22, " AI Agent Notes ");
+    i0.ɵɵelementStart(122, "div", 63)(123, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_123_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("aIAgentNotes")); });
+    i0.ɵɵelementStart(124, "div", 18);
+    i0.ɵɵelement(125, "i", 64);
+    i0.ɵɵelementStart(126, "h3")(127, "span", 20);
+    i0.ɵɵtext(128, "AI Agent Notes");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "mj-tab-body");
-    i0.ɵɵelement(24, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(129, ConversationDetailFormComponent_form_1_span_129_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(130, "div", 21);
+    i0.ɵɵelement(131, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(132, ConversationDetailFormComponent_form_1_div_132_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "mj-tab", 14);
-    i0.ɵɵtext(26, " MJ: AI Agent Runs ");
+    i0.ɵɵelementStart(133, "div", 65)(134, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_134_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("conversationDetails")); });
+    i0.ɵɵelementStart(135, "div", 18);
+    i0.ɵɵelement(136, "i", 66);
+    i0.ɵɵelementStart(137, "h3")(138, "span", 20);
+    i0.ɵɵtext(139, "Conversation Details");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "mj-tab-body");
-    i0.ɵɵelement(28, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(140, ConversationDetailFormComponent_form_1_span_140_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(141, "div", 21);
+    i0.ɵɵelement(142, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(143, ConversationDetailFormComponent_form_1_div_143_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "mj-tab", 15);
-    i0.ɵɵtext(30, " Conversation Details ");
+    i0.ɵɵelementStart(144, "div", 67)(145, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_145_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIAgentRuns")); });
+    i0.ɵɵelementStart(146, "div", 18);
+    i0.ɵɵelement(147, "i", 64);
+    i0.ɵɵelementStart(148, "h3")(149, "span", 20);
+    i0.ɵɵtext(150, "MJ: AI Agent Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "mj-tab-body");
-    i0.ɵɵelement(32, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(151, ConversationDetailFormComponent_form_1_span_151_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(152, "div", 21);
+    i0.ɵɵelement(153, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(154, ConversationDetailFormComponent_form_1_div_154_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "mj-tab", 16);
-    i0.ɵɵtext(34, " MJ: Tasks ");
+    i0.ɵɵelementStart(155, "div", 68)(156, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_156_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJAIAgentExamples")); });
+    i0.ɵɵelementStart(157, "div", 18);
+    i0.ɵɵelement(158, "i", 64);
+    i0.ɵɵelementStart(159, "h3")(160, "span", 20);
+    i0.ɵɵtext(161, "MJ: AI Agent Examples");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "mj-tab-body");
-    i0.ɵɵelement(36, "mj-user-view-grid", 10);
+    i0.ɵɵtemplate(162, ConversationDetailFormComponent_form_1_span_162_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(163, "div", 21);
+    i0.ɵɵelement(164, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(165, ConversationDetailFormComponent_form_1_div_165_Template, 3, 6, "div", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "mj-tab", 17);
-    i0.ɵɵtext(38, " MJ: AI Agent Examples ");
+    i0.ɵɵelementStart(166, "div", 69)(167, "div", 17);
+    i0.ɵɵlistener("click", function ConversationDetailFormComponent_form_1_Template_div_click_167_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("mJTasks")); });
+    i0.ɵɵelementStart(168, "div", 18);
+    i0.ɵɵelement(169, "i", 70);
+    i0.ɵɵelementStart(170, "h3")(171, "span", 20);
+    i0.ɵɵtext(172, "MJ: Tasks");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "mj-tab-body");
-    i0.ɵɵelement(40, "mj-user-view-grid", 10);
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(173, ConversationDetailFormComponent_form_1_span_173_Template, 2, 3, "span", 59);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(174, "div", 21);
+    i0.ɵɵelement(175, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(176, ConversationDetailFormComponent_form_1_div_176_Template, 3, 6, "div", 60);
+    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.conversationLinksArtifacts ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.conversationLinksArtifacts);
+    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();
+    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(4);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Reports", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("Reports"))("AllowLoad", ctx_r1.IsCurrentTab("Reports"))("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("MJ: Conversation Detail Artifacts", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Conversation Detail Artifacts"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: Conversation Detail Artifacts"))("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("MJ: Conversation Detail Ratings", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Conversation Detail Ratings"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: Conversation Detail Ratings"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.messageDetails ? "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", "SourceConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Agent Notes"))("AllowLoad", ctx_r1.IsCurrentTab("AI Agent Notes"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.messageDetails);
+    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(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.userFeedbackInsights ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.userFeedbackInsights);
+    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(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.systemMetadata ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    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("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("MJ: AI Agent Runs", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Runs"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: AI Agent Runs"))("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("Conversation Details", "ParentID"))("NewRecordValues", ctx_r1.NewRecordValues("Conversation Details"))("AllowLoad", ctx_r1.IsCurrentTab("Conversation Details"))("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["reports"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.reports ? "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["mJConversationDetailArtifacts"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJConversationDetailArtifacts ? "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["mJConversationDetailRatings"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJConversationDetailRatings ? "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["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("MJ: Tasks", "ConversationDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Tasks"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: Tasks"))("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["conversationDetails"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.conversationDetails ? "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["mJAIAgentExamples"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJAIAgentExamples ? "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["mJTasks"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.mJTasks ? "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", "SourceConversationDetailID"))("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);
 } }
 let ConversationDetailFormComponent = class ConversationDetailFormComponent extends BaseFormComponent {
+    constructor() {
+        super(...arguments);
+        // Collapsible section state
+        this.sectionsExpanded = {
+            conversationLinksArtifacts: true,
+            messageDetails: true,
+            userFeedbackInsights: false,
+            systemMetadata: false,
+            reports: false,
+            mJConversationDetailArtifacts: false,
+            mJConversationDetailRatings: false,
+            aIAgentNotes: false,
+            conversationDetails: false,
+            mJAIAgentRuns: false,
+            mJAIAgentExamples: false,
+            mJTasks: 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 ɵConversationDetailFormComponent_BaseFactory; return function ConversationDetailFormComponent_Factory(t) { return (ɵConversationDetailFormComponent_BaseFactory || (ɵConversationDetailFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ConversationDetailFormComponent)))(t || ConversationDetailFormComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationDetailFormComponent, selectors: [["gen-conversationdetail-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", "Conversation Details", "Section", "details", 3, "record", "EditMode"], ["Name", "Reports", 3, "Visible"], [1, "fa-solid", "fa-chart-line", "tab-header-icon"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode"], ["Name", "MJ: Conversation Detail Artifacts", 3, "Visible"], ["Name", "MJ: Conversation Detail Ratings", 3, "Visible"], ["Name", "AI Agent Notes", 3, "Visible"], ["Name", "MJ: AI Agent Runs", 3, "Visible"], ["Name", "Conversation Details", 3, "Visible"], ["Name", "MJ: Tasks", 3, "Visible"], ["Name", "MJ: AI Agent Examples", 3, "Visible"]], template: function ConversationDetailFormComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, ConversationDetailFormComponent_form_1_Template, 41, 43, "form", 2);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationDetailFormComponent, selectors: [["gen-conversationdetail-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", "conversation links & artifacts", "data-field-names", "conversationid conversation id externalid external id userid user id artifactid artifact id artifactversionid artifact version id parentid parent id agentid agent id conversation user artifact agent rootparentid root parent id", 1, "form-card", "collapsible-card"], ["role", "button", "tabindex", "0", 1, "collapsible-header", 3, "click"], [1, "collapsible-title"], [1, "fa", "fa-link"], [1, "section-name"], [1, "collapse-icon"], [1, "collapsible-body"], [1, "form-body"], ["FieldName", "ConversationID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ExternalID", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ArtifactID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ArtifactVersionID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "AgentID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Conversation", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Artifact", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Agent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "RootParentID", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "message details", "data-field-names", "role message hiddentouser hidden to user status suggestedresponses suggested responses", 1, "form-card", "collapsible-card"], [1, "fa", "fa-comment"], ["FieldName", "Role", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Message", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "HiddenToUser", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Status", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SuggestedResponses", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "user feedback & insights", "data-field-names", "userrating user rating userfeedback user feedback reflectioninsights reflection insights ispinned is pinned", 1, "form-card", "collapsible-card"], [1, "fa", "fa-comment-dots"], ["FieldName", "UserRating", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserFeedback", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ReflectionInsights", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsPinned", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "system metadata", "data-field-names", "error __mj_createdat created at __mj_updatedat updated at summaryofearlierconversation summary of earlier conversation completiontime completion time", 1, "form-card", "collapsible-card"], [1, "fa", "fa-cog"], ["FieldName", "Error", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SummaryOfEarlierConversation", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CompletionTime", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], [1, "related-entity-grid"], ["data-section-name", "reports", "data-field-names", "reports", "data-section-key", "reports", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa-solid", "fa-chart-line"], ["class", "row-count-badge", 3, "zero-rows", 4, "ngIf"], ["class", "collapsible-body", 3, "collapsed", 4, "ngIf"], ["data-section-name", "mj: conversation detail artifacts", "data-field-names", "mj: conversation detail artifacts", "data-section-key", "mJConversationDetailArtifacts", 1, "form-card", "collapsible-card", "related-entity"], ["data-section-name", "mj: conversation detail ratings", "data-field-names", "mj: conversation detail ratings", "data-section-key", "mJConversationDetailRatings", 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"], [1, "fa", "fa-robot"], ["data-section-name", "conversation details", "data-field-names", "conversation details", "data-section-key", "conversationDetails", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa", "fa-comments"], ["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", "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", "mj: tasks", "data-field-names", "mj: tasks", "data-section-key", "mJTasks", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa", "fa-tasks"], [1, "row-count-badge"], [3, "dataLoaded", "Params", "NewRecordValues", "AllowLoad", "EditMode"]], template: function ConversationDetailFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵtemplate(1, ConversationDetailFormComponent_form_1_Template, 177, 128, "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}"] }); }
 };
 ConversationDetailFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Conversation Details') // Tell MemberJunction about this class
@@ -132,10 +577,10 @@ ConversationDetailFormComponent = __decorate([
 export { ConversationDetailFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConversationDetailFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-conversationdetail-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=\"Conversation Details\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" [Visible]=\"record.IsSaved\"> \n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports','ConversationDetailID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: Conversation Detail Artifacts\" [Visible]=\"record.IsSaved\"> \n                        MJ: Conversation Detail Artifacts\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Conversation Detail Artifacts','ConversationDetailID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: Conversation Detail Artifacts')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: Conversation Detail Artifacts')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: Conversation Detail Ratings\" [Visible]=\"record.IsSaved\"> \n                        MJ: Conversation Detail Ratings\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Conversation Detail Ratings','ConversationDetailID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: Conversation Detail Ratings')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: Conversation Detail Ratings')\"  \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','SourceConversationDetailID')\"  \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 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','ConversationDetailID')\"  \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=\"Conversation Details\" [Visible]=\"record.IsSaved\"> \n                        Conversation Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Conversation Details','ParentID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Conversation Details')\"\n                            [AllowLoad]=\"IsCurrentTab('Conversation Details')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"MJ: Tasks\" [Visible]=\"record.IsSaved\"> \n                        MJ: Tasks\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Tasks','ConversationDetailID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: Tasks')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: Tasks')\"  \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','SourceConversationDetailID')\"  \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                </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-conversationdetail-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 12 expanded\n            </span>\n        </div>\n        <div class=\"form-panels-container\">\n<!-- Conversation Links & Artifacts Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"conversation links & artifacts\" data-field-names=\"conversationid conversation id externalid external id userid user id artifactid artifact id artifactversionid artifact version id parentid parent id agentid agent id conversation user artifact agent rootparentid root parent id\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('conversationLinksArtifacts')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-link\"></i>\n                    <h3><span class=\"section-name\">Conversation Links & Artifacts</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.conversationLinksArtifacts ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.conversationLinksArtifacts\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"ConversationID\"\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=\"ExternalID\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"UserID\"\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=\"ArtifactID\"\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=\"ArtifactVersionID\"\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=\"ParentID\"\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=\"AgentID\"\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=\"Conversation\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"User\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Artifact\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Agent\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"RootParentID\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- Message Details Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"message details\" data-field-names=\"role message hiddentouser hidden to user status suggestedresponses suggested responses\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('messageDetails')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-comment\"></i>\n                    <h3><span class=\"section-name\">Message Details</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.messageDetails ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.messageDetails\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Role\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Message\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"HiddenToUser\"\n            Type=\"checkbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Status\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"SuggestedResponses\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- User Feedback & Insights Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"user feedback & insights\" data-field-names=\"userrating user rating userfeedback user feedback reflectioninsights reflection insights ispinned is pinned\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('userFeedbackInsights')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-comment-dots\"></i>\n                    <h3><span class=\"section-name\">User Feedback & Insights</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.userFeedbackInsights ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.userFeedbackInsights\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"UserRating\"\n            Type=\"numerictextbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"UserFeedback\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"ReflectionInsights\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"IsPinned\"\n            Type=\"checkbox\"\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=\"error __mj_createdat created at __mj_updatedat updated at summaryofearlierconversation summary of earlier conversation completiontime completion time\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('systemMetadata')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-cog\"></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=\"Error\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\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        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"SummaryOfEarlierConversation\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"CompletionTime\"\n            Type=\"numerictextbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n        <div class=\"related-entity-grid\">\n\n        <!-- Reports Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"reports\" data-field-names=\"reports\" data-section-key=\"reports\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('reports')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa-solid fa-chart-line\"></i>\n                    <h3>\n                        <span class=\"section-name\">Reports</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['reports'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['reports'] === 0\">\n                            {{sectionRowCounts['reports']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.reports ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.reports\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Reports','ConversationDetailID')\"\n                        [NewRecordValues]=\"NewRecordValues('Reports')\"\n                        [AllowLoad]=\"IsCurrentSection('reports')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['reports'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: Conversation Detail Artifacts Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: conversation detail artifacts\" data-field-names=\"mj: conversation detail artifacts\" data-section-key=\"mJConversationDetailArtifacts\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJConversationDetailArtifacts')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-comment\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: Conversation Detail Artifacts</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJConversationDetailArtifacts'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJConversationDetailArtifacts'] === 0\">\n                            {{sectionRowCounts['mJConversationDetailArtifacts']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJConversationDetailArtifacts ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJConversationDetailArtifacts\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Conversation Detail Artifacts','ConversationDetailID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: Conversation Detail Artifacts')\"\n                        [AllowLoad]=\"IsCurrentSection('mJConversationDetailArtifacts')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJConversationDetailArtifacts'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n\n        <!-- MJ: Conversation Detail Ratings Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: conversation detail ratings\" data-field-names=\"mj: conversation detail ratings\" data-section-key=\"mJConversationDetailRatings\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJConversationDetailRatings')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-comment\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: Conversation Detail Ratings</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJConversationDetailRatings'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJConversationDetailRatings'] === 0\">\n                            {{sectionRowCounts['mJConversationDetailRatings']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJConversationDetailRatings ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJConversationDetailRatings\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Conversation Detail Ratings','ConversationDetailID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: Conversation Detail Ratings')\"\n                        [AllowLoad]=\"IsCurrentSection('mJConversationDetailRatings')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJConversationDetailRatings'] = $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','SourceConversationDetailID')\"\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        <!-- Conversation Details Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"conversation details\" data-field-names=\"conversation details\" data-section-key=\"conversationDetails\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('conversationDetails')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-comments\"></i>\n                    <h3>\n                        <span class=\"section-name\">Conversation Details</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['conversationDetails'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['conversationDetails'] === 0\">\n                            {{sectionRowCounts['conversationDetails']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.conversationDetails ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.conversationDetails\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Conversation Details','ParentID')\"\n                        [NewRecordValues]=\"NewRecordValues('Conversation Details')\"\n                        [AllowLoad]=\"IsCurrentSection('conversationDetails')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['conversationDetails'] = $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','ConversationDetailID')\"\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        <!-- 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','SourceConversationDetailID')\"\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        <!-- MJ: Tasks Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"mj: tasks\" data-field-names=\"mj: tasks\" data-section-key=\"mJTasks\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('mJTasks')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-tasks\"></i>\n                    <h3>\n                        <span class=\"section-name\">MJ: Tasks</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['mJTasks'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['mJTasks'] === 0\">\n                            {{sectionRowCounts['mJTasks']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.mJTasks ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.mJTasks\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Tasks','ConversationDetailID')\"\n                        [NewRecordValues]=\"NewRecordValues('MJ: Tasks')\"\n                        [AllowLoad]=\"IsCurrentSection('mJTasks')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['mJTasks'] = $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(ConversationDetailFormComponent, { className: "ConversationDetailFormComponent", filePath: "src/lib/generated/Entities/ConversationDetail/conversationdetail.form.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationDetailFormComponent, { className: "ConversationDetailFormComponent", filePath: "src/lib/generated/Entities/ConversationDetail/conversationdetail.form.component.ts", lineNumber: 13 }); })();
 export function LoadConversationDetailFormComponent() {
-    LoadConversationDetailDetailsComponent();
+    // does nothing, but called to prevent tree-shaking from eliminating this component from the build
 }
 //# sourceMappingURL=conversationdetail.form.component.js.map