@memberjunction/ng-core-entity-forms 2.54.0 → 2.56.0

package/dist/lib/custom/ai-test-harness/ai-test-harness.component.js

@@ -1,3380 +0,0 @@
-import { Component, Input, Output, EventEmitter, ViewChild, SecurityContext } from '@angular/core';
-import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
-import { MJNotificationService } from '@memberjunction/ng-notifications';
-import { SharedService } from '@memberjunction/ng-shared';
-import { Subject } from 'rxjs';
-import { AIEngineBase } from '@memberjunction/ai-engine-base';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/platform-browser";
-import * as i2 from "@progress/kendo-angular-dialog";
-import * as i3 from "@angular/router";
-import * as i4 from "@angular/common";
-import * as i5 from "./agent-execution-monitor.component";
-import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-layout";
-import * as i8 from "@progress/kendo-angular-inputs";
-import * as i9 from "@progress/kendo-angular-dropdowns";
-import * as i10 from "@progress/kendo-angular-buttons";
-import * as i11 from "@memberjunction/ng-code-editor";
-const _c0 = ["messagesContainer"];
-const _c1 = ["fileInput"];
-const _c2 = ["messageInput"];
-const _c3 = ["saveDialogInput"];
-const _forTrack0 = ($index, $item) => $item.id;
-const _c4 = () => ({ text: "String", value: "string" });
-const _c5 = () => ({ text: "Number", value: "number" });
-const _c6 = () => ({ text: "Boolean", value: "boolean" });
-const _c7 = () => ({ text: "Object", value: "object" });
-const _c8 = (a0, a1, a2, a3) => [a0, a1, a2, a3];
-function AITestHarnessComponent_div_0_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.entity.Description);
-} }
-function AITestHarnessComponent_div_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "div", 13);
-    i0.ɵɵelement(2, "i", 14);
-    i0.ɵɵelementStart(3, "div")(4, "h3");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, AITestHarnessComponent_div_0_Conditional_2_Conditional_6_Template, 2, 1, "p");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 15)(8, "button", 16);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_2_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearConversation()); });
-    i0.ɵɵelement(9, "i", 17);
-    i0.ɵɵtext(10, " Clear ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 18);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_2_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.saveConversation()); });
-    i0.ɵɵelement(12, "i", 19);
-    i0.ɵɵtext(13, " Save ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 20);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.exportConversation()); });
-    i0.ɵɵelement(15, "i", 21);
-    i0.ɵɵtext(16, " Export ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 22);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_2_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.importConversation()); });
-    i0.ɵɵelement(18, "i", 23);
-    i0.ɵɵtext(19, " Import ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "input", 24, 0);
-    i0.ɵɵlistener("change", function AITestHarnessComponent_div_0_Conditional_2_Template_input_change_20_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFileSelected($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 25);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_2_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSidebar()); });
-    i0.ɵɵelement(23, "i", 14);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-robot", ctx_r1.mode === "agent")("fa-comment-dots", ctx_r1.mode === "prompt");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.getEntityName());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.Description ? 6 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting || ctx_r1.conversationMessages.length === 0);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r1.conversationMessages.length === 0);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r1.conversationMessages.length === 0);
-    i0.ɵɵadvance(9);
-    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.showSidebar)("fa-chevron-left", ctx_r1.showSidebar);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "i", 46);
-    i0.ɵɵelementStart(2, "h4");
-    i0.ɵɵtext(3, "Start a conversation");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Send a message to begin testing the AI agent");
-    i0.ɵɵelementEnd()();
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 60);
-    i0.ɵɵtext(1, " You ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 61);
-    i0.ɵɵtext(1);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEntityName() || "Assistant", " ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 50);
-    i0.ɵɵelement(1, "i", 34);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatElapsedTime(message_r5.elapsedTime), " ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("title", ctx_r1.getExecutionSummary(message_r5));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.formatExecutionTime(message_r5.executionTime));
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 62);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const message_r5 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.showRawJsonDialog(message_r5)); });
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵelementEnd();
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵelement(1, "span", 64);
-    i0.ɵɵelementStart(2, "span", 65);
-    i0.ɵɵtext(3, "|");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("innerHTML", ctx_r1.getFormattedStreamingContent(message_r5), i0.ɵɵsanitizeHtml);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 57);
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", ctx_r1.getFormattedContent(message_r5), i0.ɵɵsanitizeHtml);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵelement(1, "i", 66);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", message_r5.error, " ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_16_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
-    i0.ɵɵelement(1, "mj-code-editor", 72);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngModel", ctx_r1.formatJson(message_r5.payload))("language", "json")("readonly", true);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 67)(1, "div", 68);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_16_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r7); const message_r5 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.togglePayloadCollapse(message_r5)); });
-    i0.ɵɵelementStart(2, "span", 69);
-    i0.ɵɵelement(3, "i", 63);
-    i0.ɵɵtext(4, " Payload ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 70);
-    i0.ɵɵelement(6, "i", 14);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(7, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_16_Conditional_7_Template, 2, 3, "div", 71);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassProp("collapsed", message_r5.payloadCollapsed);
-    i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("fa-chevron-down", !message_r5.payloadCollapsed)("fa-chevron-right", message_r5.payloadCollapsed);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!message_r5.payloadCollapsed ? 7 : -1);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 47)(2, "span", 48);
-    i0.ɵɵtemplate(3, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_3_Template, 2, 0)(4, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_4_Template, 2, 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 49);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_7_Template, 3, 1, "span", 50)(8, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_8_Template, 2, 2, "span", 51)(9, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_9_Template, 2, 0, "button", 52);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 53)(11, "button", 54);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_For_7_Template_button_click_11_listener() { const message_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyMessage(message_r5)); });
-    i0.ɵɵelement(12, "i", 55);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(13, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_13_Template, 4, 1, "div", 56)(14, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_14_Template, 1, 1, "div", 57)(15, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_15_Template, 3, 1, "div", 58)(16, AITestHarnessComponent_div_0_Conditional_4_For_7_Conditional_16_Template, 8, 7, "div", 59);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const message_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.getMessageClass(message_r5));
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(message_r5.role === "user" ? 3 : 4);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(message_r5.timestamp));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(message_r5.isStreaming && message_r5.elapsedTime !== undefined ? 7 : message_r5.executionTime ? 8 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.showRawToggle(message_r5) ? 9 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(message_r5.isStreaming ? 13 : 14);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(message_r5.error ? 15 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(message_r5.payload && ctx_r1.mode === "agent" && message_r5.role === "assistant" ? 16 : -1);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 34);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 35);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectTab("agentVariables")); });
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵtext(2, " Agent Variables ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 73);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_18_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectTab("executionMonitor")); });
-    i0.ɵɵelement(4, "i", 74);
-    i0.ɵɵtext(5, " Execution Monitor ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("active", ctx_r1.activeTab === "agentVariables");
-    i0.ɵɵproperty("disabled", ctx_r1.executionMonitorMode === "live" && ctx_r1.activeTab !== "agentVariables");
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.activeTab === "executionMonitor");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 73);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_19_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectTab("templateVariables")); });
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵtext(2, " Template Variables ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 73);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_19_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectTab("modelSettings")); });
-    i0.ɵɵelement(4, "i", 75);
-    i0.ɵɵtext(5, " Model Settings ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("active", ctx_r1.activeTab === "templateVariables");
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.activeTab === "modelSettings");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 41);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.savedConversations.length);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 78)(1, "p");
-    i0.ɵɵtext(2, "No variables defined. Click \"Add Variable\" to get started.");
-    i0.ɵɵelementEnd()();
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_For_9_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 79)(1, "kendo-textbox", 82);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_For_9_Template_kendo_textbox_ngModelChange_1_listener($event) { const variable_r12 = i0.ɵɵrestoreView(_r11).$implicit; i0.ɵɵtwoWayBindingSet(variable_r12.name, $event) || (variable_r12.name = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 83);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_For_9_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const variable_r12 = i0.ɵɵrestoreView(_r11).$implicit; i0.ɵɵtwoWayBindingSet(variable_r12.type, $event) || (variable_r12.type = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textbox", 84);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_For_9_Template_kendo_textbox_ngModelChange_3_listener($event) { const variable_r12 = i0.ɵɵrestoreView(_r11).$implicit; i0.ɵɵtwoWayBindingSet(variable_r12.value, $event) || (variable_r12.value = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 85);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_For_9_Template_button_click_4_listener() { const $index_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.removeAgentVariable($index_r13)); });
-    i0.ɵɵelement(5, "i", 86);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const variable_r12 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", variable_r12.name);
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", variable_r12.type);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction4(14, _c8, i0.ɵɵpureFunction0(10, _c4), i0.ɵɵpureFunction0(11, _c5), i0.ɵɵpureFunction0(12, _c6), i0.ɵɵpureFunction0(13, _c7)))("valuePrimitive", true)("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", variable_r12.value);
-    i0.ɵɵproperty("placeholder", variable_r12.type === "object" ? "JSON value" : "Value")("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 76)(2, "h4");
-    i0.ɵɵtext(3, "Agent Variables");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Variables available during agent execution and template rendering");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 77);
-    i0.ɵɵtemplate(7, AITestHarnessComponent_div_0_Conditional_4_Conditional_25_Conditional_7_Template, 3, 0, "div", 78);
-    i0.ɵɵrepeaterCreate(8, AITestHarnessComponent_div_0_Conditional_4_Conditional_25_For_9_Template, 6, 19, "div", 79, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 80);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_25_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addAgentVariable()); });
-    i0.ɵɵelement(11, "i", 81);
-    i0.ɵɵtext(12, " Add Variable ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.agentVariables.length === 0 ? 7 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.agentVariables);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "mj-agent-execution-monitor", 87);
-    i0.ɵɵlistener("viewRunClick", function AITestHarnessComponent_div_0_Conditional_4_Conditional_26_Template_mj_agent_execution_monitor_viewRunClick_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToRun($event)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("mode", ctx_r1.executionMonitorMode)("executionData", ctx_r1.currentExecutionData)("autoExpand", true)("runId", ctx_r1.getLastRunId())("runType", ctx_r1.mode);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 79)(1, "kendo-textbox", 82);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_For_8_Template_kendo_textbox_ngModelChange_1_listener($event) { const variable_r17 = i0.ɵɵrestoreView(_r16).$implicit; i0.ɵɵtwoWayBindingSet(variable_r17.name, $event) || (variable_r17.name = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "kendo-dropdownlist", 83);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_For_8_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const variable_r17 = i0.ɵɵrestoreView(_r16).$implicit; i0.ɵɵtwoWayBindingSet(variable_r17.type, $event) || (variable_r17.type = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textbox", 84);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_For_8_Template_kendo_textbox_ngModelChange_3_listener($event) { const variable_r17 = i0.ɵɵrestoreView(_r16).$implicit; i0.ɵɵtwoWayBindingSet(variable_r17.value, $event) || (variable_r17.value = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 89);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_For_8_Template_button_click_4_listener() { const $index_r18 = i0.ɵɵrestoreView(_r16).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.removeTemplateVariable($index_r18)); });
-    i0.ɵɵelement(5, "i", 86);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const variable_r17 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", variable_r17.name);
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", variable_r17.type);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction4(13, _c8, i0.ɵɵpureFunction0(9, _c4), i0.ɵɵpureFunction0(10, _c5), i0.ɵɵpureFunction0(11, _c6), i0.ɵɵpureFunction0(12, _c7)))("valuePrimitive", true)("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", variable_r17.value);
-    i0.ɵɵproperty("placeholder", variable_r17.type === "object" ? "JSON value" : "Value")("disabled", ctx_r1.isExecuting);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 76)(2, "h4");
-    i0.ɵɵtext(3, "Template Variables");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Variables for prompt template rendering");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 77);
-    i0.ɵɵrepeaterCreate(7, AITestHarnessComponent_div_0_Conditional_4_Conditional_27_For_8_Template, 6, 18, "div", 79, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 88);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_27_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addTemplateVariable()); });
-    i0.ɵɵelement(10, "i", 81);
-    i0.ɵɵtext(11, " Add Variable ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(7);
-    i0.ɵɵrepeater(ctx_r1.templateVariables);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Using default vendor for the default model ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Only one vendor available for this model ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Select the inference provider for this model ");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_79_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 93)(1, "label", 116);
-    i0.ɵɵtext(2, " Top Log Probs ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-numerictextbox", 117);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_79_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.topLogProbs, $event) || (ctx_r1.advancedParams.topLogProbs = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.topLogProbs);
-    i0.ɵɵproperty("min", 2)("max", 20)("step", 1)("format", "n0");
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 45)(1, "div", 76)(2, "h4");
-    i0.ɵɵtext(3, "Model Settings");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Configure AI model parameters");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 90);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.resetToPromptDefaults()); });
-    i0.ɵɵelement(7, "i", 91);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 92)(9, "div", 93)(10, "label");
-    i0.ɵɵtext(11, "AI Model");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "kendo-dropdownlist", 94);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_dropdownlist_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedModelId, $event) || (ctx_r1.selectedModelId = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_dropdownlist_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onModelSelectionChange()); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 93)(14, "label");
-    i0.ɵɵtext(15, "AI Vendor");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "kendo-dropdownlist", 95);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_dropdownlist_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedVendorId, $event) || (ctx_r1.selectedVendorId = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 96);
-    i0.ɵɵtemplate(18, AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_18_Template, 1, 0)(19, AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_19_Template, 1, 0)(20, AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_20_Template, 1, 0);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 93)(22, "label");
-    i0.ɵɵtext(23, "Response Format");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "kendo-dropdownlist", 97);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_dropdownlist_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedResponseFormat, $event) || (ctx_r1.selectedResponseFormat = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 96);
-    i0.ɵɵtext(26, " Expected format for AI response (defaults to prompt setting) ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 93)(28, "label");
-    i0.ɵɵtext(29, "Max Tokens");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "kendo-numerictextbox", 98);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.maxTokens, $event) || (ctx_r1.maxTokens = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 96);
-    i0.ɵɵtext(32, " Maximum length of generated response ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 93)(34, "label", 99)(35, "input", 100);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_input_ngModelChange_35_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.skipValidation, $event) || (ctx_r1.skipValidation = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(36, " Skip Validation ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "div", 96);
-    i0.ɵɵtext(38, " Skip output validation during testing ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(39, "kendo-expansionpanel", 101);
-    i0.ɵɵlistener("action", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_expansionpanel_action_39_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleAdvancedParams()); });
-    i0.ɵɵelementStart(40, "div", 102)(41, "div", 93)(42, "label", 103);
-    i0.ɵɵtext(43, " Temperature ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "kendo-numerictextbox", 104);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.temperature, $event) || (ctx_r1.advancedParams.temperature = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 93)(46, "label", 105);
-    i0.ɵɵtext(47, " Top P ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "kendo-numerictextbox", 104);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_48_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.topP, $event) || (ctx_r1.advancedParams.topP = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(49, "div", 93)(50, "label", 106);
-    i0.ɵɵtext(51, " Top K ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "kendo-numerictextbox", 104);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_52_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.topK, $event) || (ctx_r1.advancedParams.topK = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(53, "div", 93)(54, "label", 107);
-    i0.ɵɵtext(55, " Min P ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "kendo-numerictextbox", 104);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_56_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.minP, $event) || (ctx_r1.advancedParams.minP = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(57, "div", 93)(58, "label", 108);
-    i0.ɵɵtext(59, " Frequency Penalty ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(60, "kendo-numerictextbox", 104);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_60_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.frequencyPenalty, $event) || (ctx_r1.advancedParams.frequencyPenalty = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(61, "div", 93)(62, "label", 109);
-    i0.ɵɵtext(63, " Presence Penalty ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(64, "kendo-numerictextbox", 104);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_64_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.presencePenalty, $event) || (ctx_r1.advancedParams.presencePenalty = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(65, "div", 93)(66, "label", 110);
-    i0.ɵɵtext(67, " Seed ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(68, "kendo-numerictextbox", 111);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_numerictextbox_ngModelChange_68_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.seed, $event) || (ctx_r1.advancedParams.seed = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(69, "div", 93)(70, "label", 112);
-    i0.ɵɵtext(71, " Stop Sequences ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(72, "kendo-textarea", 113);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_textarea_ngModelChange_72_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.stopSequencesText, $event) || (ctx_r1.stopSequencesText = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_textarea_ngModelChange_72_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.updateStopSequences()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(73, "div", 96);
-    i0.ɵɵtext(74, " Separate multiple sequences with commas ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(75, "div", 93)(76, "label", 114);
-    i0.ɵɵtext(77, " Include Log Probs ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(78, "kendo-switch", 115);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template_kendo_switch_ngModelChange_78_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.advancedParams.includeLogProbs, $event) || (ctx_r1.advancedParams.includeLogProbs = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(79, AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Conditional_79_Template, 4, 5, "div", 93);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(12);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedModelId);
-    i0.ɵɵproperty("data", ctx_r1.availableModels)("valuePrimitive", true);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedVendorId);
-    i0.ɵɵproperty("data", ctx_r1.availableVendors)("valuePrimitive", true)("disabled", ctx_r1.availableVendors.length <= 1 || !ctx_r1.selectedModelId);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r1.selectedModelId ? 18 : ctx_r1.availableVendors.length <= 1 ? 19 : 20);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedResponseFormat);
-    i0.ɵɵproperty("data", ctx_r1.responseFormatOptions);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.maxTokens);
-    i0.ɵɵproperty("min", 100)("max", 8000)("step", 100);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.skipValidation);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("expanded", ctx_r1.advancedParamsExpanded);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.temperature);
-    i0.ɵɵproperty("min", 0)("max", 2)("step", 0.1)("format", "n1");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.topP);
-    i0.ɵɵproperty("min", 0)("max", 1)("step", 0.01)("format", "n2");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.topK);
-    i0.ɵɵproperty("min", 1)("max", 100)("step", 1)("format", "n0");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.minP);
-    i0.ɵɵproperty("min", 0)("max", 1)("step", 0.01)("format", "n2");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.frequencyPenalty);
-    i0.ɵɵproperty("min", -2)("max", 2)("step", 0.1)("format", "n1");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.presencePenalty);
-    i0.ɵɵproperty("min", -2)("max", 2)("step", 0.1)("format", "n1");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.seed);
-    i0.ɵɵproperty("format", "n0");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.stopSequencesText);
-    i0.ɵɵproperty("rows", 2);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.advancedParams.includeLogProbs);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.advancedParams.includeLogProbs ? 79 : -1);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 122);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.newConversation()); });
-    i0.ɵɵelement(1, "i", 81);
-    i0.ɵɵtext(2, " New ");
-    i0.ɵɵelementEnd();
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 120);
-    i0.ɵɵelement(1, "i", 123);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No saved conversations");
-    i0.ɵɵelementEnd()();
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_For_10_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_For_10_Template_div_click_0_listener() { const conv_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.loadConversation(conv_r23)); });
-    i0.ɵɵelementStart(1, "div", 125)(2, "h5");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 126);
-    i0.ɵɵtext(7);
-    i0.ɵɵpipe(8, "date");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "button", 127);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_For_10_Template_button_click_9_listener($event) { const conv_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.deleteConversation(conv_r23, $event)); });
-    i0.ɵɵelement(10, "i", 128);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const conv_r23 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("current", conv_r23.id === ctx_r1.currentConversationId);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(conv_r23.name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", conv_r23.messages.length, " messages");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, conv_r23.updatedAt, "short"));
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 76)(2, "h4");
-    i0.ɵɵtext(3, "Saved Conversations");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Previously saved test sessions");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Conditional_6_Template, 3, 0, "button", 118);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 119);
-    i0.ɵɵtemplate(8, AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Conditional_8_Template, 4, 0, "div", 120);
-    i0.ɵɵrepeaterCreate(9, AITestHarnessComponent_div_0_Conditional_4_Conditional_29_For_10_Template, 11, 8, "div", 121, _forTrack0);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r1.currentConversationId ? 6 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.savedConversations.length === 0 ? 8 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.savedConversations);
-} }
-function AITestHarnessComponent_div_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-splitter", 11)(1, "kendo-splitter-pane", 26)(2, "div", 12)(3, "div", 27, 1);
-    i0.ɵɵtemplate(5, AITestHarnessComponent_div_0_Conditional_4_Conditional_5_Template, 6, 0, "div", 28);
-    i0.ɵɵrepeaterCreate(6, AITestHarnessComponent_div_0_Conditional_4_For_7_Template, 17, 8, "div", 29, _forTrack0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 30)(9, "div", 31)(10, "kendo-textarea", 32, 2);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_4_Template_kendo_textarea_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.currentUserMessage, $event) || (ctx_r1.currentUserMessage = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("keypress", function AITestHarnessComponent_div_0_Conditional_4_Template_kendo_textarea_keypress_10_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleKeyPress($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 33);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.sendMessage()); });
-    i0.ɵɵtemplate(13, AITestHarnessComponent_div_0_Conditional_4_Conditional_13_Template, 1, 0, "i", 34)(14, AITestHarnessComponent_div_0_Conditional_4_Conditional_14_Template, 1, 0, "i", 35);
-    i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(15, "kendo-splitter-pane", 36)(16, "div", 37)(17, "div", 38);
-    i0.ɵɵtemplate(18, AITestHarnessComponent_div_0_Conditional_4_Conditional_18_Template, 6, 5)(19, AITestHarnessComponent_div_0_Conditional_4_Conditional_19_Template, 6, 4);
-    i0.ɵɵelementStart(20, "button", 39);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_4_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectTab("savedConversations")); });
-    i0.ɵɵelement(21, "i", 40);
-    i0.ɵɵtext(22, " Saved ");
-    i0.ɵɵtemplate(23, AITestHarnessComponent_div_0_Conditional_4_Conditional_23_Template, 2, 1, "span", 41);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 42);
-    i0.ɵɵtemplate(25, AITestHarnessComponent_div_0_Conditional_4_Conditional_25_Template, 13, 2, "div", 43)(26, AITestHarnessComponent_div_0_Conditional_4_Conditional_26_Template, 2, 5, "div", 44)(27, AITestHarnessComponent_div_0_Conditional_4_Conditional_27_Template, 12, 0, "div", 43)(28, AITestHarnessComponent_div_0_Conditional_4_Conditional_28_Template, 80, 52, "div", 45)(29, AITestHarnessComponent_div_0_Conditional_4_Conditional_29_Template, 11, 2, "div", 43);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("collapsible", false)("resizable", true)("min", "400px");
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.conversationMessages.length === 0 ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.conversationMessages);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.currentUserMessage);
-    i0.ɵɵproperty("rows", 3)("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting || !ctx_r1.currentUserMessage.trim());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isExecuting ? 13 : 14);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("collapsible", false)("resizable", true)("size", "30%")("min", "300px");
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.mode === "agent" ? 18 : 19);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.activeTab === "savedConversations");
-    i0.ɵɵproperty("disabled", ctx_r1.executionMonitorMode === "live" && ctx_r1.activeTab !== "savedConversations");
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.savedConversations.length > 0 ? 23 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.activeTab === "agentVariables" ? 25 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "executionMonitor" ? 26 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "templateVariables" ? 27 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "modelSettings" ? 28 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "savedConversations" ? 29 : -1);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "i", 46);
-    i0.ɵɵelementStart(2, "h4");
-    i0.ɵɵtext(3, "Start a conversation");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Send a message to begin testing the AI agent");
-    i0.ɵɵelementEnd()();
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 60);
-    i0.ɵɵtext(1, " You ");
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 61);
-    i0.ɵɵtext(1);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getEntityName() || "Assistant", " ");
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 50);
-    i0.ɵɵelement(1, "i", 34);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatElapsedTime(message_r26.elapsedTime), " ");
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("title", ctx_r1.getExecutionSummary(message_r26));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.formatExecutionTime(message_r26.executionTime));
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 62);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r27); const message_r26 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.showRawJsonDialog(message_r26)); });
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵelementEnd();
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 131);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const message_r26 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.showMessageExecutionHistory(message_r26)); });
-    i0.ɵɵelement(1, "i", 74);
-    i0.ɵɵelementEnd();
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 132);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const message_r26 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToAgentRun(message_r26.agentRunId)); });
-    i0.ɵɵelement(1, "i", 133);
-    i0.ɵɵelementEnd();
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56)(1, "span", 134);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "span", 65);
-    i0.ɵɵtext(4, "|");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(message_r26.streamingContent);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 57);
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("innerHTML", ctx_r1.getFormattedContent(message_r26), i0.ɵɵsanitizeHtml);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵelement(1, "i", 66);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", message_r26.error, " ");
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_18_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71)(1, "pre");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatJson(message_r26.payload));
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 67)(1, "div", 68);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_18_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r30); const message_r26 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.togglePayloadCollapse(message_r26)); });
-    i0.ɵɵelementStart(2, "span", 69);
-    i0.ɵɵelement(3, "i", 63);
-    i0.ɵɵtext(4, " Payload ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 70);
-    i0.ɵɵelement(6, "i", 14);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(7, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_18_Conditional_7_Template, 3, 1, "div", 71);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const message_r26 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassProp("collapsed", message_r26.payloadCollapsed);
-    i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("fa-chevron-down", !message_r26.payloadCollapsed)("fa-chevron-right", message_r26.payloadCollapsed);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!message_r26.payloadCollapsed ? 7 : -1);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_For_5_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 47)(2, "span", 48);
-    i0.ɵɵtemplate(3, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_3_Template, 2, 0)(4, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_4_Template, 2, 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 49);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_7_Template, 3, 1, "span", 50)(8, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_8_Template, 2, 2, "span", 51)(9, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_9_Template, 2, 0, "button", 52)(10, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_10_Template, 2, 0, "button", 129)(11, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_11_Template, 2, 0, "button", 130);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 53)(13, "button", 54);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_5_For_5_Template_button_click_13_listener() { const message_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.copyMessage(message_r26)); });
-    i0.ɵɵelement(14, "i", 55);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(15, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_15_Template, 5, 1, "div", 56)(16, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_16_Template, 1, 1, "div", 57)(17, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_17_Template, 3, 1, "div", 58)(18, AITestHarnessComponent_div_0_Conditional_5_For_5_Conditional_18_Template, 8, 7, "div", 59);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const message_r26 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.getMessageClass(message_r26));
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(message_r26.role === "user" ? 3 : 4);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(message_r26.timestamp));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(message_r26.isStreaming && message_r26.elapsedTime !== undefined ? 7 : message_r26.executionTime ? 8 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.showRawToggle(message_r26) ? 9 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(message_r26.executionData && ctx_r1.mode === "agent" && message_r26.role === "assistant" ? 10 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(message_r26.agentRunId && ctx_r1.mode === "agent" && message_r26.role === "assistant" ? 11 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(message_r26.isStreaming ? 15 : 16);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(message_r26.error ? 17 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(message_r26.payload && ctx_r1.mode === "agent" && message_r26.role === "assistant" ? 18 : -1);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 34);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 35);
-} }
-function AITestHarnessComponent_div_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 27, 1);
-    i0.ɵɵtemplate(3, AITestHarnessComponent_div_0_Conditional_5_Conditional_3_Template, 6, 0, "div", 28);
-    i0.ɵɵrepeaterCreate(4, AITestHarnessComponent_div_0_Conditional_5_For_5_Template, 19, 10, "div", 29, _forTrack0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 30)(7, "div", 31)(8, "kendo-textarea", 32, 2);
-    i0.ɵɵtwoWayListener("ngModelChange", function AITestHarnessComponent_div_0_Conditional_5_Template_kendo_textarea_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.currentUserMessage, $event) || (ctx_r1.currentUserMessage = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("keypress", function AITestHarnessComponent_div_0_Conditional_5_Template_kendo_textarea_keypress_8_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleKeyPress($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 33);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_div_0_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.sendMessage()); });
-    i0.ɵɵtemplate(11, AITestHarnessComponent_div_0_Conditional_5_Conditional_11_Template, 1, 0, "i", 34)(12, AITestHarnessComponent_div_0_Conditional_5_Conditional_12_Template, 1, 0, "i", 35);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.conversationMessages.length === 0 ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.conversationMessages);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.currentUserMessage);
-    i0.ɵɵproperty("rows", 3)("disabled", ctx_r1.isExecuting);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isExecuting || !ctx_r1.currentUserMessage.trim());
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isExecuting ? 11 : 12);
-} }
-function AITestHarnessComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
-    i0.ɵɵtemplate(2, AITestHarnessComponent_div_0_Conditional_2_Template, 24, 13, "div", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 10);
-    i0.ɵɵtemplate(4, AITestHarnessComponent_div_0_Conditional_4_Template, 30, 23, "kendo-splitter", 11)(5, AITestHarnessComponent_div_0_Conditional_5_Template, 13, 6, "div", 12);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.entity ? 2 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.showSidebar ? 4 : 5);
-} }
-function AITestHarnessComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 135);
-    i0.ɵɵlistener("close", function AITestHarnessComponent_Conditional_1_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelSaveDialog()); });
-    i0.ɵɵelementStart(1, "div", 136)(2, "p");
-    i0.ɵɵtext(3, "Enter a name for this conversation:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 137, 3);
-    i0.ɵɵlistener("keyup", function AITestHarnessComponent_Conditional_1_Template_input_keyup_4_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.updateTempConversation()); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "kendo-dialog-actions")(7, "button", 138);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelSaveDialog()); });
-    i0.ɵɵtext(8, "Cancel");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 139);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_Conditional_1_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmSaveConversation()); });
-    i0.ɵɵtext(10, " Save ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("title", "Save Conversation")("width", 400);
-    i0.ɵɵadvance(9);
-    i0.ɵɵproperty("primary", true)("disabled", ctx_r1.tempConversationName === "");
-} }
-function AITestHarnessComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 140);
-    i0.ɵɵlistener("close", function AITestHarnessComponent_Conditional_2_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelLoadConversation()); });
-    i0.ɵɵelementStart(1, "div", 136)(2, "p");
-    i0.ɵɵtext(3, "Loading this conversation will replace the current one. Any unsaved changes will be lost.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "Do you want to continue?");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "kendo-dialog-actions")(7, "button", 138);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelLoadConversation()); });
-    i0.ɵɵtext(8, "Cancel");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 141);
-    i0.ɵɵlistener("click", function AITestHarnessComponent_Conditional_2_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmLoadConversation()); });
-    i0.ɵɵtext(10, " Load Conversation ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    i0.ɵɵproperty("title", "Replace Current Conversation?")("width", 400);
-    i0.ɵɵadvance(9);
-    i0.ɵɵproperty("primary", true);
-} }
-/**
- * Comprehensive test harness component for AI Agent development and testing.
- * Provides a full-featured chat interface with conversation management, data context configuration,
- * template data management, streaming responses, conversation persistence, and import/export capabilities.
- *
- * ## Key Features:
- * - **Interactive Chat**: Real-time conversation with AI agents
- * - **Streaming Support**: Live streaming of agent responses with elapsed time tracking
- * - **Data Context Management**: Configure variables passed to agent during execution
- * - **Template Data Management**: Manage template variables for agent prompts
- * - **Conversation Persistence**: Save/load conversations with full state restoration
- * - **Import/Export**: JSON-based conversation backup and sharing
- * - **Content Formatting**: Automatic detection and rendering of Markdown, JSON, and plain text
- * - **Raw Content Toggle**: View both processed and raw AI responses
- * - **Error Handling**: Comprehensive error display and user feedback
- *
- * ## Usage:
- * ```html
- * <mj-ai-agent-test-harness
- *   [aiAgent]="myAgent"
- *   [isVisible]="true"
- *   (visibilityChange)="onVisibilityChanged($event)">
- * </mj-ai-agent-test-harness>
- * ```
- *
- * @example
- * ```typescript
- * // Using with agent entity
- * const agent = await metadata.GetEntityObject<AIAgentEntity>('AI Agents');
- * await agent.Load('agent-id');
- * this.testHarness.aiAgent = agent;
- * this.testHarness.isVisible = true;
- * ```
- */
-export class AITestHarnessComponent {
-    /**
-     * Creates a new AI Test Harness component instance.
-     * @param sanitizer - Angular DomSanitizer for safe HTML rendering of formatted content
-     * @param windowService - Kendo WindowService for creating modal windows
-     * @param viewContainerRef - Angular ViewContainerRef for window positioning
-     * @param cdr - Angular ChangeDetectorRef for managing change detection
-     */
-    constructor(sanitizer, windowService, viewContainerRef, cdr, router) {
-        this.sanitizer = sanitizer;
-        this.windowService = windowService;
-        this.viewContainerRef = viewContainerRef;
-        this.cdr = cdr;
-        this.router = router;
-        /** The mode of operation - either 'agent' or 'prompt' */
-        this.mode = 'agent';
-        /** The entity to test - either an AI Agent or AI Prompt */
-        this.entity = null;
-        this._isVisible = false;
-        /** Event emitted when the visibility state changes, allowing parent components to react */
-        this.visibilityChange = new EventEmitter();
-        // === Conversation State ===
-        /** Complete array of all messages in the current conversation session */
-        this.conversationMessages = [];
-        /** Current text input by the user (bound to textarea) */
-        this.currentUserMessage = '';
-        /** Whether an agent execution is currently in progress */
-        this.isExecuting = false;
-        // === Data Context Management ===
-        /** Unified variables for agent execution (combines data context and template data) */
-        this.agentVariables = [];
-        // === Prompt-specific properties ===
-        /** Variables for prompt template rendering */
-        this.templateVariables = [];
-        /** Selected AI model for prompt execution */
-        this.selectedModelId = '';
-        /** Selected AI vendor for prompt execution */
-        this.selectedVendorId = '';
-        /** Available AI vendors for the selected model */
-        this.availableVendors = [];
-        /** Default model for the prompt (cached for display) */
-        this.defaultModelName = '';
-        /** Maximum tokens for prompt execution */
-        this.maxTokens = null;
-        /** Whether to skip validation when running prompts */
-        this.skipValidation = false;
-        /** Advanced LLM Parameters */
-        this.advancedParams = {
-            temperature: null,
-            topP: null,
-            topK: null,
-            minP: null,
-            frequencyPenalty: null,
-            presencePenalty: null,
-            seed: null,
-            stopSequences: [],
-            includeLogProbs: false,
-            topLogProbs: 2
-        };
-        /** Raw stop sequences input for textarea */
-        this.stopSequencesText = '';
-        /** Whether advanced parameters panel is expanded */
-        this.advancedParamsExpanded = false;
-        /** Available AI models for prompt execution */
-        this.availableModels = [];
-        /** Available response format options */
-        this.responseFormatOptions = [
-            { text: 'Any', value: 'Any' },
-            { text: 'Text', value: 'Text' },
-            { text: 'Markdown', value: 'Markdown' },
-            { text: 'JSON', value: 'JSON' },
-            { text: 'Model Specific', value: 'ModelSpecific' }
-        ];
-        /** Selected response format for prompt execution */
-        this.selectedResponseFormat = this.responseFormatOptions[0];
-        // === UI State Management ===
-        /** Whether the configuration sidebar is currently visible */
-        this.showSidebar = true;
-        /** Currently active tab in the sidebar */
-        this.activeTab = 'agentVariables';
-        /** Array of saved conversation sessions loaded from localStorage */
-        this.savedConversations = [];
-        /** ID of the currently active/loaded conversation, if any */
-        this.currentConversationId = null;
-        /** Flag to control JSON dialog visibility */
-        this.showJsonDialog = false;
-        /** Current JSON content to display in the dialog */
-        this.currentJsonContent = '';
-        /** Reference to the JSON window when open */
-        this.jsonWindowRef = null;
-        // === Execution Monitor Properties ===
-        /** Mode for the execution monitor component */
-        this.executionMonitorMode = 'historical';
-        /** Current execution data for the monitor */
-        this.currentExecutionData = null;
-        /** Agent conversation state tracking */
-        this.agentConversationState = null;
-        this.lastAgentReturnValue = null;
-        this.subAgentHistory = [];
-        /** Whether to show the save conversation dialog */
-        this.showSaveDialog = false;
-        /** Name for the new conversation being saved */
-        this.newConversationName = '';
-        /** Temporary name for the dialog input to avoid binding conflicts */
-        this.tempConversationName = '';
-        /** Whether to show the load confirmation dialog */
-        this.showLoadConfirmDialog = false;
-        /** Conversation pending to be loaded */
-        this.pendingLoadConversation = null;
-        /** Reference to the current message for JSON display */
-        this.currentJsonMessage = null;
-        // === Private State & Intervals ===
-        /** Subject for component destruction cleanup */
-        this.destroy$ = new Subject();
-        /** Flag indicating that auto-scroll is needed on next view check */
-        this.scrollNeeded = false;
-        /** MemberJunction metadata instance for entity operations */
-        this._metadata = new Metadata();
-        /** Track if input has been focused to prevent repeated focusing */
-        this._hasFocused = false;
-        /** Default model object for the prompt (cached for vendor lookup) */
-        this.defaultModel = null;
-    }
-    /** @deprecated Use 'entity' instead. Kept for backward compatibility. */
-    get aiAgent() {
-        return this.isAgentEntity(this.entity) ? this.entity : null;
-    }
-    set aiAgent(value) {
-        this.entity = value;
-        if (value) {
-            this.mode = 'agent';
-        }
-    }
-    /**
-     * Controls the visibility of the test harness. When set to true, automatically resets the harness state.
-     * This property is typically controlled by parent components or dialog wrappers.
-     */
-    get isVisible() {
-        return this._isVisible;
-    }
-    set isVisible(value) {
-        const wasVisible = this._isVisible;
-        this._isVisible = value;
-        if (value && !wasVisible) {
-            this.resetHarness();
-        }
-    }
-    /**
-     * Component initialization. Loads saved conversations, sets up event subscriptions,
-     * and initializes the harness to a clean state.
-     */
-    ngOnInit() {
-        // Ensure we have an entity
-        if (!this.entity && this.aiAgent) {
-            // Handle backward compatibility
-            this.entity = this.aiAgent;
-            this.mode = 'agent';
-        }
-        this.loadSavedConversations();
-        this.subscribeToEvents();
-        this.resetHarness();
-        // Load models if in prompt mode
-        if (this.mode === 'prompt') {
-            this.loadAvailableModels();
-            this.loadPromptDefaults();
-            this.loadTemplateParameters(); // Load template parameters for pre-population
-        }
-    }
-    /**
-     * Responds to input property changes, particularly when entity is set/changed
-     */
-    ngOnChanges(changes) {
-        if (changes['entity']) {
-            if (changes['entity'].currentValue) {
-                this.loadSavedConversations();
-            }
-        }
-        if (changes['aiAgent']) {
-            if (!this.entity && this.aiAgent) {
-                this.entity = this.aiAgent;
-                this.mode = 'agent';
-                this.loadSavedConversations();
-            }
-        }
-        if (changes['isVisible']) {
-            if (changes['isVisible'].currentValue) {
-                // Reset focus flag when dialog becomes visible
-                this._hasFocused = false;
-            }
-        }
-    }
-    /**
-     * Component cleanup. Destroys subscriptions and clears any active intervals
-     * to prevent memory leaks.
-     */
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-        if (this.elapsedTimeInterval) {
-            clearInterval(this.elapsedTimeInterval);
-        }
-        if (this._mjGlobalEventSub) {
-            this._mjGlobalEventSub.unsubscribe();
-        }
-        if (this._agentStreamSub) {
-            this._agentStreamSub.unsubscribe();
-        }
-    }
-    /**
-     * Post-view check hook that handles auto-scrolling to the bottom of the message container
-     * when new content is added.
-     */
-    ngAfterViewChecked() {
-        if (this.scrollNeeded) {
-            this.scrollToBottom();
-            this.scrollNeeded = false;
-        }
-        // Auto-focus message input when dialog first becomes visible
-        // Use Promise.resolve to schedule this after current change detection cycle
-        if (this.isVisible && !this._hasFocused && this.messageInput) {
-            this._hasFocused = true;
-            Promise.resolve().then(() => {
-                this.messageInput?.focus();
-            });
-        }
-    }
-    subscribeToEvents() {
-        // Set up direct GraphQL subscription for agent execution stream
-        const dataProvider = Metadata.Provider;
-        const _providerPushStatusSub = dataProvider.PushStatusUpdates().subscribe((status) => {
-            const message = JSON.parse(status.message || '{}');
-            if (message?.resolver === 'RunAIAgentResolver') {
-                // Handle different types of streaming messages
-                if (message?.type === 'ExecutionProgress' && message.data?.progress) {
-                    const userMsg = message.data.progress.message;
-                    // Update streaming message content
-                    const streamingMessage = this.conversationMessages.find(m => m.isStreaming);
-                    if (streamingMessage) {
-                        // Clear any typing animation interval
-                        const typingInterval = streamingMessage._typingInterval;
-                        if (typingInterval) {
-                            clearInterval(typingInterval);
-                            delete streamingMessage._typingInterval;
-                        }
-                        // Update the streaming content with the status message
-                        streamingMessage.streamingContent = userMsg;
-                        this.scrollNeeded = true;
-                    }
-                    // Update execution monitor with live progress
-                    if (!this.currentExecutionData) {
-                        this.currentExecutionData = { liveSteps: [] };
-                    }
-                    this.executionMonitorMode = 'live';
-                    // Add or update the current step in the execution tree
-                    const stepInfo = {
-                        step: {
-                            ID: `temp-${Date.now()}`,
-                            StepName: userMsg,
-                            StepType: message.data.progress.step || 'unknown',
-                            Status: 'Running',
-                            StartedAt: new Date()
-                        },
-                        executionType: message.data.progress.step || 'unknown',
-                        agentHierarchy: message.data.progress.agentHierarchy || [],
-                        depth: message.data.progress.depth || 0,
-                        startTime: new Date()
-                    };
-                    // For live mode, we'll append steps as they come
-                    if (!this.currentExecutionData.liveSteps) {
-                        this.currentExecutionData.liveSteps = [];
-                    }
-                    this.currentExecutionData.liveSteps.push(stepInfo);
-                    // Trigger change detection for the monitor
-                    this.currentExecutionData = { ...this.currentExecutionData };
-                }
-                else if (message?.type === 'StreamingContent' && message.data?.streaming) {
-                    const streamingMessage = this.conversationMessages.find(m => m.isStreaming);
-                    if (streamingMessage) {
-                        // Append streaming content
-                        if (!streamingMessage.streamingContent) {
-                            streamingMessage.streamingContent = '';
-                        }
-                        streamingMessage.streamingContent = message.data.streaming.content;
-                        this.scrollNeeded = true;
-                    }
-                }
-                else if (message?.type === 'partial_result' && message.data?.partialResult) {
-                    // Could update execution monitor with partial results
-                }
-                else if (message?.type === 'complete') {
-                    // Switch execution monitor to historical mode with final data
-                    this.executionMonitorMode = 'historical';
-                }
-            }
-        });
-    }
-    /**
-     * Loads available AI models for prompt execution.
-     * Only called when the harness is in prompt mode.
-     */
-    async loadAvailableModels() {
-        await AIEngineBase.Instance.Config(false);
-        // Filter models by the prompt's AIModelTypeID if it exists
-        let filteredModels = [];
-        if (this.entity && 'AIModelTypeID' in this.entity) {
-            const prompt = this.entity;
-            if (prompt.AIModelTypeID) {
-                filteredModels = AIEngineBase.Instance.Models.filter(model => model.AIModelTypeID === prompt.AIModelTypeID && model.IsActive);
-            }
-            else {
-                // No model type restriction, show all active models
-                filteredModels = AIEngineBase.Instance.Models.filter(model => model.IsActive);
-            }
-            // Set default response format from prompt with slight delay for Kendo dropdown
-            setTimeout(() => {
-                const format = this.responseFormatOptions.find(f => f.value.trim().toLowerCase() === prompt.ResponseFormat.trim().toLowerCase());
-                if (format) {
-                    this.selectedResponseFormat = format;
-                }
-                else {
-                    this.selectedResponseFormat = this.responseFormatOptions[0]; // Default to 'Any'
-                }
-            }, 0);
-        }
-        else {
-            // Not a prompt entity, show all active models
-            filteredModels = AIEngineBase.Instance.Models.filter(model => model.IsActive);
-        }
-        // Sort models by name
-        filteredModels.sort((a, b) => a.Name.localeCompare(b.Name));
-        // Determine the default model for this prompt
-        if (this.entity && 'AIModelTypeID' in this.entity) {
-            const prompt = this.entity;
-            this.defaultModelName = await this.getDefaultModelName(prompt);
-        }
-        // Add a blank option at the beginning with the default model name
-        this.availableModels = [
-            { ID: '', Name: this.defaultModelName ? `-- Default: ${this.defaultModelName} --` : '-- Use Default Model --' },
-            ...filteredModels
-        ];
-        // Don't auto-select a model - let the dropdown show the blank option
-        this.selectedModelId = '';
-        // If we have a default model, load its default vendor
-        if (this.defaultModelName) {
-            await this.loadDefaultVendor();
-        }
-        else {
-            this.selectedVendorId = '';
-            this.availableVendors = [];
-        }
-    }
-    /**
-     * Gets the default model name for a prompt based on its configuration
-     */
-    async getDefaultModelName(prompt) {
-        try {
-            // Get prompt-specific model associations
-            const promptModels = AIEngineBase.Instance.PromptModels.filter(pm => pm.PromptID === prompt.ID &&
-                (pm.Status === 'Active' || pm.Status === 'Preview'));
-            let defaultModel = null;
-            if (promptModels.length > 0) {
-                // Sort by priority (higher priority first)
-                promptModels.sort((a, b) => (b.Priority || 0) - (a.Priority || 0));
-                // Find the first active model
-                for (const pm of promptModels) {
-                    const model = AIEngineBase.Instance.Models.find(m => m.ID === pm.ModelID && m.IsActive);
-                    if (model) {
-                        defaultModel = model;
-                        break;
-                    }
-                }
-            }
-            // If no prompt-specific model, use selection strategy
-            if (!defaultModel) {
-                const candidates = AIEngineBase.Instance.Models.filter(m => m.IsActive &&
-                    (!prompt.AIModelTypeID || m.AIModelTypeID === prompt.AIModelTypeID));
-                if (candidates.length > 0) {
-                    // Apply selection strategy
-                    if (prompt.SelectionStrategy === 'ByPower') {
-                        candidates.sort((a, b) => {
-                            switch (prompt.PowerPreference) {
-                                case 'Lowest':
-                                    return (a.PowerRank || 0) - (b.PowerRank || 0);
-                                case 'Highest':
-                                case 'Balanced':
-                                default:
-                                    return (b.PowerRank || 0) - (a.PowerRank || 0);
-                            }
-                        });
-                    }
-                    defaultModel = candidates[0];
-                }
-            }
-            // Cache the default model object for vendor lookup
-            this.defaultModel = defaultModel;
-            return defaultModel ? defaultModel.Name : '';
-        }
-        catch (error) {
-            console.error('Error getting default model name:', error);
-            return '';
-        }
-    }
-    /**
-     * Loads the vendors for the default model
-     */
-    async loadDefaultVendor() {
-        try {
-            if (!this.defaultModel) {
-                this.availableVendors = [];
-                return;
-            }
-            // Get vendors that offer this model - same logic as loadVendorsForModel
-            const modelVendors = AIEngineBase.Instance.ModelVendors.filter(mv => mv.ModelID === this.defaultModel.ID &&
-                mv.Status === 'Active' &&
-                mv.Type?.trim().toLowerCase() === 'inference provider');
-            // Map to vendor objects with priority from ModelVendor
-            const vendorObjects = [];
-            for (const mv of modelVendors) {
-                const vendor = AIEngineBase.Instance.Vendors.find(v => v.ID === mv.VendorID);
-                if (vendor) {
-                    vendorObjects.push({
-                        ID: vendor.ID,
-                        Name: vendor.Name,
-                        Priority: mv.Priority || 999 // Use ModelVendor priority
-                    });
-                }
-            }
-            // Sort by priority (lower number = higher priority)
-            vendorObjects.sort((a, b) => a.Priority - b.Priority);
-            this.availableVendors = vendorObjects;
-            // Select the highest priority vendor
-            if (vendorObjects.length > 0) {
-                this.selectedVendorId = vendorObjects[0].ID;
-            }
-        }
-        catch (error) {
-            console.error('Error loading default vendor:', error);
-            this.availableVendors = [];
-        }
-    }
-    /**
-     * Handles model selection change and loads available vendors for the selected model
-     */
-    onModelSelectionChange() {
-        this.selectedVendorId = '';
-        this.availableVendors = [];
-        if (!this.selectedModelId) {
-            // When default model is selected, load default vendor
-            if (this.defaultModelName) {
-                this.loadDefaultVendor();
-            }
-            return;
-        }
-        // Ensure AIEngineBase is configured
-        if (!AIEngineBase.Instance.Models || AIEngineBase.Instance.Models.length === 0) {
-            AIEngineBase.Instance.Config(false).then(() => {
-                this.loadVendorsForModel();
-            });
-        }
-        else {
-            this.loadVendorsForModel();
-        }
-    }
-    /**
-     * Loads available vendors for the selected model
-     */
-    loadVendorsForModel() {
-        if (!this.selectedModelId) {
-            return;
-        }
-        // Get model-specific vendors
-        const modelVendors = AIEngineBase.Instance.ModelVendors.filter(mv => mv.ModelID === this.selectedModelId &&
-            mv.Status === 'Active' &&
-            mv.Type?.trim().toLowerCase() === 'inference provider');
-        // Map to vendor objects with priority from ModelVendor
-        const vendorObjects = [];
-        for (const mv of modelVendors) {
-            const vendor = AIEngineBase.Instance.Vendors.find(v => v.ID === mv.VendorID);
-            if (vendor) {
-                // For now, include all vendors. TODO: Filter by vendor type when available
-                vendorObjects.push({
-                    ID: vendor.ID,
-                    Name: vendor.Name,
-                    Priority: mv.Priority || 999 // Use ModelVendor priority
-                });
-            }
-        }
-        // Sort by priority (lower number = higher priority)
-        vendorObjects.sort((a, b) => a.Priority - b.Priority);
-        this.availableVendors = vendorObjects;
-        // Auto-select the highest priority vendor if only one or set default
-        if (vendorObjects.length === 1) {
-            this.selectedVendorId = vendorObjects[0].ID;
-        }
-        else if (vendorObjects.length > 1) {
-            // Select the highest priority (lowest priority number)
-            this.selectedVendorId = vendorObjects[0].ID;
-        }
-    }
-    /**
-     * Loads default parameter values from the AI prompt entity
-     */
-    loadPromptDefaults() {
-        if (this.mode === 'prompt' && this.entity && this.isPromptEntity(this.entity)) {
-            const prompt = this.entity;
-            // Load default values from prompt entity
-            if (prompt.Temperature != null)
-                this.advancedParams.temperature = prompt.Temperature;
-            if (prompt.TopP != null)
-                this.advancedParams.topP = prompt.TopP;
-            if (prompt.TopK != null)
-                this.advancedParams.topK = prompt.TopK;
-            if (prompt.MinP != null)
-                this.advancedParams.minP = prompt.MinP;
-            if (prompt.FrequencyPenalty != null)
-                this.advancedParams.frequencyPenalty = prompt.FrequencyPenalty;
-            if (prompt.PresencePenalty != null)
-                this.advancedParams.presencePenalty = prompt.PresencePenalty;
-            if (prompt.Seed != null)
-                this.advancedParams.seed = prompt.Seed;
-            if (prompt.StopSequences) {
-                this.stopSequencesText = prompt.StopSequences;
-                this.advancedParams.stopSequences = prompt.StopSequences.split(',').map((s) => s.trim()).filter((s) => s.length > 0);
-            }
-            if (prompt.IncludeLogProbs != null)
-                this.advancedParams.includeLogProbs = prompt.IncludeLogProbs;
-            if (prompt.TopLogProbs != null)
-                this.advancedParams.topLogProbs = prompt.TopLogProbs;
-        }
-    }
-    /**
-     * Loads template parameters from the prompt's template and pre-populates
-     * the template variables with their default values
-     */
-    async loadTemplateParameters() {
-        if (this.mode === 'prompt' && this.entity && this.isPromptEntity(this.entity)) {
-            const prompt = this.entity;
-            if (!prompt.TemplateID) {
-                return; // No template to load parameters from
-            }
-            try {
-                const rv = new RunView();
-                const result = await rv.RunView({
-                    EntityName: 'Template Params',
-                    ExtraFilter: `TemplateID='${prompt.TemplateID}'`,
-                    OrderBy: 'Name ASC',
-                    ResultType: 'entity_object'
-                });
-                if (result.Success && result.Results && result.Results.length > 0) {
-                    // Clear existing template variables
-                    this.templateVariables = [];
-                    // Add each template parameter as a variable with its default value
-                    for (const param of result.Results) {
-                        this.templateVariables.push({
-                            name: param.Name,
-                            value: param.DefaultValue || '',
-                            type: this.getVariableTypeFromParamType(param.Type)
-                        });
-                    }
-                    // If no parameters found, add one empty variable to start
-                    if (this.templateVariables.length === 0) {
-                        this.templateVariables.push({ name: '', value: '', type: 'string' });
-                    }
-                }
-            }
-            catch (error) {
-                console.error('Error loading template parameters:', error);
-                // Add one empty variable on error
-                this.templateVariables = [{ name: '', value: '', type: 'string' }];
-            }
-        }
-    }
-    /**
-     * Maps template parameter types to variable types
-     */
-    getVariableTypeFromParamType(paramType) {
-        switch (paramType?.toLowerCase()) {
-            case 'number':
-            case 'integer':
-            case 'float':
-            case 'decimal':
-                return 'number';
-            case 'boolean':
-            case 'bool':
-                return 'boolean';
-            case 'object':
-            case 'json':
-            case 'array':
-                return 'object';
-            default:
-                return 'string';
-        }
-    }
-    /**
-     * Resets all model settings to the prompt defaults
-     */
-    resetToPromptDefaults() {
-        if (this.mode === 'prompt' && this.entity && this.isPromptEntity(this.entity)) {
-            const prompt = this.entity;
-            // Reset model selection to default
-            this.selectedModelId = '';
-            // Reset vendor - will be loaded by loadDefaultVendor
-            this.selectedVendorId = '';
-            // Reset response format to prompt's setting
-            const format = this.responseFormatOptions.find(f => f.value.trim().toLowerCase() === prompt.ResponseFormat.trim().toLowerCase());
-            this.selectedResponseFormat = format || this.responseFormatOptions[0];
-            // Reset max tokens
-            this.maxTokens = null;
-            // Reset skip validation
-            this.skipValidation = false;
-            // Reset advanced parameters
-            this.advancedParams = {
-                temperature: null,
-                topP: null,
-                topK: null,
-                minP: null,
-                frequencyPenalty: null,
-                presencePenalty: null,
-                seed: null,
-                stopSequences: [],
-                includeLogProbs: false,
-                topLogProbs: 2
-            };
-            this.stopSequencesText = '';
-            // Reload prompt defaults for advanced params
-            this.loadPromptDefaults();
-            // Reload default vendor for the default model
-            if (this.defaultModelName) {
-                this.loadDefaultVendor();
-            }
-        }
-    }
-    /**
-     * Resets the test harness to its initial state, clearing all conversations,
-     * variables, and UI state. Called automatically when the harness becomes visible.
-     */
-    resetHarness() {
-        this.conversationMessages = [];
-        this.currentUserMessage = '';
-        this.isExecuting = false;
-        this.agentVariables = [{ name: '', value: '', type: 'string' }];
-        this.templateVariables = [];
-        this.currentConversationId = null;
-        this.showSidebar = true;
-        this.currentExecutionData = null;
-        this.executionMonitorMode = 'historical';
-        // Reset conversation state
-        this.agentConversationState = null;
-        this.lastAgentReturnValue = null;
-        this.subAgentHistory = [];
-        // Set default tab based on mode
-        this.activeTab = this.mode === 'agent' ? 'agentVariables' : 'templateVariables';
-        // Reset advanced parameters
-        this.advancedParams = {
-            temperature: null,
-            topP: null,
-            topK: null,
-            minP: null,
-            frequencyPenalty: null,
-            presencePenalty: null,
-            seed: null,
-            stopSequences: [],
-            includeLogProbs: false,
-            topLogProbs: 2
-        };
-        this.stopSequencesText = '';
-        this.advancedParamsExpanded = false;
-        this.skipValidation = false;
-    }
-    /**
-     * Starts a new conversation
-     */
-    newConversation() {
-        if (this.conversationMessages.length > 0 && !this.currentConversationId) {
-            // Unsaved conversation exists - use our custom dialog
-            if (confirm('You have an unsaved conversation. Would you like to save it first?')) {
-                this.saveConversation();
-                return;
-            }
-        }
-        this.resetHarness();
-        MJNotificationService.Instance.CreateSimpleNotification('Started new conversation', 'info', 2000);
-    }
-    /**
-     * Closes the test harness by setting visibility to false and emitting the change event.
-     * Used by dialog implementations and close buttons.
-     */
-    close() {
-        this._isVisible = false;
-        this.visibilityChange.emit(false);
-    }
-    /**
-     * Toggles the visibility of the configuration sidebar.
-     * Allows users to show/hide the data context and conversation management panels.
-     */
-    toggleSidebar() {
-        this.showSidebar = !this.showSidebar;
-    }
-    /**
-     * Switches to the specified tab in the configuration sidebar.
-     * @param tab - The tab to activate
-     */
-    selectTab(tab) {
-        this.activeTab = tab;
-        // If switching to execution monitor tab, ensure it has the latest data
-        if (tab === 'executionMonitor' && this.conversationMessages.length > 0) {
-            const lastAssistantMessage = this.conversationMessages
-                .filter(m => m.role === 'assistant' && m.executionData)
-                .pop();
-            if (lastAssistantMessage && lastAssistantMessage.executionData) {
-                this.currentExecutionData = lastAssistantMessage.executionData;
-                this.executionMonitorMode = 'historical';
-            }
-        }
-    }
-    /**
-     * Shows the execution history for a specific message
-     * @param message - The message to show execution history for
-     */
-    showMessageExecutionHistory(message) {
-        if (message.executionData && this.mode === 'agent') {
-            this.currentExecutionData = message.executionData;
-            this.executionMonitorMode = 'historical';
-            // Switch to execution monitor tab if not already there
-            if (this.activeTab !== 'executionMonitor') {
-                this.selectTab('executionMonitor');
-            }
-        }
-    }
-    /**
-     * Extract sub-agent nodes from execution tree
-     */
-    extractSubAgentNodes(executionTree) {
-        const subAgentNodes = [];
-        const traverse = (nodes) => {
-            for (const node of nodes) {
-                if (node.executionType === 'sub-agent') {
-                    subAgentNodes.push({
-                        agentName: node.step?.StepName,
-                        result: node.outputData,
-                        timestamp: node.endTime || node.startTime
-                    });
-                }
-                if (node.children) {
-                    traverse(node.children);
-                }
-            }
-        };
-        traverse(executionTree);
-        return subAgentNodes;
-    }
-    /**
-     * Sends the current user message to the AI agent and initiates execution.
-     * Handles message validation, conversation updates, UI state management, and agent execution.
-     * Automatically clears the input field and triggers auto-scroll after sending.
-     *
-     * @example
-     * ```typescript
-     * // Called when user presses Enter or clicks Send button
-     * await this.sendMessage();
-     * ```
-     */
-    async sendMessage() {
-        if (!this.currentUserMessage.trim() || !this.entity) {
-            return;
-        }
-        // Add user message to conversation
-        const userMessage = {
-            id: this.generateMessageId(),
-            role: 'user',
-            content: this.currentUserMessage.trim(),
-            timestamp: new Date()
-        };
-        this.conversationMessages.push(userMessage);
-        // Clear input and update change detection
-        const messageToSend = this.currentUserMessage;
-        this.currentUserMessage = '';
-        this.cdr.detectChanges();
-        // Scroll to bottom
-        this.scrollNeeded = true;
-        // Auto-switch to execution monitor tab if in agent mode
-        if (this.mode === 'agent' && this.activeTab !== 'executionMonitor') {
-            this.selectTab('executionMonitor');
-        }
-        // Execute based on mode
-        if (this.mode === 'agent') {
-            await this.executeAgent(messageToSend);
-        }
-        else {
-            await this.executePrompt(messageToSend);
-        }
-    }
-    async executeAgent(userMessage) {
-        if (!this.entity || !this.isAgentEntity(this.entity))
-            return;
-        this.isExecuting = true;
-        // Clear previous execution data when starting a new run
-        this.currentExecutionData = { liveSteps: [] };
-        this.executionMonitorMode = 'live';
-        // Add placeholder assistant message for streaming
-        const assistantMessage = {
-            id: this.generateMessageId(),
-            role: 'assistant',
-            content: '',
-            timestamp: new Date(),
-            isStreaming: true,
-            streamingContent: this.mode === 'agent' ? 'Running agent...' : 'Running prompt...',
-            agentRunId: '',
-            streamingStartTime: Date.now(),
-            elapsedTime: 0
-        };
-        this.conversationMessages.push(assistantMessage);
-        this.scrollNeeded = true;
-        // Start elapsed time counter
-        this.startElapsedTimeCounter(assistantMessage);
-        // Initialize execution monitor for live mode
-        this.currentExecutionData = { liveSteps: [] };
-        this.executionMonitorMode = 'live';
-        try {
-            // Get GraphQL data provider
-            const dataProvider = Metadata.Provider;
-            // Build conversation history for context
-            const messages = this.conversationMessages
-                .filter(m => !m.isStreaming)
-                .map(m => ({
-                role: m.role,
-                content: m.content
-            }));
-            // Build data context - include conversation state if available
-            const dataContext = this.buildDataContext();
-            const templateData = this.buildTemplateData();
-            // Add conversation state to data context if we have it
-            if (this.agentConversationState) {
-                dataContext._conversationState = this.agentConversationState;
-            }
-            if (this.lastAgentReturnValue) {
-                dataContext._lastReturnValue = this.lastAgentReturnValue;
-            }
-            if (this.subAgentHistory.length > 0) {
-                dataContext._subAgentHistory = this.subAgentHistory;
-            }
-            // Generate a session ID for this execution
-            const sessionId = dataProvider.sessionId;
-            // Execute the agent
-            const query = `
-                mutation RunAIAgent($agentId: String!, $messages: String!, $sessionId: String!, $data: String, $templateData: String) {
-                    RunAIAgent(agentId: $agentId, messages: $messages, sessionId: $sessionId, data: $data, templateData: $templateData) {
-                        success
-                        errorMessage
-                        executionTimeMs
-                        payload
-                    }
-                }
-            `;
-            const variables = {
-                agentId: this.entity.ID,
-                messages: JSON.stringify(messages),
-                sessionId: sessionId,
-                data: Object.keys(dataContext).length > 0 ? JSON.stringify(dataContext) : null,
-                templateData: Object.keys(templateData).length > 0 ? JSON.stringify(templateData) : null
-            };
-            // Start typing animation while we wait for the first real stream
-            this.startTypingAnimation(assistantMessage);
-            let result;
-            try {
-                result = await dataProvider.ExecuteGQL(query, variables);
-            }
-            catch (gqlError) {
-                console.error('❌ AI Test Harness: GraphQL execution failed', {
-                    error: gqlError,
-                    message: gqlError?.message,
-                    networkError: gqlError?.networkError,
-                    graphQLErrors: gqlError?.graphQLErrors,
-                    statusCode: gqlError?.networkError?.statusCode
-                });
-                throw gqlError;
-            }
-            const executionResult = result?.RunAIAgent;
-            // Stop elapsed time counter
-            if (this.elapsedTimeInterval) {
-                clearInterval(this.elapsedTimeInterval);
-                this.elapsedTimeInterval = null;
-            }
-            // Update assistant message with result
-            assistantMessage.isStreaming = false;
-            if (executionResult?.success) {
-                // Parse the payload to get the full execution result
-                const fullResult = JSON.parse(executionResult.payload);
-                // Store execution data with the message
-                assistantMessage.executionData = fullResult;
-                // Merge live steps with final result if needed
-                if (this.currentExecutionData && this.currentExecutionData.liveSteps && fullResult) {
-                    // Preserve the live steps we collected during execution
-                    fullResult.liveSteps = this.currentExecutionData.liveSteps;
-                }
-                // Update execution monitor with the new data
-                this.currentExecutionData = fullResult;
-                this.executionMonitorMode = 'historical';
-                // Preserve conversation state from the result
-                if (fullResult.returnValue) {
-                    this.lastAgentReturnValue = fullResult.returnValue;
-                    // Extract conversation state if present
-                    if (fullResult.returnValue.conversationState) {
-                        this.agentConversationState = fullResult.returnValue.conversationState;
-                    }
-                    // Track sub-agent executions
-                    if (fullResult.executionTree) {
-                        const subAgentNodes = this.extractSubAgentNodes(fullResult.executionTree);
-                        if (subAgentNodes.length > 0) {
-                            this.subAgentHistory.push(...subAgentNodes);
-                        }
-                    }
-                }
-                // Extract the user message from the nested returnValue structure
-                let displayContent = 'No response generated';
-                let payloadData = null;
-                if (fullResult.returnValue) {
-                    // Check for message field (as shown in user's example)
-                    if (typeof fullResult.returnValue === 'object' && fullResult.returnValue.message) {
-                        displayContent = fullResult.returnValue.message;
-                        // If there's also a payload, store it separately
-                        if (fullResult.returnValue.payload) {
-                            payloadData = fullResult.returnValue.payload;
-                        }
-                    }
-                    else if (typeof fullResult.returnValue === 'object' &&
-                        fullResult.returnValue.nextStep?.userMessage) {
-                        // This is the expected structure for chat responses
-                        displayContent = fullResult.returnValue.nextStep.userMessage;
-                    }
-                    else if (typeof fullResult.returnValue === 'string') {
-                        // Simple string response
-                        displayContent = fullResult.returnValue;
-                    }
-                    else {
-                        // Other structured response - show as JSON
-                        displayContent = JSON.stringify(fullResult.returnValue, null, 2);
-                    }
-                }
-                assistantMessage.content = displayContent;
-                assistantMessage.payload = payloadData; // Store the payload if present
-                assistantMessage.executionTime = executionResult.executionTimeMs;
-                assistantMessage.agentRunId = fullResult.agentRun?.ID || assistantMessage.agentRunId;
-                // Store the full result as raw content for debugging/inspection
-                assistantMessage.rawContent = executionResult.payload;
-            }
-            else {
-                console.error('❌ AI Test Harness: Execution failed', {
-                    success: executionResult?.success,
-                    errorMessage: executionResult?.errorMessage,
-                    hasPayload: !!executionResult?.payload
-                });
-                assistantMessage.content = 'I encountered an error processing your request.';
-                assistantMessage.error = executionResult?.errorMessage || 'Unknown error occurred';
-                // Try to parse error payload if available
-                if (executionResult?.payload) {
-                    try {
-                        JSON.parse(executionResult.payload); // Validate it's valid JSON
-                        assistantMessage.rawContent = executionResult.payload;
-                    }
-                    catch {
-                        // Ignore parse errors
-                    }
-                }
-            }
-            delete assistantMessage.streamingContent;
-            this.scrollNeeded = true;
-            // Auto-save conversation
-            this.autoSaveConversation();
-        }
-        catch (error) {
-            console.error('❌ AI Test Harness: Caught error during agent execution', {
-                error: error,
-                message: error?.message,
-                stack: error?.stack,
-                type: error?.constructor?.name
-            });
-            // Update assistant message with error
-            const lastMessage = this.conversationMessages[this.conversationMessages.length - 1];
-            if (lastMessage && lastMessage.role === 'assistant') {
-                lastMessage.isStreaming = false;
-                lastMessage.content = 'I encountered an error processing your request.';
-                lastMessage.error = error.message;
-                delete lastMessage.streamingContent;
-            }
-            MJNotificationService.Instance.CreateSimpleNotification('Failed to execute agent: ' + error.message, 'error', 6000);
-        }
-        finally {
-            this.isExecuting = false;
-            if (this.elapsedTimeInterval) {
-                clearInterval(this.elapsedTimeInterval);
-                this.elapsedTimeInterval = null;
-            }
-            // Focus back on the input
-            this.focusMessageInput();
-        }
-    }
-    async executePrompt(userMessage) {
-        if (!this.entity || !this.isPromptEntity(this.entity))
-            return;
-        this.isExecuting = true;
-        // Add placeholder assistant message for streaming
-        const assistantMessage = {
-            id: this.generateMessageId(),
-            role: 'assistant',
-            content: '',
-            timestamp: new Date(),
-            isStreaming: true,
-            streamingContent: this.mode === 'agent' ? 'Running agent...' : 'Running prompt...',
-            agentRunId: '',
-            streamingStartTime: Date.now(),
-            elapsedTime: 0
-        };
-        this.conversationMessages.push(assistantMessage);
-        this.scrollNeeded = true;
-        // Start elapsed time counter
-        this.startElapsedTimeCounter(assistantMessage);
-        try {
-            // Get GraphQL data provider
-            const dataProvider = Metadata.Provider;
-            // Build template variables from user input
-            const templateVariables = this.buildTemplateVariables();
-            // Prepare data context (template variables + user message)
-            const dataContext = {
-                ...templateVariables,
-                userMessage: userMessage
-            };
-            // Build conversation messages
-            const messages = this.conversationMessages
-                .filter(m => !m.isStreaming && m.content) // Only include non-streaming messages with content
-                .map(m => ({
-                role: m.role,
-                content: m.content
-            }));
-            // Execute the prompt using RunAIPrompt
-            const query = `
-                mutation RunAIPrompt($promptId: String!, $data: String, $modelId: String, $vendorId: String, $configurationId: String, $skipValidation: Boolean, $templateData: String, $responseFormat: String, $temperature: Float, $topP: Float, $topK: Int, $minP: Float, $frequencyPenalty: Float, $presencePenalty: Float, $seed: Int, $stopSequences: [String!], $includeLogProbs: Boolean, $topLogProbs: Int, $messages: String) {
-                    RunAIPrompt(promptId: $promptId, data: $data, modelId: $modelId, vendorId: $vendorId, configurationId: $configurationId, skipValidation: $skipValidation, templateData: $templateData, responseFormat: $responseFormat, temperature: $temperature, topP: $topP, topK: $topK, minP: $minP, frequencyPenalty: $frequencyPenalty, presencePenalty: $presencePenalty, seed: $seed, stopSequences: $stopSequences, includeLogProbs: $includeLogProbs, topLogProbs: $topLogProbs, messages: $messages) {
-                        success
-                        output
-                        parsedResult
-                        error
-                        executionTimeMs
-                        tokensUsed
-                        promptRunId
-                        rawResult
-                        validationResult
-                        chatResult
-                    }
-                }
-            `;
-            const variables = {
-                promptId: this.entity.ID,
-                data: JSON.stringify(dataContext),
-                modelId: this.selectedModelId || undefined,
-                vendorId: this.selectedVendorId || undefined,
-                configurationId: undefined, // Use default configuration
-                skipValidation: this.skipValidation,
-                templateData: null, // Additional template context if needed
-                responseFormat: this.selectedResponseFormat?.value,
-                temperature: this.advancedParams.temperature ?? undefined,
-                topP: this.advancedParams.topP ?? undefined,
-                topK: this.advancedParams.topK ?? undefined,
-                minP: this.advancedParams.minP ?? undefined,
-                frequencyPenalty: this.advancedParams.frequencyPenalty ?? undefined,
-                presencePenalty: this.advancedParams.presencePenalty ?? undefined,
-                seed: this.advancedParams.seed ?? undefined,
-                stopSequences: this.advancedParams.stopSequences.length > 0 ? this.advancedParams.stopSequences : undefined,
-                includeLogProbs: this.advancedParams.includeLogProbs,
-                topLogProbs: this.advancedParams.includeLogProbs ? this.advancedParams.topLogProbs : undefined,
-                messages: messages.length > 0 ? JSON.stringify(messages) : undefined
-            };
-            const result = await dataProvider.ExecuteGQL(query, variables);
-            const executionResult = result?.RunAIPrompt;
-            // Stop elapsed time counter
-            if (this.elapsedTimeInterval) {
-                clearInterval(this.elapsedTimeInterval);
-                this.elapsedTimeInterval = null;
-            }
-            // Update assistant message with result
-            assistantMessage.isStreaming = false;
-            if (executionResult?.success) {
-                // Use parsedResult if available, otherwise fall back to output
-                assistantMessage.content = executionResult.parsedResult || executionResult.output || 'No response generated';
-                assistantMessage.executionTime = executionResult.executionTimeMs;
-                // Store the complete execution result for JSON display
-                // If chatResult is provided, parse it and include it in the display
-                const resultForDisplay = { ...executionResult };
-                if (executionResult.chatResult) {
-                    try {
-                        resultForDisplay.chatResult = JSON.parse(executionResult.chatResult);
-                    }
-                    catch {
-                        // If parsing fails, keep it as a string
-                    }
-                }
-                assistantMessage.rawContent = JSON.stringify(resultForDisplay, null, 2);
-                // Store execution metadata
-                if (executionResult.promptRunId) {
-                    assistantMessage.agentRunId = executionResult.promptRunId;
-                }
-            }
-            else {
-                assistantMessage.content = 'I encountered an error processing your request.';
-                assistantMessage.error = executionResult?.error || 'Unknown error occurred';
-                // Include chatResult in error case too
-                if (executionResult) {
-                    const errorResult = { ...executionResult };
-                    if (executionResult.chatResult) {
-                        try {
-                            errorResult.chatResult = JSON.parse(executionResult.chatResult);
-                        }
-                        catch {
-                            // If parsing fails, keep it as a string
-                        }
-                    }
-                    assistantMessage.rawContent = JSON.stringify(errorResult, null, 2);
-                }
-            }
-            delete assistantMessage.streamingContent;
-            this.scrollNeeded = true;
-            // Auto-save conversation
-            this.autoSaveConversation();
-            // Focus back on input
-            this.focusMessageInput();
-        }
-        catch (error) {
-            // Update assistant message with error
-            const lastMessage = this.conversationMessages[this.conversationMessages.length - 1];
-            if (lastMessage && lastMessage.role === 'assistant') {
-                lastMessage.isStreaming = false;
-                lastMessage.content = 'I encountered an error processing your request.';
-                lastMessage.error = error.message;
-                delete lastMessage.streamingContent;
-            }
-            MJNotificationService.Instance.CreateSimpleNotification('Failed to execute prompt: ' + error.message, 'error', 6000);
-        }
-        finally {
-            this.isExecuting = false;
-            if (this.elapsedTimeInterval) {
-                clearInterval(this.elapsedTimeInterval);
-                this.elapsedTimeInterval = null;
-            }
-            // Focus back on the input
-            this.focusMessageInput();
-        }
-    }
-    startTypingAnimation(message) {
-        const initialMessages = [
-            "I'm processing your request...",
-            "Let me think about that...",
-            "Working on your request...",
-            "Analyzing your question...",
-            "Processing..."
-        ];
-        const selectedMessage = initialMessages[Math.floor(Math.random() * initialMessages.length)];
-        let index = 0;
-        // Store the interval handle on the message itself so we can cancel it when real streaming starts
-        const typingInterval = setInterval(() => {
-            if (index < selectedMessage.length && message.isStreaming) {
-                message.streamingContent = selectedMessage.substring(0, index + 1);
-                index++;
-                this.scrollNeeded = true;
-            }
-            else {
-                clearInterval(typingInterval);
-            }
-        }, 50);
-        // Store interval reference in case we need to clear it
-        message._typingInterval = typingInterval;
-    }
-    buildDataContext() {
-        const context = {};
-        // Use unified agent variables
-        for (const variable of this.agentVariables) {
-            if (variable.name.trim()) {
-                context[variable.name] = this.convertVariableValue(variable.value, variable.type);
-            }
-        }
-        return context;
-    }
-    buildTemplateData() {
-        // For backward compatibility, return the same data as buildDataContext
-        // since we've unified the variables
-        return this.buildDataContext();
-    }
-    buildTemplateVariables() {
-        const variables = {};
-        for (const variable of this.templateVariables) {
-            if (variable.name.trim()) {
-                variables[variable.name] = this.convertVariableValue(variable.value, variable.type);
-            }
-        }
-        return variables;
-    }
-    convertVariableValue(value, type) {
-        switch (type) {
-            case 'number':
-                return parseFloat(value) || 0;
-            case 'boolean':
-                return value.toLowerCase() === 'true';
-            case 'object':
-                try {
-                    return JSON.parse(value);
-                }
-                catch {
-                    return value;
-                }
-            default:
-                return value;
-        }
-    }
-    /**
-     * Adds a new empty agent variable to the collection.
-     * Agent variables are passed to the agent during execution for dynamic content and template rendering.
-     */
-    addAgentVariable() {
-        this.agentVariables.push({
-            name: '',
-            value: '',
-            type: 'string'
-        });
-    }
-    /**
-     * Removes an agent variable at the specified index.
-     * @param index - Zero-based index of the variable to remove
-     */
-    removeAgentVariable(index) {
-        this.agentVariables.splice(index, 1);
-    }
-    /**
-     * Adds a new empty template variable to the collection (prompt mode only).
-     * Template variables are used for prompt template rendering.
-     */
-    addTemplateVariable() {
-        this.templateVariables.push({
-            name: '',
-            value: '',
-            type: 'string'
-        });
-    }
-    /**
-     * Removes a template variable at the specified index (prompt mode only).
-     * @param index - Zero-based index of the variable to remove
-     */
-    removeTemplateVariable(index) {
-        this.templateVariables.splice(index, 1);
-    }
-    /**
-     * Clears the current conversation after user confirmation.
-     * Resets both the message history and the current conversation ID.
-     */
-    clearConversation() {
-        if (this.conversationMessages.length > 0) {
-            if (confirm('Are you sure you want to clear the conversation?')) {
-                this.conversationMessages = [];
-                this.currentConversationId = null;
-            }
-        }
-    }
-    scrollToBottom() {
-        try {
-            if (this.messagesContainer) {
-                this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;
-            }
-        }
-        catch (err) {
-            // Error scrolling to bottom
-        }
-    }
-    generateMessageId() {
-        return `msg_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    }
-    // Saved conversations functionality
-    loadSavedConversations() {
-        try {
-            const storageKey = this.getStorageKey();
-            const saved = localStorage.getItem(storageKey);
-            if (saved) {
-                const parsedData = JSON.parse(saved);
-                this.savedConversations = parsedData || [];
-                // Convert date strings back to Date objects
-                this.savedConversations.forEach(conv => {
-                    conv.createdAt = new Date(conv.createdAt);
-                    conv.updatedAt = new Date(conv.updatedAt);
-                    conv.messages.forEach(msg => {
-                        msg.timestamp = new Date(msg.timestamp);
-                    });
-                });
-            }
-            else {
-                this.savedConversations = [];
-            }
-        }
-        catch (error) {
-            // Error loading saved conversations
-            this.savedConversations = [];
-        }
-    }
-    /**
-     * Gets the storage key for saved conversations based on entity type and ID
-     */
-    getStorageKey() {
-        if (!this.entity) {
-            return '';
-        }
-        const entityType = this.mode === 'agent' ? 'agent' : 'prompt';
-        const entityId = this.entity.ID || 'unknown';
-        return `mj_test_harness_${entityType}_${entityId}_conversations`;
-    }
-    /**
-     * Saves the current conversation to localStorage with user-provided name.
-     * Handles both creating new conversations and updating existing ones.
-     * Automatically limits storage to 50 conversations to prevent excessive memory usage.
-     *
-     * @example
-     * ```typescript
-     * // User clicks save button
-     * this.saveConversation(); // Prompts for name and saves
-     * ```
-     */
-    saveConversation() {
-        if (this.conversationMessages.length === 0) {
-            MJNotificationService.Instance.CreateSimpleNotification('No messages to save', 'warning', 3000);
-            return;
-        }
-        // If updating existing conversation, pre-fill the name
-        if (this.currentConversationId) {
-            const currentConv = this.savedConversations.find(c => c.id === this.currentConversationId);
-            this.tempConversationName = currentConv ? currentConv.name : '';
-        }
-        else {
-            this.tempConversationName = '';
-        }
-        this.showSaveDialog = true;
-        // Focus on input after dialog renders
-        setTimeout(() => {
-            if (this.saveDialogInput && this.saveDialogInput.nativeElement) {
-                const input = this.saveDialogInput.nativeElement;
-                input.focus();
-                input.select();
-            }
-        }, 100);
-    }
-    updateTempConversation() {
-        this.tempConversationName = this.saveDialogInput?.nativeElement.value.trim() || '';
-    }
-    /**
-     * Handles the save dialog confirmation
-     */
-    confirmSaveConversation() {
-        // Use the temp name from the input
-        const convoName = this.saveDialogInput?.nativeElement.value;
-        const trimmedName = convoName?.trim() || '';
-        if (!trimmedName) {
-            return;
-        }
-        this.newConversationName = trimmedName;
-        const conversation = {
-            id: this.generateMessageId(),
-            name: this.newConversationName.trim(),
-            agentId: this.entity?.ID || '',
-            agentName: this.getEntityName() || '',
-            messages: [...this.conversationMessages],
-            dataContext: this.buildDataContext(),
-            templateData: this.mode === 'agent' ? this.buildTemplateData() : {},
-            templateVariables: this.mode === 'prompt' ? this.buildTemplateVariables() : {},
-            advancedParams: this.mode === 'prompt' ? this.advancedParams : undefined,
-            selectedModelId: this.mode === 'prompt' ? this.selectedModelId : undefined,
-            selectedVendorId: this.mode === 'prompt' ? this.selectedVendorId : undefined,
-            skipValidation: this.mode === 'prompt' ? this.skipValidation : undefined,
-            createdAt: new Date(),
-            updatedAt: new Date()
-        };
-        if (this.currentConversationId) {
-            // Update existing conversation
-            const index = this.savedConversations.findIndex(c => c.id === this.currentConversationId);
-            if (index >= 0) {
-                conversation.id = this.currentConversationId;
-                conversation.createdAt = this.savedConversations[index].createdAt;
-                conversation.name = this.newConversationName.trim(); // Use the edited name
-                this.savedConversations[index] = conversation;
-            }
-            else {
-                // Current ID not found, treat as new
-                this.savedConversations.unshift(conversation);
-                this.currentConversationId = conversation.id;
-            }
-        }
-        else {
-            // Add new conversation
-            this.savedConversations.unshift(conversation);
-            this.currentConversationId = conversation.id;
-        }
-        // Limit to 50 saved conversations
-        if (this.savedConversations.length > 50) {
-            this.savedConversations = this.savedConversations.slice(0, 50);
-        }
-        // Save to localStorage
-        this.saveConversationsToStorage();
-        MJNotificationService.Instance.CreateSimpleNotification('Conversation saved successfully', 'success', 3000);
-        this.showSaveDialog = false;
-        this.newConversationName = '';
-        this.tempConversationName = '';
-    }
-    /**
-     * Cancels the save dialog
-     */
-    cancelSaveDialog() {
-        this.showSaveDialog = false;
-        this.newConversationName = '';
-        this.tempConversationName = '';
-    }
-    // Removed debug methods - no longer needed with ngModel binding
-    /**
-     * Saves conversations to localStorage
-     */
-    saveConversationsToStorage() {
-        try {
-            const storageKey = this.getStorageKey();
-            localStorage.setItem(storageKey, JSON.stringify(this.savedConversations));
-        }
-        catch (error) {
-            // Error saving conversations
-            throw error;
-        }
-    }
-    autoSaveConversation() {
-        if (this.currentConversationId && this.conversationMessages.length > 0) {
-            const index = this.savedConversations.findIndex(c => c.id === this.currentConversationId);
-            if (index >= 0) {
-                this.savedConversations[index].messages = [...this.conversationMessages];
-                this.savedConversations[index].dataContext = this.buildDataContext();
-                if (this.mode === 'agent') {
-                    this.savedConversations[index].templateData = this.buildTemplateData();
-                }
-                else {
-                    this.savedConversations[index].templateVariables = this.buildTemplateVariables();
-                    this.savedConversations[index].advancedParams = this.advancedParams;
-                    this.savedConversations[index].selectedModelId = this.selectedModelId;
-                    this.savedConversations[index].selectedVendorId = this.selectedVendorId;
-                    this.savedConversations[index].skipValidation = this.skipValidation;
-                }
-                this.savedConversations[index].updatedAt = new Date();
-                // Save to localStorage
-                try {
-                    this.saveConversationsToStorage();
-                }
-                catch (error) {
-                    // Error auto-saving conversation
-                }
-            }
-        }
-    }
-    loadConversation(conversation) {
-        if (this.conversationMessages.length > 0) {
-            this.pendingLoadConversation = conversation;
-            this.showLoadConfirmDialog = true;
-            return;
-        }
-        this.doLoadConversation(conversation);
-    }
-    /**
-     * Confirms loading a conversation after dialog confirmation
-     */
-    confirmLoadConversation() {
-        if (this.pendingLoadConversation) {
-            this.doLoadConversation(this.pendingLoadConversation);
-            this.showLoadConfirmDialog = false;
-            this.pendingLoadConversation = null;
-        }
-    }
-    /**
-     * Cancels loading a conversation
-     */
-    cancelLoadConversation() {
-        this.showLoadConfirmDialog = false;
-        this.pendingLoadConversation = null;
-    }
-    /**
-     * Actually loads the conversation
-     */
-    doLoadConversation(conversation) {
-        this.conversationMessages = [...conversation.messages];
-        this.currentConversationId = conversation.id;
-        // Restore agent variables (unified from dataContext and templateData)
-        this.agentVariables = [];
-        const allVariables = { ...conversation.dataContext, ...(conversation.templateData || {}) };
-        for (const [key, value] of Object.entries(allVariables)) {
-            this.agentVariables.push({
-                name: key,
-                value: typeof value === 'object' ? JSON.stringify(value) : String(value),
-                type: typeof value === 'boolean' ? 'boolean' :
-                    typeof value === 'number' ? 'number' :
-                        typeof value === 'object' ? 'object' : 'string'
-            });
-        }
-        // Restore template variables for prompt mode
-        if (this.mode === 'prompt') {
-            this.templateVariables = [];
-            for (const [key, value] of Object.entries(conversation.templateVariables || {})) {
-                this.templateVariables.push({
-                    name: key,
-                    value: typeof value === 'object' ? JSON.stringify(value) : String(value),
-                    type: typeof value === 'boolean' ? 'boolean' :
-                        typeof value === 'number' ? 'number' :
-                            typeof value === 'object' ? 'object' : 'string'
-                });
-            }
-            // Restore advanced parameters
-            if (conversation.advancedParams) {
-                this.advancedParams = { ...this.advancedParams, ...conversation.advancedParams };
-                // Restore stop sequences text
-                this.stopSequencesText = this.advancedParams.stopSequences?.join(', ') || '';
-            }
-            // Restore model and vendor selection
-            if (conversation.selectedModelId !== undefined) {
-                this.selectedModelId = conversation.selectedModelId;
-                // Trigger vendor loading if model is selected
-                if (this.selectedModelId) {
-                    this.onModelSelectionChange();
-                    // After vendors load, restore vendor selection
-                    setTimeout(() => {
-                        if (conversation.selectedVendorId !== undefined) {
-                            this.selectedVendorId = conversation.selectedVendorId;
-                        }
-                    }, 100);
-                }
-            }
-            if (conversation.selectedVendorId !== undefined && !this.selectedModelId) {
-                this.selectedVendorId = conversation.selectedVendorId;
-            }
-            // Restore skip validation setting
-            if (conversation.skipValidation !== undefined) {
-                this.skipValidation = conversation.skipValidation;
-            }
-        }
-        // Load execution data from the last assistant message if available
-        const lastAssistantMessage = this.conversationMessages
-            .filter(m => m.role === 'assistant' && m.executionData)
-            .pop();
-        if (lastAssistantMessage && lastAssistantMessage.executionData) {
-            this.currentExecutionData = lastAssistantMessage.executionData;
-            this.executionMonitorMode = 'historical';
-            // If execution monitor tab is active, ensure it updates
-            if (this.activeTab === 'executionMonitor') {
-                // Force change detection
-                setTimeout(() => {
-                    this.currentExecutionData = { ...lastAssistantMessage.executionData };
-                }, 0);
-            }
-        }
-        else {
-            // Clear execution data if no execution found
-            this.currentExecutionData = null;
-            this.executionMonitorMode = 'historical';
-        }
-        this.scrollNeeded = true;
-        MJNotificationService.Instance.CreateSimpleNotification('Conversation loaded', 'info', 3000);
-    }
-    async deleteConversation(conversation, event) {
-        event.stopPropagation();
-        if (confirm(`Delete conversation "${conversation.name}"?`)) {
-            const index = this.savedConversations.findIndex(c => c.id === conversation.id);
-            if (index >= 0) {
-                this.savedConversations.splice(index, 1);
-                // Save to localStorage
-                this.saveConversationsToStorage();
-                if (this.currentConversationId === conversation.id) {
-                    this.currentConversationId = null;
-                }
-                MJNotificationService.Instance.CreateSimpleNotification('Conversation deleted', 'info', 3000);
-            }
-        }
-    }
-    exportConversation() {
-        if (this.conversationMessages.length === 0) {
-            MJNotificationService.Instance.CreateSimpleNotification('No messages to export', 'warning', 3000);
-            return;
-        }
-        const exportData = {
-            entity: {
-                id: this.entity?.ID,
-                name: this.getEntityName(),
-                type: this.mode
-            },
-            messages: this.conversationMessages,
-            dataContext: this.buildDataContext(),
-            exportedAt: new Date().toISOString()
-        };
-        // Add mode-specific data
-        if (this.mode === 'agent') {
-            exportData.templateData = this.buildTemplateData();
-        }
-        else {
-            exportData.templateVariables = this.buildTemplateVariables();
-            exportData.modelSettings = {
-                modelId: this.selectedModelId,
-                vendorId: this.selectedVendorId,
-                maxTokens: this.maxTokens,
-                skipValidation: this.skipValidation
-            };
-            exportData.advancedParams = this.advancedParams;
-        }
-        const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' });
-        const url = window.URL.createObjectURL(blob);
-        const link = document.createElement('a');
-        link.href = url;
-        const entityName = this.getEntityName()?.replace(/[^a-zA-Z0-9]/g, '-') || 'conversation';
-        link.download = `${this.mode}-conversation-${entityName}-${new Date().toISOString().slice(0, 10)}.json`;
-        link.click();
-        window.URL.revokeObjectURL(url);
-    }
-    importConversation() {
-        this.fileInput.nativeElement.click();
-    }
-    onFileSelected(event) {
-        const input = event.target;
-        if (input.files && input.files[0]) {
-            const file = input.files[0];
-            const reader = new FileReader();
-            reader.onload = (e) => {
-                try {
-                    const data = JSON.parse(e.target?.result);
-                    // Validate and import
-                    if (data.messages && Array.isArray(data.messages)) {
-                        if (this.conversationMessages.length > 0) {
-                            if (!confirm('Importing will replace the current conversation. Continue?')) {
-                                return;
-                            }
-                        }
-                        this.conversationMessages = data.messages.map((msg) => ({
-                            ...msg,
-                            timestamp: new Date(msg.timestamp)
-                        }));
-                        // Import agent variables (unified from dataContext and templateData)
-                        this.agentVariables = [];
-                        const importedVariables = { ...(data.dataContext || {}), ...(data.templateData || {}) };
-                        for (const [key, value] of Object.entries(importedVariables)) {
-                            this.agentVariables.push({
-                                name: key,
-                                value: typeof value === 'object' ? JSON.stringify(value) : String(value),
-                                type: typeof value === 'boolean' ? 'boolean' :
-                                    typeof value === 'number' ? 'number' :
-                                        typeof value === 'object' ? 'object' : 'string'
-                            });
-                        }
-                        // Template data is already imported into agentVariables above
-                        // Import advanced parameters if in prompt mode
-                        if (this.mode === 'prompt' && data.advancedParams) {
-                            this.advancedParams = { ...this.advancedParams, ...data.advancedParams };
-                            this.stopSequencesText = this.advancedParams.stopSequences?.join(', ') || '';
-                        }
-                        this.currentConversationId = null;
-                        this.scrollNeeded = true;
-                        MJNotificationService.Instance.CreateSimpleNotification('Conversation imported successfully', 'success', 3000);
-                    }
-                    else {
-                        throw new Error('Invalid conversation format');
-                    }
-                }
-                catch (error) {
-                    MJNotificationService.Instance.CreateSimpleNotification('Failed to import conversation: ' + error.message, 'error', 5000);
-                }
-                // Reset file input
-                input.value = '';
-            };
-            reader.readAsText(file);
-        }
-    }
-    /**
-     * Handles keyboard input in the message textarea.
-     * Sends message on Enter (without Shift) and allows multi-line input with Shift+Enter.
-     * @param event - Keyboard event from the textarea
-     */
-    handleKeyPress(event) {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            this.sendMessage();
-        }
-    }
-    /**
-     * Generates CSS class names for message display based on message properties.
-     * @param message - The conversation message to generate classes for
-     * @returns Space-separated CSS class string for styling
-     */
-    getMessageClass(message) {
-        return `message message-${message.role}${message.isStreaming ? ' streaming' : ''}${message.error ? ' error' : ''}`;
-    }
-    /**
-     * Formats a Date object into a user-friendly time string.
-     * @param date - Date object to format
-     * @returns Formatted time string in HH:MM format
-     */
-    formatTimestamp(date) {
-        return date.toLocaleTimeString('en-US', {
-            hour: '2-digit',
-            minute: '2-digit'
-        });
-    }
-    /**
-     * Formats execution time from milliseconds into a human-readable string.
-     * Automatically selects appropriate units (minutes, seconds, or milliseconds).
-     * @param milliseconds - Execution time in milliseconds
-     * @returns Formatted time string (e.g., "2m 30.5s", "1.23s", "500ms")
-     */
-    formatExecutionTime(milliseconds) {
-        if (milliseconds >= 60000) {
-            const minutes = Math.floor(milliseconds / 60000);
-            const seconds = ((milliseconds % 60000) / 1000).toFixed(2);
-            return `${minutes}m ${seconds}s`;
-        }
-        else if (milliseconds >= 1000) {
-            return `${(milliseconds / 1000).toFixed(2)}s`;
-        }
-        else {
-            return `${milliseconds}ms`;
-        }
-    }
-    formatElapsedTime(milliseconds) {
-        const seconds = Math.floor(milliseconds / 1000);
-        const ms = milliseconds % 1000;
-        if (seconds > 0) {
-            return `${seconds}.${Math.floor(ms / 100)}s`;
-        }
-        else {
-            return `${ms}ms`;
-        }
-    }
-    startElapsedTimeCounter(message) {
-        if (this.elapsedTimeInterval) {
-            clearInterval(this.elapsedTimeInterval);
-        }
-        this.elapsedTimeInterval = setInterval(() => {
-            if (message.streamingStartTime && message.isStreaming) {
-                message.elapsedTime = Date.now() - message.streamingStartTime;
-            }
-            else {
-                clearInterval(this.elapsedTimeInterval);
-                this.elapsedTimeInterval = null;
-            }
-        }, 100); // Update every 100ms for smooth counter
-    }
-    /**
-     * Shows the raw JSON dialog for a specific message
-     * @param message - The message to show raw JSON for
-     */
-    showRawJsonDialog(message) {
-        if (message.rawContent) {
-            // Close any existing window
-            if (this.jsonWindowRef) {
-                this.jsonWindowRef.close();
-            }
-            try {
-                // Try to parse and format the JSON
-                const parsed = JSON.parse(message.rawContent);
-                // If this is an agent result with execution tree, enhance the display
-                if (parsed.executionTree) {
-                    this.currentJsonContent = JSON.stringify({
-                        ...parsed,
-                        _executionTreeSummary: this.summarizeExecutionTree(parsed.executionTree)
-                    }, null, 2);
-                }
-                else {
-                    this.currentJsonContent = JSON.stringify(parsed, null, 2);
-                }
-            }
-            catch {
-                // If not valid JSON, show as-is
-                this.currentJsonContent = message.rawContent;
-            }
-            // Import the JsonViewerWindowComponent dynamically
-            import('./json-viewer-window.component').then(({ JsonViewerWindowComponent }) => {
-                // Create the window using WindowService
-                // Calculate center position accounting for scroll
-                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-                const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-                const centerTop = Math.max(50, (window.innerHeight - 700) / 2 + scrollTop);
-                const centerLeft = Math.max(50, (window.innerWidth - 900) / 2 + scrollLeft);
-                this.jsonWindowRef = this.windowService.open({
-                    title: 'Raw JSON Response',
-                    content: JsonViewerWindowComponent,
-                    width: 900,
-                    height: 700,
-                    minWidth: 600,
-                    minHeight: 400,
-                    resizable: true,
-                    draggable: true,
-                    top: centerTop,
-                    left: centerLeft
-                });
-                // Pass the JSON content to the component
-                const windowContent = this.jsonWindowRef.content.instance;
-                windowContent.jsonContent = this.currentJsonContent;
-                // Handle window close
-                this.jsonWindowRef.result.subscribe((result) => {
-                    this.jsonWindowRef = null;
-                    this.currentJsonContent = '';
-                });
-            });
-        }
-    }
-    /**
-     * Creates a summary of the execution tree for easier viewing
-     * @param executionTree - The execution tree to summarize
-     * @returns A human-readable summary of the execution
-     */
-    summarizeExecutionTree(executionTree) {
-        if (!executionTree || !Array.isArray(executionTree))
-            return null;
-        const summary = {
-            totalSteps: 0,
-            stepsByType: {},
-            hierarchy: []
-        };
-        const processNode = (node, level = 0) => {
-            summary.totalSteps++;
-            // Count by type
-            const type = node.executionType || 'unknown';
-            summary.stepsByType[type] = (summary.stepsByType[type] || 0) + 1;
-            // Create hierarchical summary
-            const nodeSummary = {
-                level,
-                stepName: node.step?.StepName || 'Unknown Step',
-                type: node.executionType,
-                duration: node.durationMs ? `${node.durationMs}ms` : 'N/A',
-                status: node.step?.Status || 'Unknown',
-                agentPath: node.agentHierarchy?.join(' → ') || '',
-                hasInputData: !!node.inputData,
-                hasOutputData: !!node.outputData
-            };
-            summary.hierarchy.push(nodeSummary);
-            // Process children recursively
-            if (node.children && node.children.length > 0) {
-                node.children.forEach((child) => processNode(child, level + 1));
-            }
-        };
-        executionTree.forEach(node => processNode(node));
-        return summary;
-    }
-    /**
-     * Get the last run ID from conversation messages
-     */
-    getLastRunId() {
-        const lastAssistantMessage = this.conversationMessages
-            .filter(m => m.role === 'assistant' && m.agentRunId)
-            .pop();
-        return lastAssistantMessage?.agentRunId || null;
-    }
-    /**
-     * Navigate to the run details form
-     */
-    navigateToRun(event) {
-        if (event.runType === 'agent') {
-            SharedService.Instance.OpenEntityRecord('MJ: AI Agent Runs', CompositeKey.FromID(event.runId));
-        }
-        else {
-            SharedService.Instance.OpenEntityRecord('MJ: AI Prompt Runs', CompositeKey.FromID(event.runId));
-        }
-    }
-    /**
-     * Copies the message content to clipboard.
-     * @param message - The message to copy
-     */
-    async copyMessage(message) {
-        try {
-            // Convert content to string if needed
-            const content = typeof message.content === 'string'
-                ? message.content
-                : JSON.stringify(message.content);
-            await navigator.clipboard.writeText(content);
-            MJNotificationService.Instance.CreateSimpleNotification('Message copied to clipboard', 'success', 2000);
-        }
-        catch (error) {
-            MJNotificationService.Instance.CreateSimpleNotification('Failed to copy message', 'error', 3000);
-        }
-    }
-    /**
-     * Focuses the message input textarea.
-     */
-    focusMessageInput() {
-        if (this.messageInput) {
-            setTimeout(() => {
-                this.messageInput.focus();
-            }, 100);
-        }
-    }
-    /**
-     * Determines if the provided content is valid JSON.
-     * @param content - String content to test
-     * @returns True if content can be parsed as JSON, false otherwise
-     */
-    isJsonContent(content) {
-        if (!content)
-            return false;
-        try {
-            JSON.parse(content);
-            return true;
-        }
-        catch {
-            return false;
-        }
-    }
-    /**
-     * Formats JSON content with proper indentation for display.
-     * @param content - JSON string to format
-     * @returns Formatted JSON string or original content if parsing fails
-     */
-    formatJson(content) {
-        try {
-            if (typeof content === 'string') {
-                return JSON.stringify(JSON.parse(content), null, 2);
-            }
-            else {
-                return JSON.stringify(content, null, 2);
-            }
-        }
-        catch {
-            return typeof content === 'string' ? content : JSON.stringify(content);
-        }
-    }
-    /**
-     * Toggles the collapsed state of a message's payload section
-     * @param message - The message to toggle payload visibility for
-     */
-    togglePayloadCollapse(message) {
-        message.payloadCollapsed = !message.payloadCollapsed;
-    }
-    /**
-     * Formats streaming content with markdown rendering
-     * @param message - The message containing streaming content
-     * @returns SafeHtml formatted content
-     */
-    getFormattedStreamingContent(message) {
-        if (!message.streamingContent) {
-            return this.sanitizer.sanitize(SecurityContext.HTML, '') || '';
-        }
-        const trimmedContent = message.streamingContent.trim();
-        // Check if content type is markdown before applying markdown rendering
-        const contentType = this.detectContentType(trimmedContent);
-        if (contentType === 'markdown') {
-            return this.renderMarkdown(trimmedContent);
-        }
-        else {
-            // For plain text, just sanitize and return without extra processing
-            return this.sanitizer.sanitize(SecurityContext.HTML, trimmedContent) || '';
-        }
-    }
-    /**
-     * Automatically detects the content type of a message for appropriate rendering.
-     * Uses pattern matching to identify JSON, Markdown, or plain text content.
-     * @param content - Content string to analyze
-     * @returns Detected content type ('markdown', 'json', or 'text')
-     */
-    detectContentType(content) {
-        if (!content)
-            return 'text';
-        // Check if it's JSON
-        if (this.isJsonContent(content)) {
-            return 'json';
-        }
-        // Check for markdown indicators
-        const markdownPatterns = [
-            /^#{1,6}\s/m, // Headers
-            /\*\*[^*]+\*\*/, // Bold
-            /\*[^*]+\*/, // Italic
-            /\[([^\]]+)\]\(([^)]+)\)/, // Links
-            /```[\s\S]*?```/, // Code blocks
-            /`[^`]+`/, // Inline code
-            /^[-*+]\s/m, // Lists
-            /^\d+\.\s/m // Numbered lists
-        ];
-        if (markdownPatterns.some(pattern => pattern.test(content))) {
-            return 'markdown';
-        }
-        return 'text';
-    }
-    renderMarkdown(content) {
-        // Basic markdown to HTML conversion with improved formatting
-        let html = content;
-        // Escape HTML first
-        html = html.replace(/&/g, '&amp;')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;');
-        // Code blocks with language support
-        html = html.replace(/```(\w+)?\n([\s\S]*?)```/g, (match, lang, code) => {
-            const language = lang || '';
-            const className = language ? ` class="language-${language}"` : '';
-            return `<pre class="code-block"><code${className}>${code.trim()}</code></pre>`;
-        });
-        // Regular code blocks without language
-        html = html.replace(/```([\s\S]*?)```/g, '<pre class="code-block"><code>$1</code></pre>');
-        // Inline code
-        html = html.replace(/`([^`]+)`/g, '<code class="inline-code">$1</code>');
-        // Headers
-        html = html.replace(/^### (.+)$/gm, '<h3 class="markdown-h3">$1</h3>');
-        html = html.replace(/^## (.+)$/gm, '<h2 class="markdown-h2">$1</h2>');
-        html = html.replace(/^# (.+)$/gm, '<h1 class="markdown-h1">$1</h1>');
-        // Bold
-        html = html.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
-        // Italic
-        html = html.replace(/\*([^*]+)\*/g, '<em>$1</em>');
-        // Links
-        html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" class="markdown-link">$1</a>');
-        // Unordered lists
-        html = html.replace(/^[*-+] (.+)$/gm, '<li>$1</li>');
-        html = html.replace(/((?:<li>.*<\/li>\s*)+)/g, '<ul class="markdown-list">$1</ul>');
-        // Numbered lists
-        html = html.replace(/^\d+\. (.+)$/gm, '<li>$1</li>');
-        html = html.replace(/((?:<li>.*<\/li>\s*)+)/g, '<ol class="markdown-list">$1</ol>');
-        // Paragraphs and line breaks - improved handling
-        html = html.replace(/\n\s*\n/g, '</p><p class="markdown-paragraph">');
-        html = html.replace(/\n/g, '<br>');
-        html = `<p class="markdown-paragraph">${html}</p>`;
-        // Clean up empty paragraphs
-        html = html.replace(/<p class="markdown-paragraph"><\/p>/g, '');
-        return this.sanitizer.bypassSecurityTrustHtml(`<div class="markdown-content">${html}</div>`);
-    }
-    getFormattedContent(message) {
-        const content = message.content;
-        const contentStr = typeof content === 'string' ? content : String(content);
-        const contentType = this.detectContentType(contentStr);
-        if (contentType === 'json') {
-            // Try to extract human-readable content from JSON
-            const extractedContent = this.extractHumanReadableContent(contentStr);
-            if (extractedContent) {
-                // Just render the extracted content
-                return this.renderMarkdown(extractedContent);
-            }
-            else {
-                // Fallback to inline code editor for JSON display
-                return this.renderJsonWithCodeEditor(contentStr);
-            }
-        }
-        else if (contentType === 'markdown') {
-            return this.renderMarkdown(contentStr);
-        }
-        else {
-            // Convert plain text to markdown for consistent formatting
-            return this.renderMarkdown(contentStr);
-        }
-    }
-    /**
-     * Renders JSON content using an inline code editor component
-     */
-    renderJsonWithCodeEditor(jsonStr) {
-        try {
-            // Format the JSON for display
-            const formattedJson = this.formatJson(jsonStr);
-            // Generate a unique ID for this editor instance
-            const editorId = `json-editor-${this.generateMessageId()}`;
-            // Create the HTML with a placeholder div that we'll replace with the code editor
-            const html = `
-                <div class="inline-json-editor" data-editor-id="${editorId}" data-json-content="${this.escapeHtmlAttribute(formattedJson)}">
-                    <div class="json-editor-container" style="height: 300px; width: 100%; border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden;">
-                        <pre style="margin: 0; padding: 12px; font-family: 'Fira Code', 'Consolas', monospace; font-size: 13px; overflow: auto; height: 100%;">${this.escapeHtml(formattedJson)}</pre>
-                    </div>
-                </div>
-            `;
-            // Note: In a real implementation, we would need to dynamically create the code editor component
-            // For now, we'll use a styled pre tag as a fallback
-            return this.sanitizer.bypassSecurityTrustHtml(html);
-        }
-        catch {
-            // If JSON parsing fails, show as plain text
-            const html = `<pre style="margin: 0; padding: 12px; font-family: 'Fira Code', 'Consolas', monospace; font-size: 13px; overflow: auto; background: #f8f9fa; border-radius: 4px;">${this.escapeHtml(jsonStr)}</pre>`;
-            return this.sanitizer.bypassSecurityTrustHtml(html);
-        }
-    }
-    /**
-     * Escapes HTML content for use in attributes
-     */
-    escapeHtmlAttribute(text) {
-        return text
-            .replace(/&/g, '&amp;')
-            .replace(/"/g, '&quot;')
-            .replace(/'/g, '&#39;')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;');
-    }
-    /**
-     * Renders JSON content with human-readable content prominently displayed
-     * and raw JSON in a collapsible section below with proper text wrapping.
-     */
-    /**
-     * Gets a summary of the execution for tooltip display
-     * @param message - The message to get execution summary for
-     * @returns A brief summary of the execution steps
-     */
-    getExecutionSummary(message) {
-        if (!message.rawContent)
-            return '';
-        try {
-            const parsed = JSON.parse(message.rawContent);
-            if (parsed.executionTree) {
-                const summary = this.summarizeExecutionTree(parsed.executionTree);
-                const stepCounts = Object.entries(summary.stepsByType)
-                    .map(([type, count]) => `${count} ${type}`)
-                    .join(', ');
-                return `${summary.totalSteps} steps executed (${stepCounts})`;
-            }
-        }
-        catch {
-            // Ignore parse errors
-        }
-        return '';
-    }
-    /**
-     * Closes the JSON dialog
-     */
-    closeJsonDialog() {
-        if (this.jsonWindowRef) {
-            this.jsonWindowRef.close();
-            this.jsonWindowRef = null;
-        }
-        this.showJsonDialog = false;
-        this.currentJsonContent = '';
-    }
-    /**
-     * Copies the JSON content to clipboard
-     */
-    copyJsonContent() {
-        if (this.currentJsonContent) {
-            navigator.clipboard.writeText(this.currentJsonContent).then(() => {
-                // Success - JSON copied
-            }).catch((err) => {
-                // Error copying
-            });
-        }
-    }
-    /**
-     * Extracts human-readable content from JSON responses.
-     * Prioritizes userMessage field first, then checks other common fields.
-     * @param jsonStr - JSON string to extract content from
-     * @returns Extracted human-readable content or null if none found
-     */
-    extractHumanReadableContent(jsonStr) {
-        try {
-            const parsed = JSON.parse(jsonStr);
-            // Priority 1: Always check userMessage first, regardless of taskComplete status
-            if (parsed.userMessage && typeof parsed.userMessage === 'string' && parsed.userMessage.trim()) {
-                return parsed.userMessage;
-            }
-            // Priority 2: Check for nested userMessage in nextStep or other objects
-            if (parsed.nextStep && parsed.nextStep.userMessage &&
-                typeof parsed.nextStep.userMessage === 'string' && parsed.nextStep.userMessage.trim()) {
-                return parsed.nextStep.userMessage;
-            }
-            // Priority 3: Other common human-readable fields
-            const contentFields = [
-                'message', 'content', 'response', 'text', 'output',
-                'result', 'answer', 'reply', 'description', 'summary'
-            ];
-            for (const field of contentFields) {
-                if (parsed[field] && typeof parsed[field] === 'string' && parsed[field].trim()) {
-                    return parsed[field];
-                }
-            }
-            // Priority 4: Check nested objects for content
-            for (const key of Object.keys(parsed)) {
-                if (typeof parsed[key] === 'object' && parsed[key] !== null) {
-                    for (const field of ['userMessage', 'message', 'content']) {
-                        if (parsed[key][field] && typeof parsed[key][field] === 'string' && parsed[key][field].trim()) {
-                            return parsed[key][field];
-                        }
-                    }
-                }
-            }
-            // Priority 5: If it's a simple string value, return it
-            if (typeof parsed === 'string' && parsed.trim()) {
-                return parsed;
-            }
-            // Priority 6: If it's an object with a single string property, consider returning it
-            const keys = Object.keys(parsed);
-            if (keys.length === 1 && typeof parsed[keys[0]] === 'string' && parsed[keys[0]].trim()) {
-                return parsed[keys[0]];
-            }
-            return null;
-        }
-        catch {
-            return null;
-        }
-    }
-    /**
-     * Checks if a message contains JSON content that has extractable human-readable content.
-     * Used to determine if the raw toggle should be shown.
-     * @param message - The conversation message to check
-     * @returns True if the message has extractable content different from raw JSON
-     */
-    hasExtractableContent(message) {
-        if (!message.content || message.role === 'user') {
-            return false;
-        }
-        const contentStr = typeof message.content === 'string' ? message.content : String(message.content);
-        if (!this.isJsonContent(contentStr)) {
-            return false;
-        }
-        const extractedContent = this.extractHumanReadableContent(contentStr);
-        return extractedContent !== null && extractedContent !== contentStr;
-    }
-    /**
-     * Determines whether to show the raw toggle button for a message.
-     * Combines the logic for raw content availability and extractable content.
-     * @param message - The conversation message to check
-     * @returns True if the raw toggle should be displayed
-     */
-    showRawToggle(message) {
-        return (message.rawContent && !message.isStreaming) || this.hasExtractableContent(message);
-    }
-    escapeHtml(text) {
-        const div = document.createElement('div');
-        div.textContent = text;
-        return div.innerHTML;
-    }
-    /**
-     * Formats JSON for proper display with text wrapping instead of wide code blocks.
-     * Creates a structured, readable format that respects container width.
-     */
-    formatJsonForDisplay(jsonStr) {
-        try {
-            const parsed = JSON.parse(jsonStr);
-            return this.createJsonDisplayHtml(parsed, 0);
-        }
-        catch {
-            // If JSON parsing fails, escape and display as-is with wrapping
-            return `<div class="json-fallback">${this.escapeHtml(jsonStr)}</div>`;
-        }
-    }
-    /**
-     * Creates formatted HTML for JSON display with proper indentation and wrapping.
-     */
-    createJsonDisplayHtml(obj, depth = 0) {
-        const indent = '  '.repeat(depth);
-        const nextIndent = '  '.repeat(depth + 1);
-        if (obj === null)
-            return `<span class="json-null">null</span>`;
-        if (typeof obj === 'boolean')
-            return `<span class="json-boolean">${obj}</span>`;
-        if (typeof obj === 'number')
-            return `<span class="json-number">${obj}</span>`;
-        if (typeof obj === 'string') {
-            const escaped = this.escapeHtml(obj);
-            return `<span class="json-string">"<span class="json-string-content">${escaped}</span>"</span>`;
-        }
-        if (Array.isArray(obj)) {
-            if (obj.length === 0)
-                return '<span class="json-bracket">[]</span>';
-            const items = obj.map(item => `<div class="json-array-item">${nextIndent}${this.createJsonDisplayHtml(item, depth + 1)}</div>`).join(',\n');
-            return `<span class="json-bracket">[</span>\n${items}\n<div class="json-indent">${indent}</div><span class="json-bracket">]</span>`;
-        }
-        if (typeof obj === 'object') {
-            const keys = Object.keys(obj);
-            if (keys.length === 0)
-                return '<span class="json-bracket">{}</span>';
-            const properties = keys.map(key => {
-                const escapedKey = this.escapeHtml(key);
-                const value = this.createJsonDisplayHtml(obj[key], depth + 1);
-                return `<div class="json-property">${nextIndent}<span class="json-key">"${escapedKey}"</span><span class="json-colon">:</span> ${value}</div>`;
-            }).join(',\n');
-            return `<span class="json-bracket">{</span>\n${properties}\n<div class="json-indent">${indent}</div><span class="json-bracket">}</span>`;
-        }
-        return String(obj);
-    }
-    /**
-     * Type guard to check if entity is an AI Agent
-     */
-    isAgentEntity(entity) {
-        // Check using the EntityInfo property from BaseEntity
-        return entity && entity.EntityInfo && entity.EntityInfo.Name === 'AI Agents';
-    }
-    /**
-     * Type guard to check if entity is an AI Prompt
-     */
-    isPromptEntity(entity) {
-        // Check using the EntityInfo property from BaseEntity
-        const result = entity && entity.EntityInfo && entity.EntityInfo.Name === 'AI Prompts';
-        return result;
-    }
-    /**
-     * Gets the display name of the current entity
-     */
-    getEntityName() {
-        if (!this.entity)
-            return '';
-        return this.entity.Name || 'Untitled';
-    }
-    /**
-     * Updates stop sequences from the textarea input
-     */
-    updateStopSequences() {
-        if (this.stopSequencesText.trim() === '') {
-            this.advancedParams.stopSequences = [];
-        }
-        else {
-            // Split by comma and trim each sequence
-            this.advancedParams.stopSequences = this.stopSequencesText
-                .split(',')
-                .map(s => s.trim())
-                .filter(s => s.length > 0);
-        }
-    }
-    /**
-     * Toggles the advanced parameters expansion panel
-     */
-    toggleAdvancedParams() {
-        this.advancedParamsExpanded = !this.advancedParamsExpanded;
-    }
-    /**
-     * Navigates to the AI Agent Run form to view detailed execution information
-     * @param agentRunId - The ID of the agent run to view
-     */
-    navigateToAgentRun(agentRunId) {
-        if (agentRunId) {
-            this.router.navigate(['/entities', 'MJ: AI Agent Runs', agentRunId]);
-        }
-    }
-    static { this.ɵfac = function AITestHarnessComponent_Factory(t) { return new (t || AITestHarnessComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer), i0.ɵɵdirectiveInject(i2.WindowService), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.Router)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AITestHarnessComponent, selectors: [["mj-ai-test-harness"]], viewQuery: function AITestHarnessComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5);
-            i0.ɵɵviewQuery(_c1, 5);
-            i0.ɵɵviewQuery(_c2, 5);
-            i0.ɵɵviewQuery(_c3, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messagesContainer = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messageInput = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.saveDialogInput = _t.first);
-        } }, inputs: { mode: "mode", entity: "entity", aiAgent: "aiAgent", isVisible: "isVisible" }, outputs: { visibilityChange: "visibilityChange" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 3, consts: [["fileInput", ""], ["messagesContainer", ""], ["messageInput", ""], ["saveDialogInput", ""], ["class", "harness-container", "kendoWindowContainer", "", 4, "ngIf"], [1, "save-dialog", 3, "title", "width"], [1, "confirm-dialog", 3, "title", "width"], ["kendoWindowContainer", "", 1, "harness-container"], [1, "harness-header"], [1, "agent-info"], [1, "harness-body"], ["orientation", "horizontal", 2, "height", "100%", "width", "100%"], [1, "chat-area"], [1, "agent-details"], [1, "fa-solid"], [1, "header-actions"], ["title", "Clear conversation", 1, "custom-button", 3, "click", "disabled"], [1, "fa-solid", "fa-broom"], ["title", "Save conversation", 1, "custom-button", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], ["title", "Export conversation", 1, "custom-button", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], ["title", "Import conversation", 1, "custom-button", 3, "click"], [1, "fa-solid", "fa-upload"], ["type", "file", "accept", ".json", 2, "display", "none", 3, "change"], ["title", "Toggle sidebar", 1, "custom-button", "icon-only", 3, "click"], [3, "collapsible", "resizable", "min"], [1, "messages-container"], [1, "empty-state"], [3, "ngClass"], [1, "input-area"], [1, "input-container"], ["placeholder", "Type your message here... (Press Enter to send, Shift+Enter for new line)", 1, "message-input", 3, "ngModelChange", "keypress", "ngModel", "rows", "disabled"], ["title", "Send message", 1, "send-button", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-paper-plane"], [3, "collapsible", "resizable", "size", "min"], [1, "sidebar"], [1, "sidebar-tabs"], [1, "tab-button", 3, "click", "disabled"], [1, "fa-solid", "fa-history"], [1, "badge"], [1, "sidebar-content"], [1, "tab-content"], [1, "tab-content", 2, "padding", "0", "height", "100%"], [1, "tab-content", 2, "overflow-y", "auto"], [1, "fa-solid", "fa-comments"], [1, "message-header"], [1, "message-role"], [1, "message-time"], [1, "execution-time", "streaming"], [1, "execution-time", 3, "title"], ["title", "View raw JSON response", 1, "raw-toggle"], [1, "message-content"], ["title", "Copy message", 1, "copy-button-in-bubble", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "streaming-wrapper"], [3, "innerHTML"], [1, "error-details"], [1, "payload-section", 3, "collapsed"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-robot"], ["title", "View raw JSON response", 1, "raw-toggle", 3, "click"], [1, "fa-solid", "fa-code"], [1, "streaming-content", 3, "innerHTML"], [1, "cursor"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "payload-section"], [1, "payload-header", 3, "click"], [1, "payload-label"], ["type", "button", 1, "payload-toggle"], [1, "payload-content"], [2, "height", "300px", "width", "100%", 3, "ngModel", "language", "readonly"], [1, "tab-button", 3, "click"], [1, "fa-solid", "fa-diagram-project"], [1, "fa-solid", "fa-sliders"], [1, "tab-header"], [1, "variables-list"], [1, "empty-variables"], [1, "variable-item"], [1, "add-button", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], ["placeholder", "Variable name", 1, "variable-name", 3, "ngModelChange", "ngModel", "disabled"], ["textField", "text", "valueField", "value", 1, "variable-type", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "disabled"], [1, "variable-value", 3, "ngModelChange", "ngModel", "placeholder", "disabled"], ["title", "Remove variable", 1, "remove-button", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], [3, "viewRunClick", "mode", "executionData", "autoExpand", "runId", "runType"], [1, "add-button", 3, "click"], ["title", "Remove variable", 1, "remove-button", 3, "click"], ["title", "Reset to Prompt Settings", 1, "custom-button", "icon-only", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "model-settings"], [1, "setting-group"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 1, "model-selector", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a vendor...", 1, "vendor-selector", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "disabled"], [1, "setting-help"], ["textField", "text", "valueField", "value", "placeholder", "Select format...", 1, "format-selector", 3, "ngModelChange", "ngModel", "data"], ["placeholder", "Max tokens...", 1, "max-tokens-input", 3, "ngModelChange", "ngModel", "min", "max", "step"], [1, "checkbox-label"], ["type", "checkbox", 1, "skip-validation-checkbox", 3, "ngModelChange", "ngModel"], ["title", "Advanced Parameters", 1, "advanced-params-panel", 3, "action", "expanded"], [1, "advanced-settings"], ["title", "Controls randomness: 0 = more focused and deterministic, 2 = more random and creative"], ["placeholder", "None", 1, "advanced-param-input", 3, "ngModelChange", "ngModel", "min", "max", "step", "format"], ["title", "Nucleus sampling: only consider tokens with cumulative probability up to this value. 1 = consider all tokens"], ["title", "Only sample from the top K tokens. Lower values reduce randomness"], ["title", "Minimum probability for token selection. Filters out low-probability tokens"], ["title", "Penalizes tokens based on their frequency in the text. Positive values reduce repetition"], ["title", "Penalizes tokens that have appeared in the text. Positive values increase topic diversity"], ["title", "Random seed for deterministic generation. Same seed produces same output"], ["placeholder", "None", 1, "advanced-param-input", 3, "ngModelChange", "ngModel", "format"], ["title", "Sequences that will stop generation when encountered. Enter comma-separated values"], ["placeholder", "Enter comma-separated sequences", 1, "advanced-param-input", 3, "ngModelChange", "ngModel", "rows"], ["title", "Include log probabilities of the output tokens in the response"], [1, "advanced-param-switch", 3, "ngModelChange", "ngModel"], ["title", "Number of top log probabilities to include for each token"], ["placeholder", "2", 1, "advanced-param-input", 3, "ngModelChange", "ngModel", "min", "max", "step", "format"], ["title", "Start a new conversation", 1, "custom-button", "small", "primary"], [1, "saved-list"], [1, "empty-saved"], [1, "saved-item", 3, "current"], ["title", "Start a new conversation", 1, "custom-button", "small", "primary", 3, "click"], [1, "fa-solid", "fa-folder-open"], [1, "saved-item", 3, "click"], [1, "saved-info"], [1, "saved-date"], ["title", "Delete conversation", 1, "delete-button", 3, "click"], [1, "fa-solid", "fa-trash"], ["title", "View execution details", 1, "execution-history-toggle"], ["title", "View full run details", 1, "execution-history-toggle"], ["title", "View execution details", 1, "execution-history-toggle", 3, "click"], ["title", "View full run details", 1, "execution-history-toggle", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], [1, "streaming-content"], [1, "save-dialog", 3, "close", "title", "width"], [1, "dialog-content"], ["type", "text", "placeholder", "Conversation name", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", "full-width", 3, "keyup"], ["kendoButton", "", 3, "click"], ["kendoButton", "", 3, "click", "primary", "disabled"], [1, "confirm-dialog", 3, "close", "title", "width"], ["kendoButton", "", 3, "click", "primary"]], template: function AITestHarnessComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, AITestHarnessComponent_div_0_Template, 6, 2, "div", 4)(1, AITestHarnessComponent_Conditional_1_Template, 11, 4, "kendo-dialog", 5)(2, AITestHarnessComponent_Conditional_2_Template, 11, 3, "kendo-dialog", 6);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isVisible);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSaveDialog ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showLoadConfirmDialog ? 2 : -1);
-        } }, dependencies: [i4.NgClass, i4.NgIf, i5.AgentExecutionMonitorComponent, i6.CheckboxControlValueAccessor, i6.NgControlStatus, i6.NgModel, i7.ExpansionPanelComponent, i7.SplitterComponent, i7.SplitterPaneComponent, i2.DialogComponent, i2.DialogActionsComponent, i2.WindowContainerDirective, i8.TextAreaComponent, i8.TextBoxComponent, i8.SwitchComponent, i8.NumericTextBoxComponent, i9.DropDownListComponent, i10.ButtonComponent, i11.CodeEditorComponent, i4.DatePipe], styles: ["\n\n.harness-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: #f8f9fa;\n}\n\n\n\n.custom-button[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 6px 12px;\n    font-size: 13px;\n    color: #495057;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: inherit;\n}\n\n.custom-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n    color: #212529;\n}\n\n.custom-button[_ngcontent-%COMP%]:active:not(:disabled) {\n    background: #e9ecef;\n    border-color: #adb5bd;\n}\n\n.custom-button[_ngcontent-%COMP%]:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.custom-button.icon-only[_ngcontent-%COMP%] {\n    padding: 6px 8px;\n}\n\n.custom-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.send-button[_ngcontent-%COMP%] {\n    background: #0d6efd;\n    border: 1px solid #0d6efd;\n    color: white;\n    border-radius: 4px;\n    padding: 8px 16px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 44px;\n    font-family: inherit;\n}\n\n.send-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #0b5ed7;\n    border-color: #0a58ca;\n}\n\n.send-button[_ngcontent-%COMP%]:active:not(:disabled) {\n    background: #0a58ca;\n    border-color: #0a58ca;\n}\n\n.send-button[_ngcontent-%COMP%]:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.send-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n\n\n.add-button[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #0d6efd;\n    color: #0d6efd;\n    border-radius: 4px;\n    padding: 6px 12px;\n    font-size: 13px;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: inherit;\n}\n\n.add-button[_ngcontent-%COMP%]:hover {\n    background: #0d6efd;\n    color: white;\n}\n\n\n\n.remove-button[_ngcontent-%COMP%], \n.delete-button[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    color: #dc3545;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.remove-button[_ngcontent-%COMP%]:hover, \n.delete-button[_ngcontent-%COMP%]:hover {\n    background: rgba(220, 53, 69, 0.1);\n    color: #bd2130;\n}\n\n\n\n.copy-button-in-bubble[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: transparent;\n    border: none;\n    padding: 6px;\n    font-size: 14px;\n    color: #adb5bd;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    opacity: 0;\n    z-index: 10; \n\n}\n\n.message-content[_ngcontent-%COMP%]:hover   .copy-button-in-bubble[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.copy-button-in-bubble[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.08);\n    color: #6c757d;\n}\n\n.copy-button-in-bubble[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.model-settings[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.setting-group[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.setting-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n    font-size: 14px;\n}\n\n.model-selector[_ngcontent-%COMP%], \n.vendor-selector[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.temperature-slider[_ngcontent-%COMP%] {\n    width: 100%;\n    margin-top: 8px;\n}\n\n.max-tokens-input[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.setting-help[_ngcontent-%COMP%] {\n    margin-top: 6px;\n    font-size: 12px;\n    color: #6c757d;\n    font-style: italic;\n}\n\n\n\n.checkbox-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    font-weight: 600;\n    color: #495057;\n    font-size: 14px;\n    cursor: pointer;\n}\n\n.skip-validation-checkbox[_ngcontent-%COMP%] {\n    margin-right: 8px;\n    cursor: pointer;\n    width: 16px;\n    height: 16px;\n}\n\n\n\n.harness-header[_ngcontent-%COMP%] {\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    padding: 16px 20px;\n}\n\n.agent-info[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.agent-details[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.agent-details[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n    color: #17a2b8;\n}\n\n.agent-details[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: #212529;\n}\n\n.agent-details[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 4px 0 0 0;\n    font-size: 14px;\n    color: #6c757d;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n\n\n.harness-body[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    overflow: hidden;\n}\n\n\n\n.chat-area[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    background: white;\n    border-right: 1px solid #dee2e6;\n    height: 100%;\n    min-height: 0; \n\n}\n\n\n\n.messages-container[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    scroll-behavior: smooth;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    text-align: center;\n    color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 18px;\n    font-weight: 500;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\n.message[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n    animation: _ngcontent-%COMP%_fadeIn 0.3s ease-in;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.message-user[_ngcontent-%COMP%] {\n    margin-left: auto;\n    max-width: 70%;\n}\n\n.message-assistant[_ngcontent-%COMP%] {\n    margin-right: auto;\n    max-width: 70%;\n}\n\n.message-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n    font-size: 13px;\n}\n\n.message-role[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.message-role[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.message-user[_ngcontent-%COMP%]   .message-role[_ngcontent-%COMP%] {\n    color: #6f42c1;\n}\n\n.message-assistant[_ngcontent-%COMP%]   .message-role[_ngcontent-%COMP%] {\n    color: #17a2b8;\n}\n\n.message-time[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 12px;\n}\n\n.execution-time[_ngcontent-%COMP%] {\n    background: #e9ecef;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    color: #495057;\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.execution-time.streaming[_ngcontent-%COMP%] {\n    background: #fff3cd;\n    color: #856404;\n    border: 1px solid #ffeaa7;\n}\n\n.raw-toggle[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    padding: 4px 8px;\n    font-size: 12px;\n    color: #6c757d;\n    cursor: pointer;\n    transition: all 0.2s;\n    margin-left: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n}\n\n.raw-toggle[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.05);\n    color: #495057;\n}\n\n.raw-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n\n.message-user[_ngcontent-%COMP%]   .message-content[_ngcontent-%COMP%] {\n    background: #e7f3ff;\n    border: 1px solid #b8daff;\n}\n\n.message-assistant[_ngcontent-%COMP%]   .message-content[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n}\n\n.message.streaming[_ngcontent-%COMP%]   .message-content[_ngcontent-%COMP%] {\n    background: #fff3cd;\n    border: 1px solid #ffeaa7;\n}\n\n.streaming-content[_ngcontent-%COMP%] {\n    display: inline;\n}\n\n.streaming-wrapper[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.streaming-wrapper[_ngcontent-%COMP%]   .cursor[_ngcontent-%COMP%] {\n    display: inline;\n    margin-left: 2px;\n}\n\n.cursor[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_blink 1s infinite;\n    font-weight: 100;\n    color: #495057;\n}\n\n@keyframes _ngcontent-%COMP%_blink {\n    0%, 50% { opacity: 1; }\n    51%, 100% { opacity: 0; }\n}\n\n.error-details[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    padding: 8px 12px;\n    background: #f8d7da;\n    border: 1px solid #f5c6cb;\n    border-radius: 6px;\n    color: #721c24;\n    font-size: 13px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.error-details[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n\n\n.payload-section[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    overflow: hidden;\n    background: #ffffff;\n}\n\n.payload-header[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e9ecef;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: background-color 0.2s;\n}\n\n.payload-header[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n}\n\n.payload-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.payload-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 12px;\n}\n\n.payload-content[_ngcontent-%COMP%] {\n    max-height: 250px;\n    overflow: auto;\n    background: #f8f9fa;\n}\n\n.payload-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 12px;\n    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n    font-size: 12px;\n    line-height: 1.5;\n    color: #212529;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    background: transparent;\n}\n\n.payload-toggle[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    padding: 4px;\n    cursor: pointer;\n    color: #6c757d;\n    transition: color 0.2s;\n}\n\n.payload-toggle[_ngcontent-%COMP%]:hover {\n    color: #495057;\n}\n\n.payload-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.payload-section.collapsed[_ngcontent-%COMP%]   .payload-header[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n\n\n.save-dialog[_ngcontent-%COMP%], \n.confirm-dialog[_ngcontent-%COMP%] {\n    .dialog-content {\n        padding: 20px;\n        \n        p {\n            margin: 0 0 16px 0;\n            color: #333;\n            font-size: 14px;\n            line-height: 1.5;\n            \n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n        \n        .full-width {\n            width: 100%;\n        }\n        \n        input.k-textbox {\n            padding: 8px 12px;\n            font-size: 14px;\n            line-height: 1.5;\n            border: 1px solid #dee2e6;\n            border-radius: 4px;\n            \n            &:focus {\n                outline: none;\n                border-color: #ff6358;\n                box-shadow: 0 0 0 0.25rem rgba(255, 99, 88, 0.25);\n            }\n        }\n    }\n}\n\n\n\n.markdown-content[_ngcontent-%COMP%] {\n    line-height: 1.6;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    max-width: 100%;\n}\n\n\n\n.inline-json-editor[_ngcontent-%COMP%] {\n    margin: 8px 0;\n    \n    .json-editor-container {\n        background: #f8f9fa;\n        border: 1px solid #e0e0e0;\n        border-radius: 4px;\n        overflow: hidden;\n        position: relative;\n        max-height: 400px;\n        \n        pre {\n            margin: 0;\n            padding: 12px;\n            font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n            font-size: 13px;\n            line-height: 1.5;\n            overflow: auto;\n            height: 100%;\n            background: transparent;\n            color: #333;\n            white-space: pre-wrap;\n            word-wrap: break-word;\n        }\n    }\n}\n\n.markdown-paragraph[_ngcontent-%COMP%] {\n    margin: 8px 0;\n    word-wrap: break-word;\n    white-space: pre-wrap;\n}\n\n.markdown-h1[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    font-weight: 600;\n    margin: 16px 0 8px 0;\n    color: #212529;\n    border-bottom: 2px solid #e9ecef;\n    padding-bottom: 4px;\n}\n\n.markdown-h2[_ngcontent-%COMP%] {\n    font-size: 1.3em;\n    font-weight: 600;\n    margin: 14px 0 6px 0;\n    color: #212529;\n    border-bottom: 1px solid #e9ecef;\n    padding-bottom: 2px;\n}\n\n.markdown-h3[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n    font-weight: 600;\n    margin: 12px 0 4px 0;\n    color: #212529;\n}\n\n.code-block[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    padding: 16px;\n    margin: 12px 0;\n    overflow-x: auto;\n    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    color: #212529;\n    white-space: pre;\n    word-wrap: normal;\n    max-width: 100%;\n}\n\n.code-block[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 0;\n    font-size: inherit;\n    color: inherit;\n    white-space: pre;\n    word-wrap: normal;\n}\n\n.language-json[_ngcontent-%COMP%] {\n    color: #d73e48;\n}\n\n.inline-code[_ngcontent-%COMP%] {\n    background: #f1f3f4;\n    border: 1px solid #dadce0;\n    border-radius: 4px;\n    padding: 2px 6px;\n    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n    font-size: 0.9em;\n    color: #d73e48;\n    white-space: nowrap;\n}\n\n.markdown-list[_ngcontent-%COMP%] {\n    margin: 8px 0;\n    padding-left: 24px;\n}\n\n.markdown-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    margin: 4px 0;\n    line-height: 1.5;\n}\n\n.markdown-link[_ngcontent-%COMP%] {\n    color: #0d6efd;\n    text-decoration: underline;\n    transition: color 0.2s;\n}\n\n.markdown-link[_ngcontent-%COMP%]:hover {\n    color: #0a58ca;\n    text-decoration: none;\n}\n\n\n\n.message-content[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 12px 40px 12px 16px; \n\n    font-size: 14px;\n    line-height: 1.5;\n    word-wrap: break-word;\n    position: relative;\n    overflow-wrap: break-word;\n    hyphens: auto;\n    max-width: 100%;\n    overflow-x: hidden;\n}\n\n\n\n.json-content-wrapper[_ngcontent-%COMP%] {\n    margin: 8px 0;\n}\n\n.json-main-content[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n}\n\n.json-raw-section[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n.json-toggle-button[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 6px 12px;\n    font-size: 12px;\n    color: #495057;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: inherit;\n}\n\n.json-toggle-button[_ngcontent-%COMP%]:hover {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n    color: #212529;\n}\n\n.json-toggle-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n.json-raw-section[_ngcontent-%COMP%]   .code-block[_ngcontent-%COMP%] {\n    margin: 8px 0 0 0;\n    font-size: 12px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n\n\n\n@media (max-width: 768px) {\n    .json-raw-section[_ngcontent-%COMP%]   .code-block[_ngcontent-%COMP%] {\n        font-size: 11px;\n        max-height: 200px;\n    }\n}\n\n\n\n.json-raw-section[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n\n\n.input-area[_ngcontent-%COMP%] {\n    padding: 16px;\n    background: white;\n    border-top: 1px solid #dee2e6;\n    flex-shrink: 0; \n\n    margin-top: auto; \n\n}\n\n.input-container[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.message-input[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.message-input[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    resize: none;\n    font-size: 14px;\n}\n\n.send-button[_ngcontent-%COMP%] {\n    margin-bottom: 1px;\n}\n\n\n\n.sidebar[_ngcontent-%COMP%] {\n    width: 100%; \n\n    background: white;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n\n\n.harness-body[_ngcontent-%COMP%]   kendo-splitter[_ngcontent-%COMP%] {\n    height: 100%;\n}\n\n.harness-body[_ngcontent-%COMP%]   kendo-splitter-pane[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n\n\n.sidebar-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    background: #f8f9fa;\n    border-bottom: 1px solid #dee2e6;\n}\n\n.tab-button[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 12px 8px;\n    background: none;\n    border: none;\n    border-bottom: 2px solid transparent;\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    color: #6c757d;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    transition: all 0.2s;\n    position: relative;\n}\n\n.tab-button[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n    color: #495057;\n}\n\n.tab-button.active[_ngcontent-%COMP%] {\n    color: #0d6efd;\n    border-bottom-color: #0d6efd;\n    background: white;\n}\n\n.tab-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.tab-button[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n    background: #6c757d;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 10px;\n    margin-left: 4px;\n}\n\n.tab-button.active[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n    background: #0d6efd;\n}\n\n.tab-button[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n\n\n\n.sidebar-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    width: 100%; \n\n}\n\n.tab-content[_ngcontent-%COMP%] {\n    padding: 20px;\n    width: 100%; \n\n    box-sizing: border-box; \n\n}\n\n.tab-header[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n.tab-header[_ngcontent-%COMP%]   .custom-button.icon-only[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0;\n    right: 0;\n}\n\n.tab-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 4px 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: #212529;\n}\n\n.tab-header[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n    color: #6c757d;\n}\n\n.tab-header[_ngcontent-%COMP%]   .custom-button.small[_ngcontent-%COMP%] {\n    align-self: flex-start;\n    padding: 6px 12px;\n    font-size: 13px;\n}\n\n.tab-header[_ngcontent-%COMP%]   .custom-button.small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 4px;\n}\n\n\n\n.variables-list[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n    width: 100%;\n}\n\n.variable-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 12px;\n    align-items: center;\n    width: 100%;\n}\n\n.variable-name[_ngcontent-%COMP%] {\n    width: 30%; \n\n    min-width: 100px;\n}\n\n.variable-type[_ngcontent-%COMP%] {\n    width: 25%; \n\n    min-width: 80px;\n}\n\n.variable-value[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0; \n\n}\n\n.remove-button[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.add-variable-button[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.empty-variables[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 40px 20px;\n    color: #6c757d;\n}\n\n\n\n.saved-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.empty-saved[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 40px 20px;\n    color: #6c757d;\n}\n\n.empty-saved[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 36px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.saved-item[_ngcontent-%COMP%] {\n    border: 1px solid #dee2e6;\n    border-radius: 8px;\n    padding: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.saved-item[_ngcontent-%COMP%]:hover {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n}\n\n.saved-item.current[_ngcontent-%COMP%] {\n    background: #e7f3ff;\n    border-color: #0d6efd;\n}\n\n.saved-info[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 4px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: #212529;\n}\n\n.saved-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0 0 4px 0;\n    font-size: 12px;\n    color: #6c757d;\n}\n\n.saved-date[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: #6c757d;\n}\n\n\n\n@media (max-width: 1200px) {\n    .sidebar[_ngcontent-%COMP%] {\n        width: 320px;\n    }\n}\n\n@media (max-width: 992px) {\n    .message-user[_ngcontent-%COMP%], \n   .message-assistant[_ngcontent-%COMP%] {\n        max-width: 85%;\n    }\n    \n    .sidebar[_ngcontent-%COMP%] {\n        width: 280px;\n    }\n}\n\n\n\n.messages-container[_ngcontent-%COMP%]::-webkit-scrollbar, \n.sidebar-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 8px;\n}\n\n.messages-container[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.sidebar-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n\n.messages-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.sidebar-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 4px;\n}\n\n.messages-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.sidebar-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: #a1a1a1;\n}\n\n\n\n  .ai-agent-test-harness .k-dialog-wrapper {\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n  .ai-agent-test-harness .k-dialog-titlebar {\n    background: #343a40;\n    color: white;\n}\n\n  .ai-agent-test-harness .k-dialog-title {\n    font-weight: 600;\n}\n\n  .ai-agent-test-harness .k-dialog-titlebar-actions .k-button {\n    color: white;\n}\n\n  .ai-agent-test-harness .k-dialog-content {\n    padding: 0;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n\n\n\n.advanced-params-panel[_ngcontent-%COMP%] {\n    margin-top: 24px;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n}\n\n.advanced-params-panel[_ngcontent-%COMP%]     .k-expander-title {\n    font-weight: 600;\n    color: #495057;\n}\n\n.advanced-settings[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n.advanced-param-input[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.advanced-param-switch[_ngcontent-%COMP%] {\n    margin-top: 8px;\n}\n\n\n\n.format-selector[_ngcontent-%COMP%] {\n    width: 100%;\n}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AITestHarnessComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-ai-test-harness', template: "<div class=\"harness-container\" *ngIf=\"isVisible\" kendoWindowContainer>\n        <!-- Header -->\n        <div class=\"harness-header\">\n            @if (entity) {\n                <div class=\"agent-info\">\n                    <div class=\"agent-details\">\n                        <i class=\"fa-solid\" [class.fa-robot]=\"mode === 'agent'\" [class.fa-comment-dots]=\"mode === 'prompt'\"></i>\n                        <div>\n                            <h3>{{ getEntityName() }}</h3>\n                            @if (entity.Description) {\n                                <p>{{ entity.Description }}</p>\n                            }\n                        </div>\n                    </div>\n                    <div class=\"header-actions\">\n                        <button \n                            class=\"custom-button\"\n                            (click)=\"clearConversation()\"\n                            [disabled]=\"isExecuting || conversationMessages.length === 0\"\n                            title=\"Clear conversation\">\n                            <i class=\"fa-solid fa-broom\"></i>\n                            Clear\n                        </button>\n                        <button \n                            class=\"custom-button\"\n                            (click)=\"saveConversation()\"\n                            [disabled]=\"conversationMessages.length === 0\"\n                            title=\"Save conversation\">\n                            <i class=\"fa-solid fa-save\"></i>\n                            Save\n                        </button>\n                        <button \n                            class=\"custom-button\"\n                            (click)=\"exportConversation()\"\n                            [disabled]=\"conversationMessages.length === 0\"\n                            title=\"Export conversation\">\n                            <i class=\"fa-solid fa-download\"></i>\n                            Export\n                        </button>\n                        <button \n                            class=\"custom-button\"\n                            (click)=\"importConversation()\"\n                            title=\"Import conversation\">\n                            <i class=\"fa-solid fa-upload\"></i>\n                            Import\n                        </button>\n                        <input \n                            #fileInput\n                            type=\"file\"\n                            accept=\".json\"\n                            style=\"display: none\"\n                            (change)=\"onFileSelected($event)\">\n                        <button \n                            class=\"custom-button icon-only\"\n                            (click)=\"toggleSidebar()\"\n                            title=\"Toggle sidebar\">\n                            <i class=\"fa-solid\" [class.fa-chevron-right]=\"!showSidebar\" [class.fa-chevron-left]=\"showSidebar\"></i>\n                        </button>\n                    </div>\n                </div>\n            }\n        </div>\n\n        <!-- Main Content Area with Splitter -->\n        <div class=\"harness-body\">\n            @if (showSidebar) {\n                <kendo-splitter \n                    orientation=\"horizontal\"\n                    style=\"height: 100%; width: 100%;\">\n                    \n                    <!-- Chat Area (Left Pane) -->\n                    <kendo-splitter-pane \n                        [collapsible]=\"false\"\n                        [resizable]=\"true\"\n                        [min]=\"'400px'\">\n                        <div class=\"chat-area\">\n                            <!-- Messages Container -->\n                            <div class=\"messages-container\" #messagesContainer>\n                    @if (conversationMessages.length === 0) {\n                        <div class=\"empty-state\">\n                            <i class=\"fa-solid fa-comments\"></i>\n                            <h4>Start a conversation</h4>\n                            <p>Send a message to begin testing the AI agent</p>\n                        </div>\n                    }\n\n                    @for (message of conversationMessages; track message.id) {\n                        <div [ngClass]=\"getMessageClass(message)\">\n                            <div class=\"message-header\">\n                                <span class=\"message-role\">\n                                    @if (message.role === 'user') {\n                                        <i class=\"fa-solid fa-user\"></i> You\n                                    } @else {\n                                        <i class=\"fa-solid fa-robot\"></i> {{ getEntityName() || 'Assistant' }}\n                                    }\n                                </span>\n                                <span class=\"message-time\">{{ formatTimestamp(message.timestamp) }}</span>\n                                @if (message.isStreaming && message.elapsedTime !== undefined) {\n                                    <span class=\"execution-time streaming\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i> {{ formatElapsedTime(message.elapsedTime) }}\n                                    </span>\n                                } @else if (message.executionTime) {\n                                    <span class=\"execution-time\" [title]=\"getExecutionSummary(message)\">{{ formatExecutionTime(message.executionTime) }}</span>\n                                }\n                                @if (showRawToggle(message)) {\n                                    <button class=\"raw-toggle\" (click)=\"showRawJsonDialog(message)\" title=\"View raw JSON response\">\n                                        <i class=\"fa-solid fa-code\"></i>\n                                    </button>\n                                }\n                            </div>\n                            <div class=\"message-content\">\n                                <button class=\"copy-button-in-bubble\" (click)=\"copyMessage(message)\" title=\"Copy message\">\n                                    <i class=\"fa-solid fa-copy\"></i>\n                                </button>\n                                @if (message.isStreaming) {\n                                    <div class=\"streaming-wrapper\">\n                                        <span class=\"streaming-content\" [innerHTML]=\"getFormattedStreamingContent(message)\"></span>\n                                        <span class=\"cursor\">|</span>\n                                    </div>\n                                } @else {\n                                    <div [innerHTML]=\"getFormattedContent(message)\"></div>\n                                }\n                                @if (message.error) {\n                                    <div class=\"error-details\">\n                                        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                        {{ message.error }}\n                                    </div>\n                                }\n                                @if (message.payload && mode === 'agent' && message.role === 'assistant') {\n                                    <div class=\"payload-section\" [class.collapsed]=\"message.payloadCollapsed\">\n                                        <div class=\"payload-header\" (click)=\"togglePayloadCollapse(message)\">\n                                            <span class=\"payload-label\">\n                                                <i class=\"fa-solid fa-code\"></i> Payload\n                                            </span>\n                                            <button class=\"payload-toggle\" type=\"button\">\n                                                <i class=\"fa-solid\" [class.fa-chevron-down]=\"!message.payloadCollapsed\" [class.fa-chevron-right]=\"message.payloadCollapsed\"></i>\n                                            </button>\n                                        </div>\n                                        @if (!message.payloadCollapsed) {\n                                            <div class=\"payload-content\">\n                                                <mj-code-editor\n                                                    [ngModel]=\"formatJson(message.payload)\"\n                                                    [language]=\"'json'\"\n                                                    [readonly]=\"true\"\n                                                    style=\"height: 300px; width: 100%;\">\n                                                </mj-code-editor>\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n\n                <!-- Input Area -->\n                <div class=\"input-area\">\n                    <div class=\"input-container\">\n                        <kendo-textarea\n                            #messageInput\n                            [(ngModel)]=\"currentUserMessage\"\n                            [rows]=\"3\"\n                            placeholder=\"Type your message here... (Press Enter to send, Shift+Enter for new line)\"\n                            (keypress)=\"handleKeyPress($event)\"\n                            [disabled]=\"isExecuting\"\n                            class=\"message-input\">\n                        </kendo-textarea>\n                        <button\n                            class=\"send-button\"\n                            (click)=\"sendMessage()\"\n                            [disabled]=\"isExecuting || !currentUserMessage.trim()\"\n                            title=\"Send message\">\n                            @if (isExecuting) {\n                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                            } @else {\n                                <i class=\"fa-solid fa-paper-plane\"></i>\n                            }\n                        </button>\n                    </div>\n                </div>\n                        </div>\n                    </kendo-splitter-pane>\n                    \n                    <!-- Sidebar (Right Pane) -->\n                    <kendo-splitter-pane \n                        [collapsible]=\"false\"\n                        [resizable]=\"true\"\n                        [size]=\"'30%'\"\n                        [min]=\"'300px'\">\n                        <div class=\"sidebar\">\n                    <!-- Tab Navigation -->\n                    <div class=\"sidebar-tabs\">\n                        @if (mode === 'agent') {\n                            <button \n                                class=\"tab-button\"\n                                [class.active]=\"activeTab === 'agentVariables'\"\n                                [disabled]=\"executionMonitorMode === 'live' && activeTab !== 'agentVariables'\"\n                                (click)=\"selectTab('agentVariables')\">\n                                <i class=\"fa-solid fa-code\"></i>\n                                Agent Variables\n                            </button>\n                            <button \n                                class=\"tab-button\"\n                                [class.active]=\"activeTab === 'executionMonitor'\"\n                                (click)=\"selectTab('executionMonitor')\">\n                                <i class=\"fa-solid fa-diagram-project\"></i>\n                                Execution Monitor\n                            </button>\n                        } @else {\n                            <button \n                                class=\"tab-button\"\n                                [class.active]=\"activeTab === 'templateVariables'\"\n                                (click)=\"selectTab('templateVariables')\">\n                                <i class=\"fa-solid fa-code\"></i>\n                                Template Variables\n                            </button>\n                            <button \n                                class=\"tab-button\"\n                                [class.active]=\"activeTab === 'modelSettings'\"\n                                (click)=\"selectTab('modelSettings')\">\n                                <i class=\"fa-solid fa-sliders\"></i>\n                                Model Settings\n                            </button>\n                        }\n                        <button \n                            class=\"tab-button\"\n                            [class.active]=\"activeTab === 'savedConversations'\"\n                            [disabled]=\"executionMonitorMode === 'live' && activeTab !== 'savedConversations'\"\n                            (click)=\"selectTab('savedConversations')\">\n                            <i class=\"fa-solid fa-history\"></i>\n                            Saved\n                            @if (savedConversations.length > 0) {\n                                <span class=\"badge\">{{ savedConversations.length }}</span>\n                            }\n                        </button>\n                    </div>\n\n                    <!-- Tab Content -->\n                    <div class=\"sidebar-content\">\n                        <!-- Agent Variables Tab (Unified) -->\n                        @if (activeTab === 'agentVariables') {\n                            <div class=\"tab-content\">\n                                <div class=\"tab-header\">\n                                    <h4>Agent Variables</h4>\n                                    <p>Variables available during agent execution and template rendering</p>\n                                </div>\n                                \n                                <div class=\"variables-list\">\n                                    @if (agentVariables.length === 0) {\n                                        <div class=\"empty-variables\">\n                                            <p>No variables defined. Click \"Add Variable\" to get started.</p>\n                                        </div>\n                                    }\n                                    \n                                    @for (variable of agentVariables; track $index) {\n                                        <div class=\"variable-item\">\n                                            <kendo-textbox \n                                                [(ngModel)]=\"variable.name\" \n                                                placeholder=\"Variable name\"\n                                                [disabled]=\"isExecuting\"\n                                                class=\"variable-name\">\n                                            </kendo-textbox>\n                                            \n                                            <kendo-dropdownlist \n                                                [(ngModel)]=\"variable.type\"\n                                                [data]=\"[\n                                                    {text: 'String', value: 'string'}, \n                                                    {text: 'Number', value: 'number'}, \n                                                    {text: 'Boolean', value: 'boolean'}, \n                                                    {text: 'Object', value: 'object'}\n                                                ]\"\n                                                textField=\"text\"\n                                                valueField=\"value\"\n                                                [valuePrimitive]=\"true\"\n                                                [disabled]=\"isExecuting\"\n                                                class=\"variable-type\">\n                                            </kendo-dropdownlist>\n                                            \n                                            <kendo-textbox \n                                                [(ngModel)]=\"variable.value\" \n                                                [placeholder]=\"variable.type === 'object' ? 'JSON value' : 'Value'\"\n                                                [disabled]=\"isExecuting\"\n                                                class=\"variable-value\">\n                                            </kendo-textbox>\n                                            \n                                            <button \n                                                class=\"remove-button\"\n                                                (click)=\"removeAgentVariable($index)\"\n                                                [disabled]=\"isExecuting\"\n                                                title=\"Remove variable\">\n                                                <i class=\"fa-solid fa-times\"></i>\n                                            </button>\n                                        </div>\n                                    }\n                                </div>\n                                \n                                <button \n                                    class=\"add-button\"\n                                    (click)=\"addAgentVariable()\"\n                                    [disabled]=\"isExecuting\">\n                                    <i class=\"fa-solid fa-plus\"></i> Add Variable\n                                </button>\n                            </div>\n                        }\n\n                        <!-- Execution Monitor Tab -->\n                        @if (activeTab === 'executionMonitor') {\n                            <div class=\"tab-content\" style=\"padding: 0; height: 100%;\">\n                                <mj-agent-execution-monitor\n                                    [mode]=\"executionMonitorMode\"\n                                    [executionData]=\"currentExecutionData\"\n                                    [autoExpand]=\"true\"\n                                    [runId]=\"getLastRunId()\"\n                                    [runType]=\"mode\"\n                                    (viewRunClick)=\"navigateToRun($event)\">\n                                </mj-agent-execution-monitor>\n                            </div>\n                        }\n\n                        <!-- Template Variables Tab (Prompt Mode) -->\n                        @if (activeTab === 'templateVariables') {\n                            <div class=\"tab-content\">\n                                <div class=\"tab-header\">\n                                    <h4>Template Variables</h4>\n                                    <p>Variables for prompt template rendering</p>\n                                </div>\n                                \n                                <div class=\"variables-list\">\n                                    @for (variable of templateVariables; track $index) {\n                                        <div class=\"variable-item\">\n                                            <kendo-textbox \n                                                [(ngModel)]=\"variable.name\" \n                                                placeholder=\"Variable name\"\n                                                [disabled]=\"isExecuting\"\n                                                class=\"variable-name\">\n                                            </kendo-textbox>\n                                            \n                                            <kendo-dropdownlist \n                                                [(ngModel)]=\"variable.type\"\n                                                [data]=\"[\n                                                    {text: 'String', value: 'string'}, \n                                                    {text: 'Number', value: 'number'}, \n                                                    {text: 'Boolean', value: 'boolean'}, \n                                                    {text: 'Object', value: 'object'}\n                                                ]\"\n                                                textField=\"text\"\n                                                valueField=\"value\"\n                                                [valuePrimitive]=\"true\"\n                                                [disabled]=\"isExecuting\"\n                                                class=\"variable-type\">\n                                            </kendo-dropdownlist>\n                                            \n                                            <kendo-textbox \n                                                [(ngModel)]=\"variable.value\" \n                                                [placeholder]=\"variable.type === 'object' ? 'JSON value' : 'Value'\"\n                                                [disabled]=\"isExecuting\"\n                                                class=\"variable-value\">\n                                            </kendo-textbox>\n                                            \n                                            <button \n                                                class=\"remove-button\"\n                                                (click)=\"removeTemplateVariable($index)\"\n                                                title=\"Remove variable\">\n                                                <i class=\"fa-solid fa-times\"></i>\n                                            </button>\n                                        </div>\n                                    }\n                                </div>\n                                \n                                <button \n                                    class=\"add-button\"\n                                    (click)=\"addTemplateVariable()\">\n                                    <i class=\"fa-solid fa-plus\"></i>\n                                    Add Variable\n                                </button>\n                            </div>\n                        }\n\n                        <!-- Model Settings Tab (Prompt Mode) -->\n                        @if (activeTab === 'modelSettings') {\n                            <div class=\"tab-content\" style=\"overflow-y: auto;\">\n                                <div class=\"tab-header\">\n                                    <h4>Model Settings</h4>\n                                    <p>Configure AI model parameters</p>\n                                    <button class=\"custom-button icon-only\" (click)=\"resetToPromptDefaults()\" title=\"Reset to Prompt Settings\">\n                                        <i class=\"fa-solid fa-undo\"></i>\n                                    </button>\n                                </div>\n                                \n                                <div class=\"model-settings\">\n                                    <div class=\"setting-group\">\n                                        <label>AI Model</label>\n                                        <kendo-dropdownlist \n                                            [(ngModel)]=\"selectedModelId\"\n                                            (ngModelChange)=\"onModelSelectionChange()\"\n                                            [data]=\"availableModels\"\n                                            textField=\"Name\"\n                                            valueField=\"ID\"\n                                            [valuePrimitive]=\"true\"\n                                            placeholder=\"Select a model...\"\n                                            class=\"model-selector\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                    \n                                    <div class=\"setting-group\">\n                                        <label>AI Vendor</label>\n                                        <kendo-dropdownlist \n                                            [(ngModel)]=\"selectedVendorId\"\n                                            [data]=\"availableVendors\"\n                                            textField=\"Name\"\n                                            valueField=\"ID\"\n                                            [valuePrimitive]=\"true\"\n                                            [disabled]=\"availableVendors.length <= 1 || !selectedModelId\"\n                                            placeholder=\"Select a vendor...\"\n                                            class=\"vendor-selector\">\n                                        </kendo-dropdownlist>\n                                        <div class=\"setting-help\">\n                                            @if (!selectedModelId) {\n                                                Using default vendor for the default model\n                                            } @else if (availableVendors.length <= 1) {\n                                                Only one vendor available for this model\n                                            } @else {\n                                                Select the inference provider for this model\n                                            }\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"setting-group\">\n                                        <label>Response Format</label>\n                                        <kendo-dropdownlist \n                                            [(ngModel)]=\"selectedResponseFormat\"\n                                            [data]=\"responseFormatOptions\"\n                                            textField=\"text\"\n                                            valueField=\"value\"\n                                            placeholder=\"Select format...\"\n                                            class=\"format-selector\">\n                                        </kendo-dropdownlist>\n                                        <div class=\"setting-help\">\n                                            Expected format for AI response (defaults to prompt setting)\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"setting-group\">\n                                        <label>Max Tokens</label>\n                                        <kendo-numerictextbox \n                                            [(ngModel)]=\"maxTokens\"\n                                            [min]=\"100\"\n                                            [max]=\"8000\"\n                                            [step]=\"100\"\n                                            placeholder=\"Max tokens...\"\n                                            class=\"max-tokens-input\">\n                                        </kendo-numerictextbox>\n                                        <div class=\"setting-help\">\n                                            Maximum length of generated response\n                                        </div>\n                                    </div>\n                                    \n                                    <div class=\"setting-group\">\n                                        <label class=\"checkbox-label\">\n                                            <input type=\"checkbox\" \n                                                   [(ngModel)]=\"skipValidation\"\n                                                   class=\"skip-validation-checkbox\">\n                                            Skip Validation\n                                        </label>\n                                        <div class=\"setting-help\">\n                                            Skip output validation during testing\n                                        </div>\n                                    </div>\n                                    \n                                    <!-- Advanced Parameters Expansion Panel -->\n                                    <kendo-expansionpanel \n                                        [expanded]=\"advancedParamsExpanded\"\n                                        (action)=\"toggleAdvancedParams()\"\n                                        title=\"Advanced Parameters\"\n                                        class=\"advanced-params-panel\">\n                                        <div class=\"advanced-settings\">\n                                            <div class=\"setting-group\">\n                                                <label title=\"Controls randomness: 0 = more focused and deterministic, 2 = more random and creative\">\n                                                    Temperature\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.temperature\"\n                                                    [min]=\"0\"\n                                                    [max]=\"2\"\n                                                    [step]=\"0.1\"\n                                                    [format]=\"'n1'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Nucleus sampling: only consider tokens with cumulative probability up to this value. 1 = consider all tokens\">\n                                                    Top P\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.topP\"\n                                                    [min]=\"0\"\n                                                    [max]=\"1\"\n                                                    [step]=\"0.01\"\n                                                    [format]=\"'n2'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Only sample from the top K tokens. Lower values reduce randomness\">\n                                                    Top K\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.topK\"\n                                                    [min]=\"1\"\n                                                    [max]=\"100\"\n                                                    [step]=\"1\"\n                                                    [format]=\"'n0'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Minimum probability for token selection. Filters out low-probability tokens\">\n                                                    Min P\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.minP\"\n                                                    [min]=\"0\"\n                                                    [max]=\"1\"\n                                                    [step]=\"0.01\"\n                                                    [format]=\"'n2'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Penalizes tokens based on their frequency in the text. Positive values reduce repetition\">\n                                                    Frequency Penalty\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.frequencyPenalty\"\n                                                    [min]=\"-2\"\n                                                    [max]=\"2\"\n                                                    [step]=\"0.1\"\n                                                    [format]=\"'n1'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Penalizes tokens that have appeared in the text. Positive values increase topic diversity\">\n                                                    Presence Penalty\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.presencePenalty\"\n                                                    [min]=\"-2\"\n                                                    [max]=\"2\"\n                                                    [step]=\"0.1\"\n                                                    [format]=\"'n1'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Random seed for deterministic generation. Same seed produces same output\">\n                                                    Seed\n                                                </label>\n                                                <kendo-numerictextbox \n                                                    [(ngModel)]=\"advancedParams.seed\"\n                                                    [format]=\"'n0'\"\n                                                    placeholder=\"None\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-numerictextbox>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Sequences that will stop generation when encountered. Enter comma-separated values\">\n                                                    Stop Sequences\n                                                </label>\n                                                <kendo-textarea \n                                                    [(ngModel)]=\"stopSequencesText\"\n                                                    (ngModelChange)=\"updateStopSequences()\"\n                                                    [rows]=\"2\"\n                                                    placeholder=\"Enter comma-separated sequences\"\n                                                    class=\"advanced-param-input\">\n                                                </kendo-textarea>\n                                                <div class=\"setting-help\">\n                                                    Separate multiple sequences with commas\n                                                </div>\n                                            </div>\n                                            \n                                            <div class=\"setting-group\">\n                                                <label title=\"Include log probabilities of the output tokens in the response\">\n                                                    Include Log Probs\n                                                </label>\n                                                <kendo-switch \n                                                    [(ngModel)]=\"advancedParams.includeLogProbs\"\n                                                    class=\"advanced-param-switch\">\n                                                </kendo-switch>\n                                            </div>\n                                            \n                                            @if (advancedParams.includeLogProbs) {\n                                                <div class=\"setting-group\">\n                                                    <label title=\"Number of top log probabilities to include for each token\">\n                                                        Top Log Probs\n                                                    </label>\n                                                    <kendo-numerictextbox \n                                                        [(ngModel)]=\"advancedParams.topLogProbs\"\n                                                        [min]=\"2\"\n                                                        [max]=\"20\"\n                                                        [step]=\"1\"\n                                                        [format]=\"'n0'\"\n                                                        placeholder=\"2\"\n                                                        class=\"advanced-param-input\">\n                                                    </kendo-numerictextbox>\n                                                </div>\n                                            }\n                                        </div>\n                                    </kendo-expansionpanel>\n                                </div>\n                            </div>\n                        }\n\n                        <!-- Saved Conversations Tab -->\n                        @if (activeTab === 'savedConversations') {\n                            <div class=\"tab-content\">\n                                <div class=\"tab-header\">\n                                    <h4>Saved Conversations</h4>\n                                    <p>Previously saved test sessions</p>\n                                    @if (currentConversationId) {\n                                        <button class=\"custom-button small primary\" (click)=\"newConversation()\" title=\"Start a new conversation\">\n                                            <i class=\"fa-solid fa-plus\"></i>\n                                            New\n                                        </button>\n                                    }\n                                </div>\n                                \n                                <div class=\"saved-list\">\n                                    @if (savedConversations.length === 0) {\n                                        <div class=\"empty-saved\">\n                                            <i class=\"fa-solid fa-folder-open\"></i>\n                                            <p>No saved conversations</p>\n                                        </div>\n                                    }\n                                    \n                                    @for (conv of savedConversations; track conv.id) {\n                                        <div class=\"saved-item\" \n                                             [class.current]=\"conv.id === currentConversationId\"\n                                             (click)=\"loadConversation(conv)\">\n                                            <div class=\"saved-info\">\n                                                <h5>{{ conv.name }}</h5>\n                                                <p>{{ conv.messages.length }} messages</p>\n                                                <span class=\"saved-date\">{{ conv.updatedAt | date:'short' }}</span>\n                                            </div>\n                                            <button \n                                                class=\"delete-button\"\n                                                (click)=\"deleteConversation(conv, $event)\"\n                                                title=\"Delete conversation\">\n                                                <i class=\"fa-solid fa-trash\"></i>\n                                            </button>\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n                        </div>\n                    </kendo-splitter-pane>\n                </kendo-splitter>\n            } @else {\n                <!-- No sidebar - full width chat -->\n                <div class=\"chat-area\">\n                    <!-- Messages Container -->\n                    <div class=\"messages-container\" #messagesContainer>\n                        @if (conversationMessages.length === 0) {\n                            <div class=\"empty-state\">\n                                <i class=\"fa-solid fa-comments\"></i>\n                                <h4>Start a conversation</h4>\n                                <p>Send a message to begin testing the AI agent</p>\n                            </div>\n                        }\n\n                        @for (message of conversationMessages; track message.id) {\n                            <div [ngClass]=\"getMessageClass(message)\">\n                                <div class=\"message-header\">\n                                    <span class=\"message-role\">\n                                        @if (message.role === 'user') {\n                                            <i class=\"fa-solid fa-user\"></i> You\n                                        } @else {\n                                            <i class=\"fa-solid fa-robot\"></i> {{ getEntityName() || 'Assistant' }}\n                                        }\n                                    </span>\n                                    <span class=\"message-time\">{{ formatTimestamp(message.timestamp) }}</span>\n                                    @if (message.isStreaming && message.elapsedTime !== undefined) {\n                                        <span class=\"execution-time streaming\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> {{ formatElapsedTime(message.elapsedTime) }}\n                                        </span>\n                                    } @else if (message.executionTime) {\n                                        <span class=\"execution-time\" [title]=\"getExecutionSummary(message)\">{{ formatExecutionTime(message.executionTime) }}</span>\n                                    }\n                                    @if (showRawToggle(message)) {\n                                        <button class=\"raw-toggle\" (click)=\"showRawJsonDialog(message)\" title=\"View raw JSON response\">\n                                            <i class=\"fa-solid fa-code\"></i>\n                                        </button>\n                                    }\n                                    @if (message.executionData && mode === 'agent' && message.role === 'assistant') {\n                                        <button class=\"execution-history-toggle\" (click)=\"showMessageExecutionHistory(message)\" title=\"View execution details\">\n                                            <i class=\"fa-solid fa-diagram-project\"></i>\n                                        </button>\n                                    }\n                                    @if (message.agentRunId && mode === 'agent' && message.role === 'assistant') {\n                                        <button class=\"execution-history-toggle\" (click)=\"navigateToAgentRun(message.agentRunId)\" title=\"View full run details\">\n                                            <i class=\"fa-solid fa-external-link-alt\"></i>\n                                        </button>\n                                    }\n                                </div>\n                                <div class=\"message-content\">\n                                    <button class=\"copy-button-in-bubble\" (click)=\"copyMessage(message)\" title=\"Copy message\">\n                                        <i class=\"fa-solid fa-copy\"></i>\n                                    </button>\n                                    @if (message.isStreaming) {\n                                        <div class=\"streaming-wrapper\">\n                                            <span class=\"streaming-content\">{{ message.streamingContent }}<span class=\"cursor\">|</span></span>\n                                        </div>\n                                    } @else {\n                                        <div [innerHTML]=\"getFormattedContent(message)\"></div>\n                                    }\n                                    @if (message.error) {\n                                        <div class=\"error-details\">\n                                            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                            {{ message.error }}\n                                        </div>\n                                    }\n                                    @if (message.payload && mode === 'agent' && message.role === 'assistant') {\n                                        <div class=\"payload-section\" [class.collapsed]=\"message.payloadCollapsed\">\n                                            <div class=\"payload-header\" (click)=\"togglePayloadCollapse(message)\">\n                                                <span class=\"payload-label\">\n                                                    <i class=\"fa-solid fa-code\"></i> Payload\n                                                </span>\n                                                <button class=\"payload-toggle\" type=\"button\">\n                                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!message.payloadCollapsed\" [class.fa-chevron-right]=\"message.payloadCollapsed\"></i>\n                                                </button>\n                                            </div>\n                                            @if (!message.payloadCollapsed) {\n                                                <div class=\"payload-content\">\n                                                    <pre>{{ formatJson(message.payload) }}</pre>\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Input Area -->\n                    <div class=\"input-area\">\n                        <div class=\"input-container\">\n                            <kendo-textarea\n                                #messageInput\n                                [(ngModel)]=\"currentUserMessage\"\n                                [rows]=\"3\"\n                                placeholder=\"Type your message here... (Press Enter to send, Shift+Enter for new line)\"\n                                (keypress)=\"handleKeyPress($event)\"\n                                [disabled]=\"isExecuting\"\n                                class=\"message-input\">\n                            </kendo-textarea>\n                            <button\n                                class=\"send-button\"\n                                (click)=\"sendMessage()\"\n                                [disabled]=\"isExecuting || !currentUserMessage.trim()\"\n                                title=\"Send message\">\n                                @if (isExecuting) {\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                                } @else {\n                                    <i class=\"fa-solid fa-paper-plane\"></i>\n                                }\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    </div>\n\n    <!-- Save Conversation Dialog -->\n    @if (showSaveDialog) {\n        <kendo-dialog \n            [title]=\"'Save Conversation'\" \n            [width]=\"400\"\n            (close)=\"cancelSaveDialog()\"\n            class=\"save-dialog\">\n            <div class=\"dialog-content\">\n                <p>Enter a name for this conversation:</p>\n                <input \n                    #saveDialogInput\n                    type=\"text\"\n                    (keyup)=\"updateTempConversation()\"\n                    placeholder=\"Conversation name\"\n                    class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid full-width\"  />\n            </div>\n            <kendo-dialog-actions>\n                <button kendoButton (click)=\"cancelSaveDialog()\">Cancel</button>\n                <button kendoButton \n                        [primary]=\"true\" \n                        (click)=\"confirmSaveConversation()\"\n                        [disabled]=\"tempConversationName === ''\">\n                    Save\n                </button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n    }\n    \n    <!-- Load Confirmation Dialog -->\n    @if (showLoadConfirmDialog) {\n        <kendo-dialog \n            [title]=\"'Replace Current Conversation?'\" \n            [width]=\"400\"\n            (close)=\"cancelLoadConversation()\"\n            class=\"confirm-dialog\">\n            <div class=\"dialog-content\">\n                <p>Loading this conversation will replace the current one. Any unsaved changes will be lost.</p>\n                <p>Do you want to continue?</p>\n            </div>\n            <kendo-dialog-actions>\n                <button kendoButton (click)=\"cancelLoadConversation()\">Cancel</button>\n                <button kendoButton \n                        [primary]=\"true\" \n                        (click)=\"confirmLoadConversation()\">\n                    Load Conversation\n                </button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n    }\n\n", styles: ["/* Container Styles */\n.harness-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: #f8f9fa;\n}\n\n/* Custom Button Styles */\n.custom-button {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 6px 12px;\n    font-size: 13px;\n    color: #495057;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: inherit;\n}\n\n.custom-button:hover:not(:disabled) {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n    color: #212529;\n}\n\n.custom-button:active:not(:disabled) {\n    background: #e9ecef;\n    border-color: #adb5bd;\n}\n\n.custom-button:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.custom-button.icon-only {\n    padding: 6px 8px;\n}\n\n.custom-button i {\n    font-size: 14px;\n}\n\n/* Send Button - Primary Style */\n.send-button {\n    background: #0d6efd;\n    border: 1px solid #0d6efd;\n    color: white;\n    border-radius: 4px;\n    padding: 8px 16px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 44px;\n    font-family: inherit;\n}\n\n.send-button:hover:not(:disabled) {\n    background: #0b5ed7;\n    border-color: #0a58ca;\n}\n\n.send-button:active:not(:disabled) {\n    background: #0a58ca;\n    border-color: #0a58ca;\n}\n\n.send-button:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.send-button i {\n    font-size: 16px;\n}\n\n/* Add Button */\n.add-button {\n    background: white;\n    border: 1px solid #0d6efd;\n    color: #0d6efd;\n    border-radius: 4px;\n    padding: 6px 12px;\n    font-size: 13px;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: inherit;\n}\n\n.add-button:hover {\n    background: #0d6efd;\n    color: white;\n}\n\n/* Remove/Delete Buttons */\n.remove-button,\n.delete-button {\n    background: transparent;\n    border: none;\n    color: #dc3545;\n    padding: 4px 8px;\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.remove-button:hover,\n.delete-button:hover {\n    background: rgba(220, 53, 69, 0.1);\n    color: #bd2130;\n}\n\n/* Copy Button in Message Bubble */\n.copy-button-in-bubble {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: transparent;\n    border: none;\n    padding: 6px;\n    font-size: 14px;\n    color: #adb5bd;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    opacity: 0;\n    z-index: 10; /* Ensure it's above content */\n}\n\n.message-content:hover .copy-button-in-bubble {\n    opacity: 1;\n}\n\n.copy-button-in-bubble:hover {\n    background: rgba(0, 0, 0, 0.08);\n    color: #6c757d;\n}\n\n.copy-button-in-bubble i {\n    font-size: 14px;\n}\n\n/* Model Settings Styles (Prompt Mode) */\n.model-settings {\n    padding: 16px;\n}\n\n.setting-group {\n    margin-bottom: 24px;\n}\n\n.setting-group label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n    font-size: 14px;\n}\n\n.model-selector,\n.vendor-selector {\n    width: 100%;\n}\n\n.temperature-slider {\n    width: 100%;\n    margin-top: 8px;\n}\n\n.max-tokens-input {\n    width: 100%;\n}\n\n.setting-help {\n    margin-top: 6px;\n    font-size: 12px;\n    color: #6c757d;\n    font-style: italic;\n}\n\n/* Checkbox Styles */\n.checkbox-label {\n    display: flex;\n    align-items: center;\n    font-weight: 600;\n    color: #495057;\n    font-size: 14px;\n    cursor: pointer;\n}\n\n.skip-validation-checkbox {\n    margin-right: 8px;\n    cursor: pointer;\n    width: 16px;\n    height: 16px;\n}\n\n/* Header Styles */\n.harness-header {\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    padding: 16px 20px;\n}\n\n.agent-info {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.agent-details {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.agent-details i {\n    font-size: 28px;\n    color: #17a2b8;\n}\n\n.agent-details h3 {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: #212529;\n}\n\n.agent-details p {\n    margin: 4px 0 0 0;\n    font-size: 14px;\n    color: #6c757d;\n}\n\n.header-actions {\n    display: flex;\n    gap: 8px;\n}\n\n/* Body Layout */\n.harness-body {\n    flex: 1;\n    display: flex;\n    overflow: hidden;\n}\n\n/* Chat Area */\n.chat-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    background: white;\n    border-right: 1px solid #dee2e6;\n    height: 100%;\n    min-height: 0; /* Important for flexbox children */\n}\n\n/* Messages Container */\n.messages-container {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    scroll-behavior: smooth;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    text-align: center;\n    color: #6c757d;\n}\n\n.empty-state i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.empty-state h4 {\n    margin: 0 0 8px 0;\n    font-size: 18px;\n    font-weight: 500;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 14px;\n}\n\n/* Message Styles */\n.message {\n    margin-bottom: 20px;\n    animation: fadeIn 0.3s ease-in;\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.message-user {\n    margin-left: auto;\n    max-width: 70%;\n}\n\n.message-assistant {\n    margin-right: auto;\n    max-width: 70%;\n}\n\n.message-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n    font-size: 13px;\n}\n\n.message-role {\n    font-weight: 600;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.message-role i {\n    font-size: 14px;\n}\n\n.message-user .message-role {\n    color: #6f42c1;\n}\n\n.message-assistant .message-role {\n    color: #17a2b8;\n}\n\n.message-time {\n    color: #6c757d;\n    font-size: 12px;\n}\n\n.execution-time {\n    background: #e9ecef;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 11px;\n    color: #495057;\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.execution-time.streaming {\n    background: #fff3cd;\n    color: #856404;\n    border: 1px solid #ffeaa7;\n}\n\n.raw-toggle {\n    background: transparent;\n    border: none;\n    padding: 4px 8px;\n    font-size: 12px;\n    color: #6c757d;\n    cursor: pointer;\n    transition: all 0.2s;\n    margin-left: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n}\n\n.raw-toggle:hover {\n    background: rgba(0, 0, 0, 0.05);\n    color: #495057;\n}\n\n.raw-toggle i {\n    font-size: 12px;\n}\n\n/* Message content styles are now defined above in enhanced content formatting section */\n\n.message-user .message-content {\n    background: #e7f3ff;\n    border: 1px solid #b8daff;\n}\n\n.message-assistant .message-content {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n}\n\n.message.streaming .message-content {\n    background: #fff3cd;\n    border: 1px solid #ffeaa7;\n}\n\n.streaming-content {\n    display: inline;\n}\n\n.streaming-wrapper {\n    position: relative;\n}\n\n.streaming-wrapper .cursor {\n    display: inline;\n    margin-left: 2px;\n}\n\n.cursor {\n    animation: blink 1s infinite;\n    font-weight: 100;\n    color: #495057;\n}\n\n@keyframes blink {\n    0%, 50% { opacity: 1; }\n    51%, 100% { opacity: 0; }\n}\n\n.error-details {\n    margin-top: 8px;\n    padding: 8px 12px;\n    background: #f8d7da;\n    border: 1px solid #f5c6cb;\n    border-radius: 6px;\n    color: #721c24;\n    font-size: 13px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.error-details i {\n    color: #dc3545;\n}\n\n/* Payload Section Styles */\n.payload-section {\n    margin-top: 12px;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    overflow: hidden;\n    background: #ffffff;\n}\n\n.payload-header {\n    background: #f8f9fa;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e9ecef;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: background-color 0.2s;\n}\n\n.payload-header:hover {\n    background: #e9ecef;\n}\n\n.payload-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.payload-label i {\n    color: #6c757d;\n    font-size: 12px;\n}\n\n.payload-content {\n    max-height: 250px;\n    overflow: auto;\n    background: #f8f9fa;\n}\n\n.payload-content pre {\n    margin: 0;\n    padding: 12px;\n    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n    font-size: 12px;\n    line-height: 1.5;\n    color: #212529;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    background: transparent;\n}\n\n.payload-toggle {\n    background: transparent;\n    border: none;\n    padding: 4px;\n    cursor: pointer;\n    color: #6c757d;\n    transition: color 0.2s;\n}\n\n.payload-toggle:hover {\n    color: #495057;\n}\n\n.payload-toggle i {\n    font-size: 12px;\n}\n\n.payload-section.collapsed .payload-header {\n    border-bottom: none;\n}\n\n/* Dialog styles */\n.save-dialog,\n.confirm-dialog {\n    .dialog-content {\n        padding: 20px;\n        \n        p {\n            margin: 0 0 16px 0;\n            color: #333;\n            font-size: 14px;\n            line-height: 1.5;\n            \n            &:last-child {\n                margin-bottom: 0;\n            }\n        }\n        \n        .full-width {\n            width: 100%;\n        }\n        \n        input.k-textbox {\n            padding: 8px 12px;\n            font-size: 14px;\n            line-height: 1.5;\n            border: 1px solid #dee2e6;\n            border-radius: 4px;\n            \n            &:focus {\n                outline: none;\n                border-color: #ff6358;\n                box-shadow: 0 0 0 0.25rem rgba(255, 99, 88, 0.25);\n            }\n        }\n    }\n}\n\n/* Enhanced content formatting styles */\n.markdown-content {\n    line-height: 1.6;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    max-width: 100%;\n}\n\n/* Inline JSON editor styles */\n.inline-json-editor {\n    margin: 8px 0;\n    \n    .json-editor-container {\n        background: #f8f9fa;\n        border: 1px solid #e0e0e0;\n        border-radius: 4px;\n        overflow: hidden;\n        position: relative;\n        max-height: 400px;\n        \n        pre {\n            margin: 0;\n            padding: 12px;\n            font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n            font-size: 13px;\n            line-height: 1.5;\n            overflow: auto;\n            height: 100%;\n            background: transparent;\n            color: #333;\n            white-space: pre-wrap;\n            word-wrap: break-word;\n        }\n    }\n}\n\n.markdown-paragraph {\n    margin: 8px 0;\n    word-wrap: break-word;\n    white-space: pre-wrap;\n}\n\n.markdown-h1 {\n    font-size: 1.5em;\n    font-weight: 600;\n    margin: 16px 0 8px 0;\n    color: #212529;\n    border-bottom: 2px solid #e9ecef;\n    padding-bottom: 4px;\n}\n\n.markdown-h2 {\n    font-size: 1.3em;\n    font-weight: 600;\n    margin: 14px 0 6px 0;\n    color: #212529;\n    border-bottom: 1px solid #e9ecef;\n    padding-bottom: 2px;\n}\n\n.markdown-h3 {\n    font-size: 1.1em;\n    font-weight: 600;\n    margin: 12px 0 4px 0;\n    color: #212529;\n}\n\n.code-block {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    padding: 16px;\n    margin: 12px 0;\n    overflow-x: auto;\n    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n    font-size: 14px;\n    line-height: 1.5;\n    color: #212529;\n    white-space: pre;\n    word-wrap: normal;\n    max-width: 100%;\n}\n\n.code-block code {\n    background: none;\n    border: none;\n    padding: 0;\n    font-size: inherit;\n    color: inherit;\n    white-space: pre;\n    word-wrap: normal;\n}\n\n.language-json {\n    color: #d73e48;\n}\n\n.inline-code {\n    background: #f1f3f4;\n    border: 1px solid #dadce0;\n    border-radius: 4px;\n    padding: 2px 6px;\n    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n    font-size: 0.9em;\n    color: #d73e48;\n    white-space: nowrap;\n}\n\n.markdown-list {\n    margin: 8px 0;\n    padding-left: 24px;\n}\n\n.markdown-list li {\n    margin: 4px 0;\n    line-height: 1.5;\n}\n\n.markdown-link {\n    color: #0d6efd;\n    text-decoration: underline;\n    transition: color 0.2s;\n}\n\n.markdown-link:hover {\n    color: #0a58ca;\n    text-decoration: none;\n}\n\n/* Ensure proper text wrapping in message content */\n.message-content {\n    background: #f8f9fa;\n    border-radius: 12px;\n    padding: 12px 40px 12px 16px; /* Extra right padding for copy button */\n    font-size: 14px;\n    line-height: 1.5;\n    word-wrap: break-word;\n    position: relative;\n    overflow-wrap: break-word;\n    hyphens: auto;\n    max-width: 100%;\n    overflow-x: hidden;\n}\n\n/* Enhanced JSON content display */\n.json-content-wrapper {\n    margin: 8px 0;\n}\n\n.json-main-content {\n    margin-bottom: 12px;\n}\n\n.json-raw-section {\n    margin-top: 12px;\n}\n\n.json-toggle-button {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 6px 12px;\n    font-size: 12px;\n    color: #495057;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-family: inherit;\n}\n\n.json-toggle-button:hover {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n    color: #212529;\n}\n\n.json-toggle-button i {\n    font-size: 12px;\n}\n\n/* Compact code block for JSON in collapsible sections */\n.json-raw-section .code-block {\n    margin: 8px 0 0 0;\n    font-size: 12px;\n    max-height: 300px;\n    overflow-y: auto;\n}\n\n/* Better mobile responsiveness for JSON content */\n@media (max-width: 768px) {\n    .json-raw-section .code-block {\n        font-size: 11px;\n        max-height: 200px;\n    }\n}\n\n/* JSON raw section styling - simplified since we use code editor in dialog */\n.json-raw-section {\n    margin-top: 12px;\n}\n\n/* Input Area */\n.input-area {\n    padding: 16px;\n    background: white;\n    border-top: 1px solid #dee2e6;\n    flex-shrink: 0; /* Prevent input area from shrinking */\n    margin-top: auto; /* Push to bottom */\n}\n\n.input-container {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n}\n\n.message-input {\n    flex: 1;\n}\n\n.message-input textarea {\n    resize: none;\n    font-size: 14px;\n}\n\n.send-button {\n    margin-bottom: 1px;\n}\n\n/* Sidebar */\n.sidebar {\n    width: 100%; /* Changed from fixed 360px to 100% */\n    background: white;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n/* Kendo Splitter Specific Styles */\n.harness-body kendo-splitter {\n    height: 100%;\n}\n\n.harness-body kendo-splitter-pane {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n/* Sidebar Tabs */\n.sidebar-tabs {\n    display: flex;\n    background: #f8f9fa;\n    border-bottom: 1px solid #dee2e6;\n}\n\n.tab-button {\n    flex: 1;\n    padding: 12px 8px;\n    background: none;\n    border: none;\n    border-bottom: 2px solid transparent;\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    color: #6c757d;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    transition: all 0.2s;\n    position: relative;\n}\n\n.tab-button:hover {\n    background: #e9ecef;\n    color: #495057;\n}\n\n.tab-button.active {\n    color: #0d6efd;\n    border-bottom-color: #0d6efd;\n    background: white;\n}\n\n.tab-button i {\n    font-size: 14px;\n}\n\n.tab-button .badge {\n    background: #6c757d;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 10px;\n    margin-left: 4px;\n}\n\n.tab-button.active .badge {\n    background: #0d6efd;\n}\n\n.tab-button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n}\n\n/* Sidebar Content */\n.sidebar-content {\n    flex: 1;\n    overflow-y: auto;\n    width: 100%; /* Ensure content takes full width */\n}\n\n.tab-content {\n    padding: 20px;\n    width: 100%; /* Ensure content takes full width */\n    box-sizing: border-box; /* Include padding in width calculation */\n}\n\n.tab-header {\n    margin-bottom: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n.tab-header .custom-button.icon-only {\n    position: absolute;\n    top: 0;\n    right: 0;\n}\n\n.tab-header h4 {\n    margin: 0 0 4px 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: #212529;\n}\n\n.tab-header p {\n    margin: 0;\n    font-size: 13px;\n    color: #6c757d;\n}\n\n.tab-header .custom-button.small {\n    align-self: flex-start;\n    padding: 6px 12px;\n    font-size: 13px;\n}\n\n.tab-header .custom-button.small i {\n    margin-right: 4px;\n}\n\n/* Variables */\n.variables-list {\n    margin-bottom: 16px;\n    width: 100%;\n}\n\n.variable-item {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 12px;\n    align-items: center;\n    width: 100%;\n}\n\n.variable-name {\n    width: 30%; /* Changed from fixed width to percentage */\n    min-width: 100px;\n}\n\n.variable-type {\n    width: 25%; /* Changed from fixed width to percentage */\n    min-width: 80px;\n}\n\n.variable-value {\n    flex: 1;\n    min-width: 0; /* Allow flex item to shrink below content size */\n}\n\n.remove-button {\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.add-variable-button {\n    width: 100%;\n}\n\n.empty-variables {\n    text-align: center;\n    padding: 40px 20px;\n    color: #6c757d;\n}\n\n/* Saved Conversations */\n.saved-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.empty-saved {\n    text-align: center;\n    padding: 40px 20px;\n    color: #6c757d;\n}\n\n.empty-saved i {\n    font-size: 36px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.saved-item {\n    border: 1px solid #dee2e6;\n    border-radius: 8px;\n    padding: 12px;\n    cursor: pointer;\n    transition: all 0.2s;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.saved-item:hover {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n}\n\n.saved-item.current {\n    background: #e7f3ff;\n    border-color: #0d6efd;\n}\n\n.saved-info h5 {\n    margin: 0 0 4px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: #212529;\n}\n\n.saved-info p {\n    margin: 0 0 4px 0;\n    font-size: 12px;\n    color: #6c757d;\n}\n\n.saved-date {\n    font-size: 11px;\n    color: #6c757d;\n}\n\n/* Responsive adjustments */\n@media (max-width: 1200px) {\n    .sidebar {\n        width: 320px;\n    }\n}\n\n@media (max-width: 992px) {\n    .message-user,\n    .message-assistant {\n        max-width: 85%;\n    }\n    \n    .sidebar {\n        width: 280px;\n    }\n}\n\n/* Custom scrollbar */\n.messages-container::-webkit-scrollbar,\n.sidebar-content::-webkit-scrollbar {\n    width: 8px;\n}\n\n.messages-container::-webkit-scrollbar-track,\n.sidebar-content::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n\n.messages-container::-webkit-scrollbar-thumb,\n.sidebar-content::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 4px;\n}\n\n.messages-container::-webkit-scrollbar-thumb:hover,\n.sidebar-content::-webkit-scrollbar-thumb:hover {\n    background: #a1a1a1;\n}\n\n/* Dialog customization */\n::ng-deep .ai-agent-test-harness .k-dialog-wrapper {\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n::ng-deep .ai-agent-test-harness .k-dialog-titlebar {\n    background: #343a40;\n    color: white;\n}\n\n::ng-deep .ai-agent-test-harness .k-dialog-title {\n    font-weight: 600;\n}\n\n::ng-deep .ai-agent-test-harness .k-dialog-titlebar-actions .k-button {\n    color: white;\n}\n\n::ng-deep .ai-agent-test-harness .k-dialog-content {\n    padding: 0;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n/* JSON Dialog Styles - removed since we're using WindowService */\n\n/* Advanced Parameters Styles */\n.advanced-params-panel {\n    margin-top: 24px;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n}\n\n.advanced-params-panel ::ng-deep .k-expander-title {\n    font-weight: 600;\n    color: #495057;\n}\n\n.advanced-settings {\n    padding: 16px;\n}\n\n.advanced-param-input {\n    width: 100%;\n}\n\n.advanced-param-switch {\n    margin-top: 8px;\n}\n\n/* Format selector dropdown */\n.format-selector {\n    width: 100%;\n}"] }]
-    }], () => [{ type: i1.DomSanitizer }, { type: i2.WindowService }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i3.Router }], { mode: [{
-            type: Input
-        }], entity: [{
-            type: Input
-        }], aiAgent: [{
-            type: Input
-        }], isVisible: [{
-            type: Input
-        }], visibilityChange: [{
-            type: Output
-        }], messagesContainer: [{
-            type: ViewChild,
-            args: ['messagesContainer']
-        }], fileInput: [{
-            type: ViewChild,
-            args: ['fileInput']
-        }], messageInput: [{
-            type: ViewChild,
-            args: ['messageInput']
-        }], saveDialogInput: [{
-            type: ViewChild,
-            args: ['saveDialogInput']
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AITestHarnessComponent, { className: "AITestHarnessComponent", filePath: "src/lib/custom/ai-test-harness/ai-test-harness.component.ts", lineNumber: 150 }); })();
-//# sourceMappingURL=ai-test-harness.component.js.map