@memberjunction/ng-core-entity-forms 2.48.0 → 2.49.0

package/dist/lib/custom/AIAgents/ai-agent-execution-dialog.component.js

@@ -0,0 +1,590 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@progress/kendo-angular-inputs";
+import * as i6 from "@progress/kendo-angular-dropdowns";
+import * as i7 from "@progress/kendo-angular-buttons";
+const _c0 = () => [];
+const _c1 = () => ({ text: "String", value: "string" });
+const _c2 = () => ({ text: "Number", value: "number" });
+const _c3 = () => ({ text: "Boolean", value: "boolean" });
+const _c4 = () => ({ text: "Object", value: "object" });
+const _c5 = (a0, a1, a2, a3) => [a0, a1, a2, a3];
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.aiAgent.Description);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 27);
+    i0.ɵɵelement(2, "i", 28);
+    i0.ɵɵelementStart(3, "div")(4, "h5", 29);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_2_Conditional_6_Template, 2, 1, "p", 30);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.aiAgent.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.aiAgent.Description ? 6 : -1);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 31);
+    i0.ɵɵtext(1, " Simple ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+    i0.ɵɵtext(1, " Advanced ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p", 33);
+    i0.ɵɵtext(1, " Enter your message to send to the agent. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-textarea", 34);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_14_Template_kendo_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.userMessage, $event) || (ctx_r1.userMessage = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_14_Template_kendo_textarea_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.updateConversationFromMessage()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.userMessage);
+    i0.ɵɵproperty("rows", 4);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p", 33);
+    i0.ɵɵtext(1, " JSON array of conversation messages to provide as context to the agent. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-textarea", 35);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_15_Template_kendo_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.conversationMessages, $event) || (ctx_r1.conversationMessages = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.conversationMessages);
+    i0.ɵɵproperty("rows", 6);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 36);
+    i0.ɵɵelement(1, "i", 37);
+    i0.ɵɵtext(2, " Advanced Options ");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.dataContextVariables.length, " ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵelement(1, "i", 39);
+    i0.ɵɵtext(2, " Data Context Variables ");
+    i0.ɵɵtemplate(3, AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_20_Conditional_3_Template, 2, 1, "span", 40);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.dataContextVariables.length > 0 ? 3 : -1);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 17);
+    i0.ɵɵtext(1, " No data context variables defined. ");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_For_26_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "kendo-textbox", 41);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_26_Template_kendo_textbox_ngModelChange_1_listener($event) { const variable_r6 = i0.ɵɵrestoreView(_r5).$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.name, $event) || (variable_r6.name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 42);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_26_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const variable_r6 = i0.ɵɵrestoreView(_r5).$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.type, $event) || (variable_r6.type = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-textbox", 43);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_26_Template_kendo_textbox_ngModelChange_3_listener($event) { const variable_r6 = i0.ɵɵrestoreView(_r5).$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.value, $event) || (variable_r6.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-button", 44);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_26_Template_kendo_button_click_4_listener() { const $index_r7 = i0.ɵɵrestoreView(_r5).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.removeDataVariable($index_r7)); });
+    i0.ɵɵelement(5, "i", 45);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const variable_r6 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.name);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.type);
+    i0.ɵɵproperty("data", i0.ɵɵpureFunction4(9, _c5, i0.ɵɵpureFunction0(5, _c1), i0.ɵɵpureFunction0(6, _c2), i0.ɵɵpureFunction0(7, _c3), i0.ɵɵpureFunction0(8, _c4)))("valuePrimitive", true);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.value);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_31_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 47);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.templateDataVariables.length, " ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵtext(2, " Template Data Variables ");
+    i0.ɵɵtemplate(3, AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_31_Conditional_3_Template, 2, 1, "span", 47);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.templateDataVariables.length > 0 ? 3 : -1);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 17);
+    i0.ɵɵtext(1, " No template data variables defined. ");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_For_37_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "kendo-textbox", 41);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_37_Template_kendo_textbox_ngModelChange_1_listener($event) { const variable_r9 = i0.ɵɵrestoreView(_r8).$implicit; i0.ɵɵtwoWayBindingSet(variable_r9.name, $event) || (variable_r9.name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 42);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_37_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const variable_r9 = i0.ɵɵrestoreView(_r8).$implicit; i0.ɵɵtwoWayBindingSet(variable_r9.type, $event) || (variable_r9.type = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-textbox", 43);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_37_Template_kendo_textbox_ngModelChange_3_listener($event) { const variable_r9 = i0.ɵɵrestoreView(_r8).$implicit; i0.ɵɵtwoWayBindingSet(variable_r9.value, $event) || (variable_r9.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-button", 44);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_For_37_Template_kendo_button_click_4_listener() { const $index_r10 = i0.ɵɵrestoreView(_r8).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.removeTemplateVariable($index_r10)); });
+    i0.ɵɵelement(5, "i", 45);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const variable_r9 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", variable_r9.name);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", variable_r9.type);
+    i0.ɵɵproperty("data", i0.ɵɵpureFunction4(9, _c5, i0.ɵɵpureFunction0(5, _c1), i0.ɵɵpureFunction0(6, _c2), i0.ɵɵpureFunction0(7, _c3), i0.ɵɵpureFunction0(8, _c4)))("valuePrimitive", true);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", variable_r9.value);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵelement(1, "i", 48);
+    i0.ɵɵtext(2, " Executing agent... ");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 49);
+    i0.ɵɵtext(1, " Executing... ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
+    i0.ɵɵtext(1, " Execute Agent ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 56);
+    i0.ɵɵelementStart(1, "span", 57);
+    i0.ɵɵtext(2, "Execution Successful");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 58);
+    i0.ɵɵelementStart(1, "span", 9);
+    i0.ɵɵtext(2, "Execution Failed");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 52);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.executionResult == null ? null : ctx_r1.executionResult.executionTimeMs, "ms ");
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 53)(1, "label", 59);
+    i0.ɵɵtext(2, "Output:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 60);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.resultOutput);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 54)(1, "label", 61);
+    i0.ɵɵtext(2, "Error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre", 62);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult == null ? null : ctx_r1.executionResult.error);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "span", 63);
+    i0.ɵɵtext(2, "Next Step: ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 64);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult == null ? null : ctx_r1.executionResult.nextStep);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "h6", 51);
+    i0.ɵɵtemplate(2, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_2_Template, 3, 0)(3, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_3_Template, 3, 0)(4, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_4_Template, 2, 1, "span", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_5_Template, 5, 1, "div", 53)(6, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_6_Template, 5, 1, "div", 54)(7, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Conditional_7_Template, 5, 1, "div", 55);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r1.executionResult == null ? null : ctx_r1.executionResult.success) ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r1.executionResult == null ? null : ctx_r1.executionResult.executionTimeMs) ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((ctx_r1.executionResult == null ? null : ctx_r1.executionResult.success) && ctx_r1.resultOutput ? 5 : !(ctx_r1.executionResult == null ? null : ctx_r1.executionResult.success) && (ctx_r1.executionResult == null ? null : ctx_r1.executionResult.error) ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r1.executionResult == null ? null : ctx_r1.executionResult.nextStep) ? 7 : -1);
+} }
+function AIAgentExecutionDialogComponent_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵtemplate(2, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_2_Template, 7, 2, "div", 3);
+    i0.ɵɵelementStart(3, "div", 4)(4, "div", 5)(5, "div", 6)(6, "label", 7);
+    i0.ɵɵelement(7, "i", 8);
+    i0.ɵɵtext(8, " Message to Agent ");
+    i0.ɵɵelementStart(9, "span", 9);
+    i0.ɵɵtext(10, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "button", 10);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleAdvancedConversation()); });
+    i0.ɵɵtemplate(12, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_12_Template, 2, 0)(13, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_13_Template, 2, 0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(14, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_14_Template, 3, 2)(15, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_15_Template, 3, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "kendo-expansionpanel", 11);
+    i0.ɵɵtwoWayListener("expandedChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_expansionpanel_expandedChange_16_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.showAdvancedOptions, $event) || (ctx_r1.showAdvancedOptions = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(17, AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_17_Template, 3, 0, "ng-template", 12);
+    i0.ɵɵelementStart(18, "div", 13)(19, "kendo-expansionpanel", 14);
+    i0.ɵɵtwoWayListener("expandedChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_expansionpanel_expandedChange_19_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.showDataContext, $event) || (ctx_r1.showDataContext = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(20, AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_20_Template, 4, 1, "ng-template", 12);
+    i0.ɵɵelementStart(21, "div", 15)(22, "p", 16);
+    i0.ɵɵtext(23, " Variables that will be available as data context during agent execution. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(24, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_24_Template, 2, 0, "p", 17);
+    i0.ɵɵrepeaterCreate(25, AIAgentExecutionDialogComponent_kendo_dialog_0_For_26_Template, 6, 14, "div", 18, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(27, "kendo-button", 19);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_button_click_27_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addDataVariable()); });
+    i0.ɵɵelement(28, "i", 20);
+    i0.ɵɵtext(29, " Add Variable ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(30, "kendo-expansionpanel", 11);
+    i0.ɵɵtwoWayListener("expandedChange", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_expansionpanel_expandedChange_30_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.showTemplateData, $event) || (ctx_r1.showTemplateData = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(31, AIAgentExecutionDialogComponent_kendo_dialog_0_ng_template_31_Template, 4, 1, "ng-template", 12);
+    i0.ɵɵelementStart(32, "div", 15)(33, "p", 16);
+    i0.ɵɵtext(34, " Variables that will be available for template rendering during agent execution. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(35, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_35_Template, 2, 0, "p", 17);
+    i0.ɵɵrepeaterCreate(36, AIAgentExecutionDialogComponent_kendo_dialog_0_For_37_Template, 6, 14, "div", 18, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(38, "kendo-button", 19);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_button_click_38_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTemplateVariable()); });
+    i0.ɵɵelement(39, "i", 20);
+    i0.ɵɵtext(40, " Add Variable ");
+    i0.ɵɵelementEnd()()()()()();
+    i0.ɵɵelementStart(41, "div", 21)(42, "div");
+    i0.ɵɵtemplate(43, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_43_Template, 3, 0, "span", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "div", 23)(45, "kendo-button", 24);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_button_click_45_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵtext(46, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "kendo-button", 25);
+    i0.ɵɵlistener("click", function AIAgentExecutionDialogComponent_kendo_dialog_0_Template_kendo_button_click_47_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.executeAgent()); });
+    i0.ɵɵtemplate(48, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_48_Template, 2, 0)(49, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_49_Template, 2, 0);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(50, AIAgentExecutionDialogComponent_kendo_dialog_0_Conditional_50_Template, 8, 4, "div", 26);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 800)("width", 1000)("height", 700)("actions", i0.ɵɵpureFunction0(16, _c0));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.aiAgent ? 2 : -1);
+    i0.ɵɵadvance(10);
+    i0.ɵɵconditional(ctx_r1.showAdvancedConversation ? 12 : 13);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.showAdvancedConversation ? 14 : 15);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.showAdvancedOptions);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.showDataContext);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.dataContextVariables.length === 0 ? 24 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.dataContextVariables);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.showTemplateData);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.templateDataVariables.length === 0 ? 35 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.templateDataVariables);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.isExecuting ? 43 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.isExecuting || !ctx_r1.aiAgent);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isExecuting ? 48 : 49);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.hasResult ? 50 : -1);
+} }
+export class AIAgentExecutionDialogComponent {
+    constructor() {
+        this.aiAgent = null;
+        this._isVisible = false;
+        this.visibilityChange = new EventEmitter();
+        // Execution state
+        this.isExecuting = false;
+        this.executionResult = null;
+        // User message input
+        this.userMessage = 'Hello, please help me with my task.';
+        // Conversation messages (built from userMessage)
+        this.conversationMessages = '';
+        // Show advanced conversation editor
+        this.showAdvancedConversation = false;
+        // Data context variables
+        this.dataContextVariables = [];
+        this.templateDataVariables = [];
+        // Expandable sections
+        this.showAdvancedOptions = false;
+        this.showDataContext = false;
+        this.showTemplateData = false;
+        this._metadata = new Metadata();
+    }
+    get isVisible() {
+        return this._isVisible;
+    }
+    set isVisible(value) {
+        const wasVisible = this._isVisible;
+        this._isVisible = value;
+        if (value && !wasVisible) {
+            this.resetForm();
+        }
+    }
+    async ngOnInit() {
+        this.resetForm();
+    }
+    resetForm() {
+        this.isExecuting = false;
+        this.executionResult = null;
+        this.showAdvancedOptions = false;
+        this.showDataContext = false;
+        this.showTemplateData = false;
+        this.showAdvancedConversation = false;
+        // Reset to default message
+        this.userMessage = 'Hello, please help me with my task.';
+        this.updateConversationFromMessage();
+        this.dataContextVariables = [];
+        this.templateDataVariables = [];
+    }
+    close() {
+        this._isVisible = false;
+        this.visibilityChange.emit(false);
+    }
+    addDataVariable() {
+        this.dataContextVariables.push({
+            name: '',
+            value: '',
+            type: 'string'
+        });
+    }
+    removeDataVariable(index) {
+        this.dataContextVariables.splice(index, 1);
+    }
+    addTemplateVariable() {
+        this.templateDataVariables.push({
+            name: '',
+            value: '',
+            type: 'string'
+        });
+    }
+    removeTemplateVariable(index) {
+        this.templateDataVariables.splice(index, 1);
+    }
+    updateConversationFromMessage() {
+        const conversation = [
+            {
+                role: 'user',
+                content: this.userMessage
+            }
+        ];
+        this.conversationMessages = JSON.stringify(conversation, null, 2);
+    }
+    toggleAdvancedConversation() {
+        this.showAdvancedConversation = !this.showAdvancedConversation;
+        if (!this.showAdvancedConversation) {
+            // When switching back to simple mode, update the conversation from the user message
+            this.updateConversationFromMessage();
+        }
+    }
+    async executeAgent() {
+        if (!this.aiAgent) {
+            MJNotificationService.Instance.CreateSimpleNotification('No AI agent selected', 'error', 4000);
+            return;
+        }
+        // Prepare conversation messages
+        let parsedMessages;
+        try {
+            if (this.showAdvancedConversation) {
+                // Use the raw JSON conversation
+                parsedMessages = JSON.parse(this.conversationMessages);
+                if (!Array.isArray(parsedMessages)) {
+                    throw new Error('Messages must be an array');
+                }
+            }
+            else {
+                // Use the simple user message
+                if (!this.userMessage.trim()) {
+                    MJNotificationService.Instance.CreateSimpleNotification('Please enter a message to send to the agent', 'warning', 4000);
+                    return;
+                }
+                parsedMessages = [
+                    {
+                        role: 'user',
+                        content: this.userMessage.trim()
+                    }
+                ];
+            }
+        }
+        catch (error) {
+            MJNotificationService.Instance.CreateSimpleNotification('Invalid conversation messages: ' + error.message, 'error', 5000);
+            return;
+        }
+        this.isExecuting = true;
+        this.executionResult = null;
+        try {
+            // Get GraphQL data provider
+            const dataProvider = Metadata.Provider;
+            // Build data context
+            const dataContext = {};
+            for (const variable of this.dataContextVariables) {
+                if (variable.name.trim()) {
+                    dataContext[variable.name] = this.convertVariableValue(variable.value, variable.type);
+                }
+            }
+            // Build template data
+            const templateData = {};
+            for (const variable of this.templateDataVariables) {
+                if (variable.name.trim()) {
+                    templateData[variable.name] = this.convertVariableValue(variable.value, variable.type);
+                }
+            }
+            // Execute the agent
+            const query = `
+                mutation RunAIAgent($agentId: String!, $messages: String!, $data: String, $templateData: String) {
+                    RunAIAgent(agentId: $agentId, messages: $messages, data: $data, templateData: $templateData) {
+                        success
+                        output
+                        parsedResult
+                        error
+                        executionTimeMs
+                        agentRunId
+                        rawResult
+                        nextStep
+                    }
+                }
+            `;
+            const variables = {
+                agentId: this.aiAgent.ID,
+                messages: JSON.stringify(parsedMessages),
+                data: Object.keys(dataContext).length > 0 ? JSON.stringify(dataContext) : null,
+                templateData: Object.keys(templateData).length > 0 ? JSON.stringify(templateData) : null
+            };
+            const result = await dataProvider.ExecuteGQL(query, variables);
+            this.executionResult = result?.RunAIAgent;
+            if (this.executionResult?.success) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Agent executed successfully in ${this.executionResult.executionTimeMs}ms`, 'success', 4000);
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification('Agent execution failed: ' + (this.executionResult?.error || 'Unknown error'), 'error', 6000);
+            }
+        }
+        catch (error) {
+            this.executionResult = {
+                success: false,
+                error: error.message || 'Unknown error occurred'
+            };
+            MJNotificationService.Instance.CreateSimpleNotification('Failed to execute agent: ' + error.message, 'error', 6000);
+        }
+        finally {
+            this.isExecuting = false;
+        }
+    }
+    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;
+        }
+    }
+    get hasResult() {
+        return this.executionResult !== null;
+    }
+    get resultOutput() {
+        if (!this.executionResult)
+            return '';
+        return this.executionResult.parsedResult || this.executionResult.output || '';
+    }
+    static { this.ɵfac = function AIAgentExecutionDialogComponent_Factory(t) { return new (t || AIAgentExecutionDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentExecutionDialogComponent, selectors: [["mj-ai-agent-execution-dialog"]], inputs: { aiAgent: "aiAgent", isVisible: "isVisible" }, outputs: { visibilityChange: "visibilityChange" }, decls: 1, vars: 1, consts: [["title", "Execute AI Agent", 3, "minWidth", "width", "height", "actions", "close", 4, "ngIf"], ["title", "Execute AI Agent", 3, "close", "minWidth", "width", "height", "actions"], [1, "dialog-content", 2, "padding", "20px", "height", "100%", "display", "flex", "flex-direction", "column"], [1, "agent-info", 2, "margin-bottom", "20px", "padding", "16px", "background", "#f8f9fa", "border-radius", "6px", "border-left", "4px solid #17a2b8"], [1, "main-content", 2, "flex", "1", "display", "flex", "flex-direction", "column", "gap", "16px", "overflow-y", "auto"], [1, "conversation-section"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-bottom", "8px"], [2, "font-weight", "600", "color", "#495057"], [1, "fa-solid", "fa-comment", 2, "margin-right", "6px", "color", "#6f42c1"], [2, "color", "#dc3545"], ["type", "button", 1, "toggle-advanced-btn", 2, "background", "none", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "4px 8px", "font-size", "0.8em", "color", "#6c757d", "cursor", "pointer", 3, "click"], [3, "expandedChange", "expanded"], ["kendoExpansionPanelTitleDirective", ""], [2, "padding", "16px 0"], [2, "margin-bottom", "16px", 3, "expandedChange", "expanded"], [2, "padding", "12px 0"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.85em"], [2, "text-align", "center", "color", "#6c757d", "font-style", "italic", "padding", "20px"], [2, "display", "flex", "gap", "8px", "margin-bottom", "8px", "align-items", "center"], ["fillMode", "outline", "themeColor", "primary", "size", "small", 2, "margin-top", "8px", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "action-buttons", 2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-top", "20px", "padding-top", "16px", "border-top", "1px solid #e9ecef"], [2, "color", "#6c757d", "font-style", "italic"], [2, "display", "flex", "gap", "8px"], ["fillMode", "outline", 3, "click"], ["themeColor", "info", 3, "click", "disabled"], [1, "execution-results", 2, "margin-top", "20px", "padding", "16px", "border", "1px solid #e9ecef", "border-radius", "6px", "max-height", "300px", "overflow-y", "auto"], [2, "display", "flex", "align-items", "center", "gap", "12px"], [1, "fa-solid", "fa-robot", 2, "color", "#17a2b8", "font-size", "1.3em"], [2, "margin", "0", "color", "#495057"], [2, "margin", "4px 0 0 0", "color", "#6c757d", "font-size", "0.9em"], [1, "fa-solid", "fa-chevron-up"], [1, "fa-solid", "fa-chevron-down"], [2, "margin", "0 0 8px 0", "color", "#6c757d", "font-size", "0.85em"], ["placeholder", "Type your message to the agent here...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "rows"], ["placeholder", "[{\"role\": \"user\", \"content\": \"Your message here\"}]", 2, "width", "100%", "font-family", "'Courier New', monospace", "font-size", "0.9em", 3, "ngModelChange", "ngModel", "rows"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [1, "badge", 2, "background", "#28a745", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], ["placeholder", "Variable name", 2, "width", "150px", 3, "ngModelChange", "ngModel"], ["textField", "text", "valueField", "value", 2, "width", "100px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], ["placeholder", "Value", 2, "flex", "1", 3, "ngModelChange", "ngModel"], ["fillMode", "outline", "themeColor", "error", "size", "small", "title", "Remove variable", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-file-code", 2, "color", "#fd7e14"], [1, "badge", 2, "background", "#fd7e14", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "margin-right", "6px"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], [2, "margin", "0 0 12px 0", "display", "flex", "align-items", "center", "gap", "8px"], [2, "color", "#6c757d", "font-size", "0.8em", "margin-left", "auto"], [2, "background", "#f8f9fa", "padding", "12px", "border-radius", "4px", "border-left", "4px solid #28a745"], [2, "background", "#f8d7da", "padding", "12px", "border-radius", "4px", "border-left", "4px solid #dc3545"], [2, "margin-top", "12px", "padding", "8px", "background", "#e2f3ff", "border-radius", "4px"], [1, "fa-solid", "fa-check-circle", 2, "color", "#28a745"], [2, "color", "#28a745"], [1, "fa-solid", "fa-exclamation-triangle", 2, "color", "#dc3545"], [2, "display", "block", "margin-bottom", "6px", "font-weight", "600", "font-size", "0.9em", "color", "#495057"], [2, "margin", "0", "white-space", "pre-wrap", "font-size", "0.85em", "line-height", "1.4"], [2, "display", "block", "margin-bottom", "6px", "font-weight", "600", "font-size", "0.9em", "color", "#721c24"], [2, "margin", "0", "white-space", "pre-wrap", "font-size", "0.85em", "line-height", "1.4", "color", "#721c24"], [2, "font-weight", "600", "color", "#0c5460", "font-size", "0.9em"], [2, "color", "#0c5460", "font-size", "0.9em"]], template: function AIAgentExecutionDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, AIAgentExecutionDialogComponent_kendo_dialog_0_Template, 51, 17, "kendo-dialog", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isVisible);
+        } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.DialogComponent, i5.TextAreaComponent, i5.TextBoxComponent, i6.DropDownListComponent, i7.ButtonComponent], styles: ["\n\n\n.dialog-content[_ngcontent-%COMP%] {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.agent-info[_ngcontent-%COMP%] {\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.conversation-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.95em;\n}\n\n.conversation-section[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%] {\n    border: 1px solid #ced4da;\n    border-radius: 4px;\n}\n\n.conversation-section[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%]:focus-within {\n    border-color: #6f42c1;\n    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);\n}\n\n\n\nkendo-expansionpanel[_ngcontent-%COMP%] {\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n\n\n.variable-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 8px;\n    align-items: center;\n}\n\n\n\n.action-buttons[_ngcontent-%COMP%]   kendo-button[_ngcontent-%COMP%] {\n    min-width: 120px;\n}\n\n.action-buttons[_ngcontent-%COMP%]   kendo-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 6px;\n}\n\n\n\n.execution-results[_ngcontent-%COMP%] {\n    background: #ffffff;\n    border: 1px solid #e9ecef;\n}\n\n.execution-results[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    color: #495057;\n    background: transparent;\n    border: none;\n    padding: 0;\n    font-family: 'Monaco', 'Courier New', monospace;\n}\n\n\n\n.success-indicator[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.error-indicator[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.info-indicator[_ngcontent-%COMP%] {\n    color: #17a2b8;\n}\n\n\n\n.badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.25em 0.4em;\n    font-size: 75%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    border-radius: 0.375rem;\n}\n\n\n\n.fa-spinner[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    min-height: 0; \n\n}\n\n\n\n.variable-row[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%], \n.variable-row[_ngcontent-%COMP%]   kendo-dropdownlist[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.variable-row[_ngcontent-%COMP%]   kendo-textbox[style*=\"flex: 1\"][_ngcontent-%COMP%] {\n    flex-shrink: 1;\n}\n\n\n\n.toggle-advanced-btn[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.toggle-advanced-btn[_ngcontent-%COMP%]:hover {\n    background-color: #f8f9fa !important;\n    border-color: #adb5bd !important;\n    color: #495057 !important;\n}\n\n\n\n.conversation-section[_ngcontent-%COMP%] {\n    background: #ffffff;\n    padding: 0;\n}\n\n.conversation-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 0.95em;\n}\n\n.conversation-section[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%] {\n    border: 1px solid #ced4da;\n    border-radius: 4px;\n}\n\n.conversation-section[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%]:focus-within {\n    border-color: #6f42c1;\n    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);\n}\n\n\n\n@media (max-width: 768px) {\n    .variable-row[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .variable-row[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n        width: 100% !important;\n        margin-bottom: 4px;\n    }\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentExecutionDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-agent-execution-dialog', template: "<kendo-dialog *ngIf=\"isVisible\" \n               [minWidth]=\"800\" \n               [width]=\"1000\"\n               [height]=\"700\"\n               title=\"Execute AI Agent\"\n               (close)=\"close()\"\n               [actions]=\"[]\">\n    \n    <div class=\"dialog-content\" style=\"padding: 20px; height: 100%; display: flex; flex-direction: column;\">\n        \n        <!-- Agent Info Header -->\n        @if (aiAgent) {\n            <div class=\"agent-info\" style=\"margin-bottom: 20px; padding: 16px; background: #f8f9fa; border-radius: 6px; border-left: 4px solid #17a2b8;\">\n                <div style=\"display: flex; align-items: center; gap: 12px;\">\n                    <i class=\"fa-solid fa-robot\" style=\"color: #17a2b8; font-size: 1.3em;\"></i>\n                    <div>\n                        <h5 style=\"margin: 0; color: #495057;\">{{ aiAgent.Name }}</h5>\n                        @if (aiAgent.Description) {\n                            <p style=\"margin: 4px 0 0 0; color: #6c757d; font-size: 0.9em;\">{{ aiAgent.Description }}</p>\n                        }\n                    </div>\n                </div>\n            </div>\n        }\n\n        <!-- Main Content Area -->\n        <div class=\"main-content\" style=\"flex: 1; display: flex; flex-direction: column; gap: 16px; overflow-y: auto;\">\n            \n            <!-- User Message Section -->\n            <div class=\"conversation-section\">\n                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;\">\n                    <label style=\"font-weight: 600; color: #495057;\">\n                        <i class=\"fa-solid fa-comment\" style=\"margin-right: 6px; color: #6f42c1;\"></i>\n                        Message to Agent <span style=\"color: #dc3545;\">*</span>\n                    </label>\n                    <button type=\"button\" \n                            class=\"toggle-advanced-btn\"\n                            (click)=\"toggleAdvancedConversation()\"\n                            style=\"background: none; border: 1px solid #dee2e6; border-radius: 4px; padding: 4px 8px; font-size: 0.8em; color: #6c757d; cursor: pointer;\">\n                        @if (showAdvancedConversation) {\n                            <i class=\"fa-solid fa-chevron-up\"></i> Simple\n                        } @else {\n                            <i class=\"fa-solid fa-chevron-down\"></i> Advanced\n                        }\n                    </button>\n                </div>\n                \n                @if (!showAdvancedConversation) {\n                    <!-- Simple Message Input -->\n                    <p style=\"margin: 0 0 8px 0; color: #6c757d; font-size: 0.85em;\">\n                        Enter your message to send to the agent.\n                    </p>\n                    <kendo-textarea [(ngModel)]=\"userMessage\"\n                                   (ngModelChange)=\"updateConversationFromMessage()\"\n                                   [rows]=\"4\"\n                                   style=\"width: 100%;\"\n                                   placeholder=\"Type your message to the agent here...\">\n                    </kendo-textarea>\n                } @else {\n                    <!-- Advanced JSON Editor -->\n                    <p style=\"margin: 0 0 8px 0; color: #6c757d; font-size: 0.85em;\">\n                        JSON array of conversation messages to provide as context to the agent.\n                    </p>\n                    <kendo-textarea [(ngModel)]=\"conversationMessages\"\n                                   [rows]=\"6\"\n                                   style=\"width: 100%; font-family: 'Courier New', monospace; font-size: 0.9em;\"\n                                   placeholder='[{\"role\": \"user\", \"content\": \"Your message here\"}]'>\n                    </kendo-textarea>\n                }\n            </div>\n\n            <!-- Advanced Options Expandable Panel -->\n            <kendo-expansionpanel [(expanded)]=\"showAdvancedOptions\">\n                <ng-template kendoExpansionPanelTitleDirective>\n                    <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                        <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                        Advanced Options\n                    </span>\n                </ng-template>\n\n                <div style=\"padding: 16px 0;\">\n                    \n                    <!-- Data Context Variables -->\n                    <kendo-expansionpanel [(expanded)]=\"showDataContext\" style=\"margin-bottom: 16px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                                Data Context Variables\n                                @if (dataContextVariables.length > 0) {\n                                    <span class=\"badge\" style=\"background: #28a745; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ dataContextVariables.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n\n                        <div style=\"padding: 12px 0;\">\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.85em;\">\n                                Variables that will be available as data context during agent execution.\n                            </p>\n                            \n                            @if (dataContextVariables.length === 0) {\n                                <p style=\"text-align: center; color: #6c757d; font-style: italic; padding: 20px;\">\n                                    No data context variables defined.\n                                </p>\n                            }\n\n                            @for (variable of dataContextVariables; track $index) {\n                                <div style=\"display: flex; gap: 8px; margin-bottom: 8px; align-items: center;\">\n                                    <kendo-textbox [(ngModel)]=\"variable.name\" \n                                                  placeholder=\"Variable name\"\n                                                  style=\"width: 150px;\">\n                                    </kendo-textbox>\n                                    \n                                    <kendo-dropdownlist [(ngModel)]=\"variable.type\"\n                                                       [data]=\"[{text: 'String', value: 'string'}, {text: 'Number', value: 'number'}, {text: 'Boolean', value: 'boolean'}, {text: 'Object', value: 'object'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 100px;\">\n                                    </kendo-dropdownlist>\n                                    \n                                    <kendo-textbox [(ngModel)]=\"variable.value\" \n                                                  placeholder=\"Value\"\n                                                  style=\"flex: 1;\">\n                                    </kendo-textbox>\n                                    \n                                    <kendo-button fillMode=\"outline\" \n                                                themeColor=\"error\" \n                                                size=\"small\"\n                                                (click)=\"removeDataVariable($index)\"\n                                                title=\"Remove variable\">\n                                        <i class=\"fa-solid fa-trash\"></i>\n                                    </kendo-button>\n                                </div>\n                            }\n                            \n                            <kendo-button fillMode=\"outline\" \n                                        themeColor=\"primary\" \n                                        size=\"small\"\n                                        (click)=\"addDataVariable()\"\n                                        style=\"margin-top: 8px;\">\n                                <i class=\"fa-solid fa-plus\"></i> Add Variable\n                            </kendo-button>\n                        </div>\n                    </kendo-expansionpanel>\n\n                    <!-- Template Data Variables -->\n                    <kendo-expansionpanel [(expanded)]=\"showTemplateData\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px;\">\n                                <i class=\"fa-solid fa-file-code\" style=\"color: #fd7e14;\"></i>\n                                Template Data Variables\n                                @if (templateDataVariables.length > 0) {\n                                    <span class=\"badge\" style=\"background: #fd7e14; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ templateDataVariables.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n\n                        <div style=\"padding: 12px 0;\">\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.85em;\">\n                                Variables that will be available for template rendering during agent execution.\n                            </p>\n                            \n                            @if (templateDataVariables.length === 0) {\n                                <p style=\"text-align: center; color: #6c757d; font-style: italic; padding: 20px;\">\n                                    No template data variables defined.\n                                </p>\n                            }\n\n                            @for (variable of templateDataVariables; track $index) {\n                                <div style=\"display: flex; gap: 8px; margin-bottom: 8px; align-items: center;\">\n                                    <kendo-textbox [(ngModel)]=\"variable.name\" \n                                                  placeholder=\"Variable name\"\n                                                  style=\"width: 150px;\">\n                                    </kendo-textbox>\n                                    \n                                    <kendo-dropdownlist [(ngModel)]=\"variable.type\"\n                                                       [data]=\"[{text: 'String', value: 'string'}, {text: 'Number', value: 'number'}, {text: 'Boolean', value: 'boolean'}, {text: 'Object', value: 'object'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 100px;\">\n                                    </kendo-dropdownlist>\n                                    \n                                    <kendo-textbox [(ngModel)]=\"variable.value\" \n                                                  placeholder=\"Value\"\n                                                  style=\"flex: 1;\">\n                                    </kendo-textbox>\n                                    \n                                    <kendo-button fillMode=\"outline\" \n                                                themeColor=\"error\" \n                                                size=\"small\"\n                                                (click)=\"removeTemplateVariable($index)\"\n                                                title=\"Remove variable\">\n                                        <i class=\"fa-solid fa-trash\"></i>\n                                    </kendo-button>\n                                </div>\n                            }\n                            \n                            <kendo-button fillMode=\"outline\" \n                                        themeColor=\"primary\" \n                                        size=\"small\"\n                                        (click)=\"addTemplateVariable()\"\n                                        style=\"margin-top: 8px;\">\n                                <i class=\"fa-solid fa-plus\"></i> Add Variable\n                            </kendo-button>\n                        </div>\n                    </kendo-expansionpanel>\n                </div>\n            </kendo-expansionpanel>\n        </div>\n\n        <!-- Action Buttons -->\n        <div class=\"action-buttons\" style=\"display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid #e9ecef;\">\n            <div>\n                @if (isExecuting) {\n                    <span style=\"color: #6c757d; font-style: italic;\">\n                        <i class=\"fa-solid fa-spinner fa-spin\" style=\"margin-right: 6px;\"></i>\n                        Executing agent...\n                    </span>\n                }\n            </div>\n            \n            <div style=\"display: flex; gap: 8px;\">\n                <kendo-button fillMode=\"outline\" (click)=\"close()\">\n                    Cancel\n                </kendo-button>\n                <kendo-button themeColor=\"info\" \n                            (click)=\"executeAgent()\"\n                            [disabled]=\"isExecuting || !aiAgent\">\n                    @if (isExecuting) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Executing...\n                    } @else {\n                        <i class=\"fa-solid fa-play\"></i> Execute Agent\n                    }\n                </kendo-button>\n            </div>\n        </div>\n\n        <!-- Execution Results -->\n        @if (hasResult) {\n            <div class=\"execution-results\" style=\"margin-top: 20px; padding: 16px; border: 1px solid #e9ecef; border-radius: 6px; max-height: 300px; overflow-y: auto;\">\n                <h6 style=\"margin: 0 0 12px 0; display: flex; align-items: center; gap: 8px;\">\n                    @if (executionResult?.success) {\n                        <i class=\"fa-solid fa-check-circle\" style=\"color: #28a745;\"></i>\n                        <span style=\"color: #28a745;\">Execution Successful</span>\n                    } @else {\n                        <i class=\"fa-solid fa-exclamation-triangle\" style=\"color: #dc3545;\"></i>\n                        <span style=\"color: #dc3545;\">Execution Failed</span>\n                    }\n                    \n                    @if (executionResult?.executionTimeMs) {\n                        <span style=\"color: #6c757d; font-size: 0.8em; margin-left: auto;\">\n                            {{ executionResult?.executionTimeMs }}ms\n                        </span>\n                    }\n                </h6>\n\n                @if (executionResult?.success && resultOutput) {\n                    <div style=\"background: #f8f9fa; padding: 12px; border-radius: 4px; border-left: 4px solid #28a745;\">\n                        <label style=\"display: block; margin-bottom: 6px; font-weight: 600; font-size: 0.9em; color: #495057;\">Output:</label>\n                        <pre style=\"margin: 0; white-space: pre-wrap; font-size: 0.85em; line-height: 1.4;\">{{ resultOutput }}</pre>\n                    </div>\n                } @else if (!executionResult?.success && executionResult?.error) {\n                    <div style=\"background: #f8d7da; padding: 12px; border-radius: 4px; border-left: 4px solid #dc3545;\">\n                        <label style=\"display: block; margin-bottom: 6px; font-weight: 600; font-size: 0.9em; color: #721c24;\">Error:</label>\n                        <pre style=\"margin: 0; white-space: pre-wrap; font-size: 0.85em; line-height: 1.4; color: #721c24;\">{{ executionResult?.error }}</pre>\n                    </div>\n                }\n\n                @if (executionResult?.nextStep) {\n                    <div style=\"margin-top: 12px; padding: 8px; background: #e2f3ff; border-radius: 4px;\">\n                        <span style=\"font-weight: 600; color: #0c5460; font-size: 0.9em;\">Next Step: </span>\n                        <span style=\"color: #0c5460; font-size: 0.9em;\">{{ executionResult?.nextStep }}</span>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n</kendo-dialog>", styles: ["/* AI Agent Execution Dialog Styles */\n\n.dialog-content {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.agent-info {\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.conversation-section label {\n    font-size: 0.95em;\n}\n\n.conversation-section kendo-textarea {\n    border: 1px solid #ced4da;\n    border-radius: 4px;\n}\n\n.conversation-section kendo-textarea:focus-within {\n    border-color: #6f42c1;\n    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);\n}\n\n/* Expansion panels */\nkendo-expansionpanel {\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/* Variable management */\n.variable-row {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 8px;\n    align-items: center;\n}\n\n/* Button styling */\n.action-buttons kendo-button {\n    min-width: 120px;\n}\n\n.action-buttons kendo-button i {\n    margin-right: 6px;\n}\n\n/* Results section */\n.execution-results {\n    background: #ffffff;\n    border: 1px solid #e9ecef;\n}\n\n.execution-results pre {\n    color: #495057;\n    background: transparent;\n    border: none;\n    padding: 0;\n    font-family: 'Monaco', 'Courier New', monospace;\n}\n\n/* Status indicators */\n.success-indicator {\n    color: #28a745;\n}\n\n.error-indicator {\n    color: #dc3545;\n}\n\n.info-indicator {\n    color: #17a2b8;\n}\n\n/* Badge styling */\n.badge {\n    display: inline-block;\n    padding: 0.25em 0.4em;\n    font-size: 75%;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: baseline;\n    border-radius: 0.375rem;\n}\n\n/* Loading state */\n.fa-spinner {\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n/* Dialog content overflow handling */\n.main-content {\n    min-height: 0; /* Important for flex overflow */\n}\n\n/* Form controls in variables */\n.variable-row kendo-textbox,\n.variable-row kendo-dropdownlist {\n    flex-shrink: 0;\n}\n\n.variable-row kendo-textbox[style*=\"flex: 1\"] {\n    flex-shrink: 1;\n}\n\n/* Toggle button styling */\n.toggle-advanced-btn {\n    transition: all 0.2s ease;\n}\n\n.toggle-advanced-btn:hover {\n    background-color: #f8f9fa !important;\n    border-color: #adb5bd !important;\n    color: #495057 !important;\n}\n\n/* Conversation section styling */\n.conversation-section {\n    background: #ffffff;\n    padding: 0;\n}\n\n.conversation-section label {\n    font-size: 0.95em;\n}\n\n.conversation-section kendo-textarea {\n    border: 1px solid #ced4da;\n    border-radius: 4px;\n}\n\n.conversation-section kendo-textarea:focus-within {\n    border-color: #6f42c1;\n    box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n    .variable-row {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .variable-row > * {\n        width: 100% !important;\n        margin-bottom: 4px;\n    }\n}"] }]
+    }], null, { aiAgent: [{
+            type: Input
+        }], isVisible: [{
+            type: Input
+        }], visibilityChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentExecutionDialogComponent, { className: "AIAgentExecutionDialogComponent", filePath: "src/lib/custom/AIAgents/ai-agent-execution-dialog.component.ts", lineNumber: 30 }); })();
+//# sourceMappingURL=ai-agent-execution-dialog.component.js.map