@memberjunction/ng-core-entity-forms 2.43.0 → 2.45.0

package/dist/lib/custom/AIPrompts/ai-prompt-execution-dialog.component.js

@@ -0,0 +1,814 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Metadata, RunView } 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 = () => ({ text: "String", value: "string" });
+const _c1 = () => ({ text: "Number", value: "number" });
+const _c2 = () => ({ text: "Boolean", value: "boolean" });
+const _c3 = () => ({ text: "Object", value: "object" });
+const _c4 = (a0, a1, a2, a3) => [a0, a1, a2, a3];
+const _c5 = () => ({ text: "True", value: "true" });
+const _c6 = () => ({ text: "False", value: "false" });
+const _c7 = (a0, a1) => [a0, a1];
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.aiPrompt == null ? null : ctx_r1.aiPrompt.ParallelizationMode, " ");
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵelementStart(2, "span", 14);
+    i0.ɵɵtext(3, "Loading prompt configuration...");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 45);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.dataContextVariables.length, " ");
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵtext(2, " Data Context Variables ");
+    i0.ɵɵelementStart(3, "span", 44);
+    i0.ɵɵtext(4, "*");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_1_Conditional_5_Template, 2, 1, "span", 45);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.dataContextVariables.length > 0 ? 5 : -1);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-textarea", 61);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_4_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const variable_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.value, $event) || (variable_r6.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_4_Template_kendo_textarea_valueChange_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.updateDataContextFromVariables()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    const variable_r6 = ctx_r7.$implicit;
+    const ɵ$index_75_r9 = ctx_r7.$index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.value);
+    i0.ɵɵproperty("name", "varValue_" + ɵ$index_75_r9)("rows", 2)("disabled", ctx_r1.isRunning);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 62);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const variable_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.value, $event) || (variable_r6.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.updateDataContextFromVariables()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    const variable_r6 = ctx_r7.$implicit;
+    const ɵ$index_75_r9 = ctx_r7.$index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.value);
+    i0.ɵɵproperty("name", "varValue_" + ɵ$index_75_r9)("data", i0.ɵɵpureFunction2(7, _c7, i0.ɵɵpureFunction0(5, _c5), i0.ɵɵpureFunction0(6, _c6)))("valuePrimitive", true)("disabled", ctx_r1.isRunning);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-textbox", 63);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_6_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r11); const variable_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.value, $event) || (variable_r6.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_6_Template_kendo_textbox_valueChange_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.updateDataContextFromVariables()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext();
+    const variable_r6 = ctx_r7.$implicit;
+    const ɵ$index_75_r9 = ctx_r7.$index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.value);
+    i0.ɵɵproperty("name", "varValue_" + ɵ$index_75_r9)("placeholder", variable_r6.type === "number" ? "Enter number..." : "Enter text...")("disabled", ctx_r1.isRunning);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 52)(1, "div")(2, "kendo-textbox", 53);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template_kendo_textbox_ngModelChange_2_listener($event) { const variable_r6 = i0.ɵɵrestoreView(_r5).$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.name, $event) || (variable_r6.name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template_kendo_textbox_valueChange_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.updateDataContextFromVariables()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "div");
+    i0.ɵɵtemplate(4, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_4_Template, 1, 4, "kendo-textarea", 54)(5, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_5_Template, 1, 10, "kendo-dropdownlist", 55)(6, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Conditional_6_Template, 1, 4, "kendo-textbox", 56);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div")(8, "kendo-dropdownlist", 57);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template_kendo_dropdownlist_ngModelChange_8_listener($event) { const variable_r6 = i0.ɵɵrestoreView(_r5).$implicit; i0.ɵɵtwoWayBindingSet(variable_r6.type, $event) || (variable_r6.type = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template_kendo_dropdownlist_valueChange_8_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.updateDataContextFromVariables()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 58)(10, "kendo-button", 59);
+    i0.ɵɵlistener("click", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template_kendo_button_click_10_listener() { const ɵ$index_75_r9 = i0.ɵɵrestoreView(_r5).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.removeDataContextVariable(ɵ$index_75_r9)); });
+    i0.ɵɵelement(11, "i", 60);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const variable_r6 = ctx.$implicit;
+    const ɵ$index_75_r9 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("background", !variable_r6.name.trim() ? "#fff3cd" : "white")("border-left", !variable_r6.name.trim() ? "3px solid #ffc107" : "none");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.name);
+    i0.ɵɵproperty("name", "varName_" + ɵ$index_75_r9)("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(variable_r6.type === "object" ? 4 : variable_r6.type === "boolean" ? 5 : 6);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", variable_r6.type);
+    i0.ɵɵproperty("name", "varType_" + ɵ$index_75_r9)("data", i0.ɵɵpureFunction4(18, _c4, i0.ɵɵpureFunction0(14, _c0), i0.ɵɵpureFunction0(15, _c1), i0.ɵɵpureFunction0(16, _c2), i0.ɵɵpureFunction0(17, _c3)))("valuePrimitive", true)("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 46)(2, "div");
+    i0.ɵɵtext(3, "Variable Name ");
+    i0.ɵɵelementStart(4, "span", 47);
+    i0.ɵɵtext(5, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div");
+    i0.ɵɵtext(7, "Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div");
+    i0.ɵɵtext(9, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div");
+    i0.ɵɵtext(11, "Actions");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(12, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_For_13_Template, 12, 23, "div", 48, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(14, "div", 49)(15, "kendo-button", 50);
+    i0.ɵɵlistener("click", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_Template_kendo_button_click_15_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addDataContextVariable()); });
+    i0.ɵɵelement(16, "i", 51);
+    i0.ɵɵtext(17, " Add Variable ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r1.dataContextVariables);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵelementStart(2, "p", 65);
+    i0.ɵɵtext(3, "No variables defined yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-button", 66);
+    i0.ɵɵlistener("click", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_7_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addDataContextVariable()); });
+    i0.ɵɵelement(5, "i", 51);
+    i0.ɵɵtext(6, " Add First Variable ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 67);
+    i0.ɵɵelement(2, "i", 68);
+    i0.ɵɵelementStart(3, "span", 69);
+    i0.ɵɵtext(4, "Generated JSON:");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 70);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.dataContext);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵtext(2, " Execution Options ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_42_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 74);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("background", ctx_r1.executionResult.success ? "#28a745" : "#dc3545");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.executionResult.success ? "Success" : "Error", " ");
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵelement(1, "i", 72);
+    i0.ɵɵtext(2, " Execution Results ");
+    i0.ɵɵtemplate(3, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_42_Conditional_3_Template, 2, 3, "span", 73);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.executionResult ? 3 : -1);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵelementStart(2, "span", 14);
+    i0.ɵɵtext(3, "Executing AI prompt...");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 76);
+    i0.ɵɵtext(2, "EXECUTION TIME");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 80);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.executionResult.executionTimeMs, "ms");
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 76);
+    i0.ɵɵtext(2, "TOKENS USED");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 80);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult.tokensUsed);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 76);
+    i0.ɵɵtext(2, "RUN ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 81);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult.promptRunId);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79)(1, "h6", 82);
+    i0.ɵɵelement(2, "i", 83);
+    i0.ɵɵtext(3, " Output ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 84);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult.output);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79)(1, "h6", 85);
+    i0.ɵɵelement(2, "i", 86);
+    i0.ɵɵtext(3, " Error ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 87);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult.error);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79)(1, "h6", 82);
+    i0.ɵɵelement(2, "i", 88);
+    i0.ɵɵtext(3, " Parsed Result ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 89);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult.parsedResult);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79)(1, "h6", 82);
+    i0.ɵɵelement(2, "i", 90);
+    i0.ɵɵtext(3, " Validation Result ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 91);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.executionResult.validationResult);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 75)(2, "div", 58)(3, "div", 76);
+    i0.ɵɵtext(4, "STATUS");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 77);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_7_Template, 5, 1, "div", 58)(8, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_8_Template, 5, 1, "div", 58)(9, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_9_Template, 5, 1, "div", 58);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 78);
+    i0.ɵɵtemplate(11, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_11_Template, 6, 1, "div", 79)(12, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_12_Template, 6, 1, "div", 79)(13, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_13_Template, 6, 1, "div", 79)(14, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Conditional_14_Template, 6, 1, "div", 79);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵstyleProp("color", ctx_r1.executionResult.success ? "#28a745" : "#dc3545");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.executionResult.success ? "Success" : "Failed", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.executionResult.executionTimeMs ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.executionResult.tokensUsed ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.executionResult.promptRunId ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.executionResult.success && ctx_r1.executionResult.output ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.executionResult.error ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.executionResult.parsedResult && ctx_r1.executionResult.parsedResult !== ctx_r1.executionResult.output ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.executionResult.validationResult ? 14 : -1);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41)(1, "div", 58);
+    i0.ɵɵelement(2, "i", 92);
+    i0.ɵɵelementStart(3, "p", 93);
+    i0.ɵɵtext(4, "No execution results yet. Run the prompt to see results here.");
+    i0.ɵɵelementEnd()()();
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 15);
+    i0.ɵɵtwoWayListener("expandedChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_expansionpanel_expandedChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.dataContextExpanded, $event) || (ctx_r1.dataContextExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(1, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_1_Template, 6, 1, "ng-template", 16);
+    i0.ɵɵelementStart(2, "div", 17)(3, "div", 18);
+    i0.ɵɵelement(4, "i", 19);
+    i0.ɵɵtext(5, " Define variables that will be available to the AI prompt during execution. These are converted to JSON format automatically. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_6_Template, 18, 1, "div", 20)(7, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_7_Template, 7, 1, "div", 21)(8, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_8_Template, 7, 1, "div", 22);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "kendo-expansionpanel", 15);
+    i0.ɵɵtwoWayListener("expandedChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_expansionpanel_expandedChange_9_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.optionsExpanded, $event) || (ctx_r1.optionsExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(10, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_10_Template, 3, 0, "ng-template", 16);
+    i0.ɵɵelementStart(11, "div", 17)(12, "div", 23)(13, "div", 24)(14, "label", 25);
+    i0.ɵɵelement(15, "i", 26);
+    i0.ɵɵtext(16, " AI Model Override ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "kendo-dropdownlist", 27);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_dropdownlist_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.executionOptions.modelId, $event) || (ctx_r1.executionOptions.modelId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 28);
+    i0.ɵɵtext(19, " Optional: Override the prompt's configured models ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 24)(21, "label", 25);
+    i0.ɵɵelement(22, "i", 29);
+    i0.ɵɵtext(23, " AI Vendor Override ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "kendo-dropdownlist", 30);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_dropdownlist_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.executionOptions.vendorId, $event) || (ctx_r1.executionOptions.vendorId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 28);
+    i0.ɵɵtext(26, " Optional: Override the vendor for model inference ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 24)(28, "label", 25);
+    i0.ɵɵelement(29, "i", 31);
+    i0.ɵɵtext(30, " Configuration ID ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "kendo-textbox", 32);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_textbox_ngModelChange_31_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.executionOptions.configurationId, $event) || (ctx_r1.executionOptions.configurationId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div", 28);
+    i0.ɵɵtext(33, " Environment-specific configuration identifier ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 24)(35, "label", 33)(36, "kendo-checkbox", 34);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_checkbox_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.executionOptions.skipValidation, $event) || (ctx_r1.executionOptions.skipValidation = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(37, "i", 35);
+    i0.ɵɵtext(38, " Skip Output Validation ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "div", 36);
+    i0.ɵɵtext(40, " Bypass output format validation for faster execution ");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(41, "kendo-expansionpanel", 37);
+    i0.ɵɵtwoWayListener("expandedChange", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template_kendo_expansionpanel_expandedChange_41_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.resultsExpanded, $event) || (ctx_r1.resultsExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(42, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_ng_template_42_Template, 4, 1, "ng-template", 16);
+    i0.ɵɵelementStart(43, "div", 38);
+    i0.ɵɵtemplate(44, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_44_Template, 4, 0, "div", 39)(45, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_45_Template, 15, 10, "div", 40)(46, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Conditional_46_Template, 5, 0, "div", 41);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.dataContextExpanded);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.dataContextVariables.length > 0 ? 6 : 7);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.dataContext ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.optionsExpanded);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.executionOptions.modelId);
+    i0.ɵɵproperty("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true)("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.executionOptions.vendorId);
+    i0.ɵɵproperty("data", ctx_r1.availableVendors)("valuePrimitive", true)("filterable", true)("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.executionOptions.configurationId);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.executionOptions.skipValidation);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.resultsExpanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isRunning ? 44 : ctx_r1.executionResult ? 45 : 46);
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-button", 94);
+    i0.ɵɵlistener("click", function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_15_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.saveResults()); });
+    i0.ɵɵelement(1, "i", 95);
+    i0.ɵɵtext(2, " Save Results ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 96);
+    i0.ɵɵtext(1, " Running... ");
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 97);
+    i0.ɵɵtext(1, " Run Prompt ");
+} }
+function AIPromptExecutionDialogComponent_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function AIPromptExecutionDialogComponent_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)(2, "div", 3)(3, "div", 4);
+    i0.ɵɵelement(4, "i", 5);
+    i0.ɵɵelementStart(5, "h5", 6);
+    i0.ɵɵtext(6, "AI Prompt Execution");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_7_Template, 2, 1, "span", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "p", 8);
+    i0.ɵɵtext(9, " Define variables for the AI prompt to process. Each variable will be available as data context during execution. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(10, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_10_Template, 4, 0, "div", 9)(11, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_11_Template, 47, 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "kendo-dialog-actions")(13, "kendo-button", 10);
+    i0.ɵɵlistener("click", function AIPromptExecutionDialogComponent_kendo_dialog_0_Template_kendo_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵtext(14, " Close ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(15, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_15_Template, 3, 0, "kendo-button", 11);
+    i0.ɵɵelementStart(16, "kendo-button", 12);
+    i0.ɵɵlistener("click", function AIPromptExecutionDialogComponent_kendo_dialog_0_Template_kendo_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.runAIPrompt()); });
+    i0.ɵɵtemplate(17, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_17_Template, 2, 0)(18, AIPromptExecutionDialogComponent_kendo_dialog_0_Conditional_18_Template, 2, 0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 700)("width", 900)("height", 850)("title", "Execute AI Prompt: " + ((ctx_r1.aiPrompt == null ? null : ctx_r1.aiPrompt.Name) || "Unknown"));
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional((ctx_r1.aiPrompt == null ? null : ctx_r1.aiPrompt.ParallelizationMode) && (ctx_r1.aiPrompt == null ? null : ctx_r1.aiPrompt.ParallelizationMode) !== "None" ? 7 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isLoading ? 10 : 11);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.executionResult ? 15 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning || ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isRunning ? 17 : 18);
+} }
+export class AIPromptExecutionDialogComponent {
+    get isVisible() {
+        return this._isVisible;
+    }
+    set isVisible(value) {
+        const wasVisible = this._isVisible;
+        this._isVisible = value;
+        // Reset dialog state when opening
+        if (value && !wasVisible) {
+            this.resetDialogState();
+        }
+    }
+    constructor() {
+        this.aiPrompt = null;
+        this._isVisible = false;
+        this.isVisibleChange = new EventEmitter();
+        this.onClose = new EventEmitter();
+        this.dataContext = '';
+        this.dataContextVariables = [];
+        this.executionOptions = {};
+        this.availableModels = [];
+        this.availableVendors = [];
+        this.isLoading = false;
+        this.isRunning = false;
+        this.executionResult = null;
+        // UI State
+        this.dataContextExpanded = true;
+        this.optionsExpanded = false;
+        this.resultsExpanded = false;
+    }
+    ngOnInit() { }
+    /**
+     * Resets the dialog to initial state
+     */
+    resetDialogState() {
+        var _a;
+        this.dataContext = '';
+        this.dataContextVariables = [];
+        this.executionResult = null;
+        this.executionOptions = {};
+        this.dataContextExpanded = true;
+        this.optionsExpanded = false;
+        this.resultsExpanded = false;
+        // Initialize with one default variable
+        this.addDataContextVariable();
+        if ((_a = this.aiPrompt) === null || _a === void 0 ? void 0 : _a.ID) {
+            this.loadDialogData();
+        }
+    }
+    /**
+     * Loads available models for the execution dialog
+     */
+    loadDialogData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            this.isLoading = true;
+            try {
+                yield this.loadAvailableModels();
+                yield this.loadAvailableVendors();
+                // Set default execution options based on AI Prompt configuration
+                this.executionOptions = {
+                    parallelizationMode: ((_a = this.aiPrompt) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) || 'None',
+                    skipValidation: false
+                };
+            }
+            catch (error) {
+                console.error('Error loading dialog data:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error loading prompt data', 'error');
+            }
+            finally {
+                this.isLoading = false;
+            }
+        });
+    }
+    /**
+     * Loads available AI models for the prompt
+     */
+    loadAvailableModels() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const rv = new RunView();
+                const result = yield rv.RunView({
+                    EntityName: 'AI Models',
+                    ExtraFilter: `IsActive=1`,
+                    OrderBy: 'PowerRank DESC, Name ASC',
+                    ResultType: 'entity_object'
+                });
+                this.availableModels = result.Results || [];
+            }
+            catch (error) {
+                console.error('Error loading AI models:', error);
+                throw error;
+            }
+        });
+    }
+    /**
+     * Loads available AI vendors for the prompt
+     */
+    loadAvailableVendors() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const rv = new RunView();
+                const result = yield rv.RunView({
+                    EntityName: 'AI Vendors',
+                    ExtraFilter: `IsActive=1`,
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                });
+                this.availableVendors = result.Results || [];
+            }
+            catch (error) {
+                console.error('Error loading AI vendors:', error);
+                throw error;
+            }
+        });
+    }
+    /**
+     * Adds a new data context variable
+     */
+    addDataContextVariable() {
+        this.dataContextVariables.push({
+            name: '',
+            value: '',
+            type: 'string'
+        });
+        this.updateDataContextFromVariables();
+    }
+    /**
+     * Removes a data context variable
+     */
+    removeDataContextVariable(index) {
+        if (index >= 0 && index < this.dataContextVariables.length) {
+            this.dataContextVariables.splice(index, 1);
+            this.updateDataContextFromVariables();
+        }
+    }
+    /**
+     * Updates the JSON data context from variables
+     */
+    updateDataContextFromVariables() {
+        var _a;
+        const context = {};
+        for (const variable of this.dataContextVariables) {
+            if ((_a = variable.name) === null || _a === void 0 ? void 0 : _a.trim()) {
+                let value = variable.value;
+                // Convert value based on type
+                switch (variable.type) {
+                    case 'number':
+                        value = value ? parseFloat(value) : 0;
+                        break;
+                    case 'boolean':
+                        value = value === 'true';
+                        break;
+                    case 'object':
+                        try {
+                            value = value ? JSON.parse(value) : {};
+                        }
+                        catch (_b) {
+                            value = variable.value; // Keep as string if invalid JSON
+                        }
+                        break;
+                    default:
+                        value = variable.value || '';
+                }
+                context[variable.name.trim()] = value;
+            }
+        }
+        this.dataContext = Object.keys(context).length > 0 ? JSON.stringify(context, null, 2) : '';
+    }
+    /**
+     * Validates that at least one variable has a name
+     */
+    validateDataContext() {
+        const hasValidVariable = this.dataContextVariables.some(v => { var _a; return (_a = v.name) === null || _a === void 0 ? void 0 : _a.trim(); });
+        if (!hasValidVariable) {
+            MJNotificationService.Instance.CreateSimpleNotification('Please provide at least one variable name for the AI prompt to process.', 'warning', 4000);
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Executes the AI prompt
+     */
+    runAIPrompt() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            if (!((_a = this.aiPrompt) === null || _a === void 0 ? void 0 : _a.ID))
+                return;
+            // Validate data context
+            if (!this.validateDataContext()) {
+                return;
+            }
+            // Update data context from variables before execution
+            this.updateDataContextFromVariables();
+            this.isRunning = true;
+            this.executionResult = null;
+            try {
+                // Get GraphQL data provider
+                const dataProvider = Metadata.Provider;
+                // Execute the RunAIPrompt GraphQL mutation
+                const query = `
+                mutation RunAIPrompt($promptId: String!, $data: String, $modelId: String, $vendorId: String, $configurationId: String, $skipValidation: Boolean, $templateData: String) {
+                    RunAIPrompt(promptId: $promptId, data: $data, modelId: $modelId, vendorId: $vendorId, configurationId: $configurationId, skipValidation: $skipValidation, templateData: $templateData) {
+                        success
+                        output
+                        parsedResult
+                        error
+                        executionTimeMs
+                        tokensUsed
+                        promptRunId
+                        rawResult
+                        validationResult
+                    }
+                }
+            `;
+                const variables = {
+                    promptId: this.aiPrompt.ID,
+                    data: this.dataContext,
+                    modelId: this.executionOptions.modelId,
+                    vendorId: this.executionOptions.vendorId,
+                    configurationId: this.executionOptions.configurationId,
+                    skipValidation: this.executionOptions.skipValidation,
+                    templateData: null // Could be extended for additional template context
+                };
+                const result = yield dataProvider.ExecuteGQL(query, variables);
+                if (result === null || result === void 0 ? void 0 : result.RunAIPrompt) {
+                    this.executionResult = result.RunAIPrompt;
+                    // Collapse data context and expand results after execution
+                    this.dataContextExpanded = false;
+                    this.resultsExpanded = true;
+                    if ((_b = this.executionResult) === null || _b === void 0 ? void 0 : _b.success) {
+                        MJNotificationService.Instance.CreateSimpleNotification(`AI Prompt executed successfully in ${this.executionResult.executionTimeMs}ms`, 'success', 4000);
+                    }
+                }
+                else {
+                    throw new Error('No result returned from AI prompt execution');
+                }
+            }
+            catch (error) {
+                console.error('AI Prompt execution error:', error);
+                this.executionResult = {
+                    success: false,
+                    error: error.message || 'Unknown error occurred'
+                };
+                // Still collapse data context and expand results on error
+                this.dataContextExpanded = false;
+                this.resultsExpanded = true;
+            }
+            finally {
+                this.isRunning = false;
+            }
+        });
+    }
+    /**
+     * Saves execution results to file
+     */
+    saveResults() {
+        var _a, _b, _c, _d, _e;
+        if (!this.executionResult)
+            return;
+        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+        const filename = `ai-prompt-result-${(_b = (_a = this.aiPrompt) === null || _a === void 0 ? void 0 : _a.Name) === null || _b === void 0 ? void 0 : _b.replace(/[^a-zA-Z0-9]/g, '-')}-${timestamp}.json`;
+        const resultData = {
+            aiPrompt: {
+                id: (_c = this.aiPrompt) === null || _c === void 0 ? void 0 : _c.ID,
+                name: (_d = this.aiPrompt) === null || _d === void 0 ? void 0 : _d.Name,
+                parallelizationMode: (_e = this.aiPrompt) === null || _e === void 0 ? void 0 : _e.ParallelizationMode
+            },
+            executionOptions: this.executionOptions,
+            dataContext: this.dataContext,
+            result: this.executionResult,
+            timestamp: new Date().toISOString()
+        };
+        const blob = new Blob([JSON.stringify(resultData, null, 2)], { type: 'application/json' });
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = filename;
+        link.click();
+        window.URL.revokeObjectURL(url);
+    }
+    /**
+     * Closes the dialog
+     */
+    close() {
+        this._isVisible = false;
+        this.isVisibleChange.emit(false);
+        this.onClose.emit();
+    }
+}
+AIPromptExecutionDialogComponent.ɵfac = function AIPromptExecutionDialogComponent_Factory(t) { return new (t || AIPromptExecutionDialogComponent)(); };
+AIPromptExecutionDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptExecutionDialogComponent, selectors: [["mj-ai-prompt-execution-dialog"]], inputs: { aiPrompt: "aiPrompt", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onClose: "onClose" }, decls: 1, vars: 1, consts: [[3, "minWidth", "width", "height", "title", "close", 4, "ngIf"], [3, "close", "minWidth", "width", "height", "title"], [1, "dialog-content", 2, "display", "flex", "flex-direction", "column", "height", "100%", "font-family", "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"], [1, "header-section", 2, "margin-bottom", "20px", "padding-bottom", "16px", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.2em"], [2, "margin", "0", "color", "#495057", "font-weight", "600"], [1, "badge", 2, "background", "#6f42c1", "color", "white", "padding", "3px 8px", "border-radius", "12px", "font-size", "0.7em"], [2, "margin", "0", "color", "#6c757d", "font-size", "0.9em"], [1, "loading-state", 2, "display", "flex", "align-items", "center", "justify-content", "center", "padding", "40px"], ["fillMode", "outline", 3, "click"], ["fillMode", "outline", "themeColor", "info"], ["themeColor", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "color", "#6c757d", "margin-right", "12px"], [2, "color", "#6c757d"], [2, "margin-bottom", "16px", "flex-shrink", "0", 3, "expandedChange", "expanded"], ["kendoExpansionPanelTitleDirective", ""], [2, "padding", "12px 0"], [2, "margin-bottom", "12px", "color", "#6c757d", "font-size", "0.85em"], [1, "fa-solid", "fa-info-circle"], [2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [2, "text-align", "center", "padding", "20px", "color", "#6c757d"], [2, "margin-top", "16px"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "16px"], [1, "option-group"], [2, "display", "block", "font-weight", "500", "margin-bottom", "6px", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-microchip", 2, "margin-right", "6px", "color", "#6c757d"], ["textField", "Name", "valueField", "ID", "placeholder", "Use prompt's configured models...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable", "disabled"], [2, "margin-top", "4px", "font-size", "0.75em", "color", "#6c757d"], [1, "fa-solid", "fa-server", 2, "margin-right", "6px", "color", "#6c757d"], ["textField", "Name", "valueField", "ID", "placeholder", "Use prompt's configured vendors...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable", "disabled"], [1, "fa-solid", "fa-gear", 2, "margin-right", "6px", "color", "#6c757d"], ["placeholder", "Optional configuration identifier...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "disabled"], [2, "display", "flex", "align-items", "center", "font-weight", "500", "color", "#495057", "font-size", "0.9em"], [3, "ngModelChange", "ngModel", "disabled"], [1, "fa-solid", "fa-shield-alt", 2, "margin-right", "6px", "color", "#6c757d"], [2, "margin-top", "4px", "margin-left", "24px", "font-size", "0.75em", "color", "#6c757d"], [2, "margin-bottom", "16px", "flex", "1", "display", "flex", "flex-direction", "column", 3, "expandedChange", "expanded"], [2, "padding", "12px 0", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "loading-state", 2, "display", "flex", "align-items", "center", "justify-content", "center", "padding", "40px", "flex", "1"], [2, "flex", "1", "display", "flex", "flex-direction", "column"], [2, "display", "flex", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d", "flex", "1"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "color", "#dc3545", "font-weight", "bold"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "display", "grid", "grid-template-columns", "200px 1fr 120px 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], [2, "color", "#dc3545"], [2, "display", "grid", "grid-template-columns", "200px 1fr 120px 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "center", 3, "background", "border-left"], [2, "padding", "12px 16px", "text-align", "center", "background", "white", "border-top", "1px solid #dee2e6"], ["fillMode", "outline", "themeColor", "success", "size", "small", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [2, "display", "grid", "grid-template-columns", "200px 1fr 120px 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "center"], ["placeholder", "Variable name...", 2, "width", "100%", "font-size", "0.9em", 3, "ngModelChange", "valueChange", "ngModel", "name", "disabled"], ["placeholder", "JSON object...", 2, "width", "100%", "font-size", "0.85em", "font-family", "'Courier New', monospace", 3, "ngModel", "name", "rows", "disabled"], ["textField", "text", "valueField", "value", 2, "width", "100%", "font-size", "0.9em", 3, "ngModel", "name", "data", "valuePrimitive", "disabled"], [2, "width", "100%", "font-size", "0.9em", 3, "ngModel", "name", "placeholder", "disabled"], ["textField", "text", "valueField", "value", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "disabled"], [2, "text-align", "center"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove variable", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["placeholder", "JSON object...", 2, "width", "100%", "font-size", "0.85em", "font-family", "'Courier New', monospace", 3, "ngModelChange", "valueChange", "ngModel", "name", "rows", "disabled"], ["textField", "text", "valueField", "value", 2, "width", "100%", "font-size", "0.9em", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "disabled"], [2, "width", "100%", "font-size", "0.9em", 3, "ngModelChange", "valueChange", "ngModel", "name", "placeholder", "disabled"], [1, "fa-solid", "fa-info-circle", 2, "font-size", "2em", "margin-bottom", "12px", "opacity", "0.5"], [2, "margin", "0 0 12px 0"], ["themeColor", "primary", "size", "small", 3, "click", "disabled"], [2, "display", "flex", "align-items", "center", "gap", "8px", "margin-bottom", "8px"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d", "font-size", "0.9em"], [2, "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.85em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "150px"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [1, "fa-solid", "fa-chart-line", 2, "color", "#6c757d"], [1, "badge", 2, "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em", 3, "background"], [1, "badge", 2, "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(150px, 1fr))", "gap", "12px", "margin-bottom", "16px", "padding", "12px", "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "6px"], [2, "font-size", "0.75em", "color", "#6c757d", "margin-bottom", "2px"], [2, "font-weight", "600"], [2, "flex", "1", "overflow-y", "auto", "padding-right", "8px"], [2, "margin-bottom", "16px"], [2, "font-weight", "600", "color", "#495057"], [2, "font-weight", "600", "color", "#495057", "font-size", "0.8em"], [2, "margin", "0 0 8px 0", "color", "#495057", "display", "flex", "align-items", "center", "gap", "6px"], [1, "fa-solid", "fa-check-circle", 2, "color", "#28a745"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "300px"], [2, "margin", "0 0 8px 0", "color", "#dc3545", "display", "flex", "align-items", "center", "gap", "6px"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "background", "#f8d7da", "border", "1px solid #f5c6cb", "border-radius", "4px", "padding", "12px", "color", "#721c24", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "300px"], [1, "fa-solid", "fa-code", 2, "color", "#17a2b8"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "200px"], [1, "fa-solid", "fa-shield-alt", 2, "color", "#ffc107"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "150px"], [1, "fa-solid", "fa-play-circle", 2, "font-size", "3em", "margin-bottom", "12px", "opacity", "0.3"], [2, "margin", "0"], ["fillMode", "outline", "themeColor", "info", 3, "click"], [1, "fa-solid", "fa-download"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"]], template: function AIPromptExecutionDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, AIPromptExecutionDialogComponent_kendo_dialog_0_Template, 19, 9, "kendo-dialog", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx._isVisible);
+    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.DialogComponent, i4.DialogActionsComponent, i5.TextAreaComponent, i5.TextBoxComponent, i5.CheckBoxComponent, i6.DropDownListComponent, i7.ButtonComponent], styles: [".dialog-content[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.section-header[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n    font-size: 0.9em;\n}\n\n.parameter-row[_ngcontent-%COMP%]:hover {\n    background-color: #f8f9fa !important;\n}\n\n.option-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n.loading-state[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n.badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    font-size: 0.7em;\n    line-height: 1;\n}\n\n.execution-results[_ngcontent-%COMP%] {\n    transition: box-shadow 0.2s ease;\n}\n\n.execution-results[_ngcontent-%COMP%]:hover {\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.result-header[_ngcontent-%COMP%] {\n    transition: background-color 0.2s ease;\n}\n\n.result-content[_ngcontent-%COMP%] {\n    line-height: 1.4;\n}\n\n.result-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    word-wrap: break-word;\n    white-space: pre-wrap;\n}\n\n\n\n.ai-prompt-execution-dialog[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%], \n.ai-prompt-execution-dialog[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%], \n.ai-prompt-execution-dialog[_ngcontent-%COMP%]   kendo-dropdownlist[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.ai-prompt-execution-dialog[_ngcontent-%COMP%]   kendo-button[_ngcontent-%COMP%] {\n    min-width: auto;\n}\n\n.ai-prompt-execution-dialog[_ngcontent-%COMP%]   kendo-checkbox[_ngcontent-%COMP%] {\n    margin-right: 8px;\n}\n\n\n\n@media (max-width: 768px) {\n    .options-content[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n    }\n    \n    .parameter-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 8px !important;\n    }\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptExecutionDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-prompt-execution-dialog', template: "<kendo-dialog *ngIf=\"_isVisible\"\n              [minWidth]=\"700\"\n              [width]=\"900\"\n              [height]=\"850\"\n              (close)=\"close()\"\n              [title]=\"'Execute AI Prompt: ' + (aiPrompt?.Name || 'Unknown')\">\n              \n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n        \n        <!-- Header Section -->\n        <div class=\"header-section\" style=\"margin-bottom: 20px; padding-bottom: 16px; border-bottom: 2px solid #e9ecef;\">\n            <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.2em;\"></i>\n                <h5 style=\"margin: 0; color: #495057; font-weight: 600;\">AI Prompt Execution</h5>\n                @if (aiPrompt?.ParallelizationMode && aiPrompt?.ParallelizationMode !== 'None') {\n                    <span class=\"badge\" style=\"background: #6f42c1; color: white; padding: 3px 8px; border-radius: 12px; font-size: 0.7em;\">\n                        {{ aiPrompt?.ParallelizationMode }}\n                    </span>\n                }\n            </div>\n            <p style=\"margin: 0; color: #6c757d; font-size: 0.9em;\">\n                Define variables for the AI prompt to process. Each variable will be available as data context during execution.\n            </p>\n        </div>\n\n        <!-- Loading State -->\n        @if (isLoading) {\n            <div class=\"loading-state\" style=\"display: flex; align-items: center; justify-content: center; padding: 40px;\">\n                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; color: #6c757d; margin-right: 12px;\"></i>\n                <span style=\"color: #6c757d;\">Loading prompt configuration...</span>\n            </div>\n        } @else {\n            \n            <!-- Data Context Variables Section -->\n            <kendo-expansionpanel \n                [(expanded)]=\"dataContextExpanded\"\n                style=\"margin-bottom: 16px; flex-shrink: 0;\">\n                <ng-template kendoExpansionPanelTitleDirective>\n                    <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                        <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                        Data Context Variables\n                        <span style=\"color: #dc3545; font-weight: bold;\">*</span>\n                        @if (dataContextVariables.length > 0) {\n                            <span class=\"badge\" style=\"background: #17a2b8; 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                    <div style=\"margin-bottom: 12px; color: #6c757d; font-size: 0.85em;\">\n                        <i class=\"fa-solid fa-info-circle\"></i>\n                        Define variables that will be available to the AI prompt during execution. These are converted to JSON format automatically.\n                    </div>\n                    \n                    <!-- Variables Table -->\n                    @if (dataContextVariables.length > 0) {\n                        <div style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                            <!-- Header -->\n                            <div style=\"display: grid; grid-template-columns: 200px 1fr 120px 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                                <div>Variable Name <span style=\"color: #dc3545;\">*</span></div>\n                                <div>Value</div>\n                                <div>Type</div>\n                                <div>Actions</div>\n                            </div>\n                            \n                            <!-- Variable Rows -->\n                            @for (variable of dataContextVariables; track $index; let i = $index) {\n                                <div [style.background]=\"!variable.name.trim() ? '#fff3cd' : 'white'\"\n                                     [style.border-left]=\"!variable.name.trim() ? '3px solid #ffc107' : 'none'\"\n                                     style=\"display: grid; grid-template-columns: 200px 1fr 120px 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: center;\">\n                                    \n                                    <!-- Variable Name -->\n                                    <div>\n                                        <kendo-textbox [(ngModel)]=\"variable.name\"\n                                                      [name]=\"'varName_' + i\"\n                                                      placeholder=\"Variable name...\"\n                                                      [disabled]=\"isRunning\"\n                                                      (valueChange)=\"updateDataContextFromVariables()\"\n                                                      style=\"width: 100%; font-size: 0.9em;\">\n                                        </kendo-textbox>\n                                    </div>\n                                    \n                                    <!-- Variable Value -->\n                                    <div>\n                                        @if (variable.type === 'object') {\n                                            <kendo-textarea [(ngModel)]=\"variable.value\"\n                                                           [name]=\"'varValue_' + i\"\n                                                           [rows]=\"2\"\n                                                           placeholder=\"JSON object...\"\n                                                           [disabled]=\"isRunning\"\n                                                           (valueChange)=\"updateDataContextFromVariables()\"\n                                                           style=\"width: 100%; font-size: 0.85em; font-family: 'Courier New', monospace;\">\n                                            </kendo-textarea>\n                                        } @else if (variable.type === 'boolean') {\n                                            <kendo-dropdownlist [(ngModel)]=\"variable.value\"\n                                                               [name]=\"'varValue_' + i\"\n                                                               [data]=\"[{text: 'True', value: 'true'}, {text: 'False', value: 'false'}]\"\n                                                               textField=\"text\"\n                                                               valueField=\"value\"\n                                                               [valuePrimitive]=\"true\"\n                                                               [disabled]=\"isRunning\"\n                                                               (valueChange)=\"updateDataContextFromVariables()\"\n                                                               style=\"width: 100%; font-size: 0.9em;\">\n                                            </kendo-dropdownlist>\n                                        } @else {\n                                            <kendo-textbox [(ngModel)]=\"variable.value\"\n                                                          [name]=\"'varValue_' + i\"\n                                                          [placeholder]=\"variable.type === 'number' ? 'Enter number...' : 'Enter text...'\"\n                                                          [disabled]=\"isRunning\"\n                                                          (valueChange)=\"updateDataContextFromVariables()\"\n                                                          style=\"width: 100%; font-size: 0.9em;\">\n                                            </kendo-textbox>\n                                        }\n                                    </div>\n                                    \n                                    <!-- Variable Type -->\n                                    <div>\n                                        <kendo-dropdownlist [(ngModel)]=\"variable.type\"\n                                                           [name]=\"'varType_' + i\"\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                                                           [disabled]=\"isRunning\"\n                                                           (valueChange)=\"updateDataContextFromVariables()\"\n                                                           style=\"width: 100%; font-size: 0.85em;\">\n                                        </kendo-dropdownlist>\n                                    </div>\n                                    \n                                    <!-- Actions -->\n                                    <div style=\"text-align: center;\">\n                                        <kendo-button fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                    (click)=\"removeDataContextVariable(i)\"\n                                                    [disabled]=\"isRunning\"\n                                                    title=\"Remove variable\">\n                                            <i class=\"fa-solid fa-times\"></i>\n                                        </kendo-button>\n                                    </div>\n                                </div>\n                            }\n                            \n                            <!-- Add Variable Row -->\n                            <div style=\"padding: 12px 16px; text-align: center; background: white; border-top: 1px solid #dee2e6;\">\n                                <kendo-button fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                            (click)=\"addDataContextVariable()\"\n                                            [disabled]=\"isRunning\">\n                                    <i class=\"fa-solid fa-plus\"></i> Add Variable\n                                </kendo-button>\n                            </div>\n                        </div>\n                    } @else {\n                        <div style=\"text-align: center; padding: 20px; color: #6c757d;\">\n                            <i class=\"fa-solid fa-info-circle\" style=\"font-size: 2em; margin-bottom: 12px; opacity: 0.5;\"></i>\n                            <p style=\"margin: 0 0 12px 0;\">No variables defined yet</p>\n                            <kendo-button themeColor=\"primary\" size=\"small\"\n                                        (click)=\"addDataContextVariable()\"\n                                        [disabled]=\"isRunning\">\n                                <i class=\"fa-solid fa-plus\"></i> Add First Variable\n                            </kendo-button>\n                        </div>\n                    }\n                    \n                    <!-- Generated JSON Preview -->\n                    @if (dataContext) {\n                        <div style=\"margin-top: 16px;\">\n                            <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 8px;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d; font-size: 0.9em;\"></i>\n                                <span style=\"font-weight: 600; color: #495057; font-size: 0.9em;\">Generated JSON:</span>\n                            </div>\n                            <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.85em; white-space: pre-wrap; overflow: auto; max-height: 150px;\">{{ dataContext }}</div>\n                        </div>\n                    }\n                </div>\n            </kendo-expansionpanel>\n\n            <!-- Execution Options Section -->\n            <kendo-expansionpanel \n                [(expanded)]=\"optionsExpanded\"\n                style=\"margin-bottom: 16px; flex-shrink: 0;\">\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                        Execution Options\n                    </span>\n                </ng-template>\n                \n                <div style=\"padding: 12px 0;\">\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px;\">\n                        \n                        <!-- Model Selection -->\n                        <div class=\"option-group\">\n                            <label style=\"display: block; font-weight: 500; margin-bottom: 6px; color: #495057; font-size: 0.9em;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"margin-right: 6px; color: #6c757d;\"></i>\n                                AI Model Override\n                            </label>\n                            <kendo-dropdownlist [(ngModel)]=\"executionOptions.modelId\"\n                                               [data]=\"availableModels\"\n                                               textField=\"Name\"\n                                               valueField=\"ID\"\n                                               [valuePrimitive]=\"true\"\n                                               [filterable]=\"true\"\n                                               [disabled]=\"isRunning\"\n                                               placeholder=\"Use prompt's configured models...\"\n                                               style=\"width: 100%;\">\n                            </kendo-dropdownlist>\n                            <div style=\"margin-top: 4px; font-size: 0.75em; color: #6c757d;\">\n                                Optional: Override the prompt's configured models\n                            </div>\n                        </div>\n                        \n                        <!-- Vendor Selection -->\n                        <div class=\"option-group\">\n                            <label style=\"display: block; font-weight: 500; margin-bottom: 6px; color: #495057; font-size: 0.9em;\">\n                                <i class=\"fa-solid fa-server\" style=\"margin-right: 6px; color: #6c757d;\"></i>\n                                AI Vendor Override\n                            </label>\n                            <kendo-dropdownlist [(ngModel)]=\"executionOptions.vendorId\"\n                                               [data]=\"availableVendors\"\n                                               textField=\"Name\"\n                                               valueField=\"ID\"\n                                               [valuePrimitive]=\"true\"\n                                               [filterable]=\"true\"\n                                               [disabled]=\"isRunning\"\n                                               placeholder=\"Use prompt's configured vendors...\"\n                                               style=\"width: 100%;\">\n                            </kendo-dropdownlist>\n                            <div style=\"margin-top: 4px; font-size: 0.75em; color: #6c757d;\">\n                                Optional: Override the vendor for model inference\n                            </div>\n                        </div>\n                        \n                        <!-- Configuration ID -->\n                        <div class=\"option-group\">\n                            <label style=\"display: block; font-weight: 500; margin-bottom: 6px; color: #495057; font-size: 0.9em;\">\n                                <i class=\"fa-solid fa-gear\" style=\"margin-right: 6px; color: #6c757d;\"></i>\n                                Configuration ID\n                            </label>\n                            <kendo-textbox [(ngModel)]=\"executionOptions.configurationId\"\n                                          placeholder=\"Optional configuration identifier...\"\n                                          [disabled]=\"isRunning\"\n                                          style=\"width: 100%;\">\n                            </kendo-textbox>\n                            <div style=\"margin-top: 4px; font-size: 0.75em; color: #6c757d;\">\n                                Environment-specific configuration identifier\n                            </div>\n                        </div>\n                        \n                        <!-- Skip Validation -->\n                        <div class=\"option-group\">\n                            <label style=\"display: flex; align-items: center; font-weight: 500; color: #495057; font-size: 0.9em;\">\n                                <kendo-checkbox [(ngModel)]=\"executionOptions.skipValidation\"\n                                               [disabled]=\"isRunning\">\n                                </kendo-checkbox>\n                                <i class=\"fa-solid fa-shield-alt\" style=\"margin-right: 6px; color: #6c757d;\"></i>\n                                Skip Output Validation\n                            </label>\n                            <div style=\"margin-top: 4px; margin-left: 24px; font-size: 0.75em; color: #6c757d;\">\n                                Bypass output format validation for faster execution\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </kendo-expansionpanel>\n\n            <!-- Results Section -->\n            <kendo-expansionpanel \n                [(expanded)]=\"resultsExpanded\"\n                style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n                <ng-template kendoExpansionPanelTitleDirective>\n                    <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                        <i class=\"fa-solid fa-chart-line\" style=\"color: #6c757d;\"></i>\n                        Execution Results\n                        @if (executionResult) {\n                            <span class=\"badge\" \n                                  [style.background]=\"executionResult.success ? '#28a745' : '#dc3545'\"\n                                  style=\"color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                {{ executionResult.success ? 'Success' : 'Error' }}\n                            </span>\n                        }\n                    </span>\n                </ng-template>\n                \n                <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n                    @if (isRunning) {\n                        <div class=\"loading-state\" style=\"display: flex; align-items: center; justify-content: center; padding: 40px; flex: 1;\">\n                            <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; color: #6c757d; margin-right: 12px;\"></i>\n                            <span style=\"color: #6c757d;\">Executing AI prompt...</span>\n                        </div>\n                    } @else if (executionResult) {\n                        <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                            <!-- Result Header with Stats -->\n                            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; padding: 12px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px;\">\n                                <div style=\"text-align: center;\">\n                                    <div style=\"font-size: 0.75em; color: #6c757d; margin-bottom: 2px;\">STATUS</div>\n                                    <div [style.color]=\"executionResult.success ? '#28a745' : '#dc3545'\" style=\"font-weight: 600;\">\n                                        {{ executionResult.success ? 'Success' : 'Failed' }}\n                                    </div>\n                                </div>\n                                @if (executionResult.executionTimeMs) {\n                                    <div style=\"text-align: center;\">\n                                        <div style=\"font-size: 0.75em; color: #6c757d; margin-bottom: 2px;\">EXECUTION TIME</div>\n                                        <div style=\"font-weight: 600; color: #495057;\">{{ executionResult.executionTimeMs }}ms</div>\n                                    </div>\n                                }\n                                @if (executionResult.tokensUsed) {\n                                    <div style=\"text-align: center;\">\n                                        <div style=\"font-size: 0.75em; color: #6c757d; margin-bottom: 2px;\">TOKENS USED</div>\n                                        <div style=\"font-weight: 600; color: #495057;\">{{ executionResult.tokensUsed }}</div>\n                                    </div>\n                                }\n                                @if (executionResult.promptRunId) {\n                                    <div style=\"text-align: center;\">\n                                        <div style=\"font-size: 0.75em; color: #6c757d; margin-bottom: 2px;\">RUN ID</div>\n                                        <div style=\"font-weight: 600; color: #495057; font-size: 0.8em;\">{{ executionResult.promptRunId }}</div>\n                                    </div>\n                                }\n                            </div>\n\n                            <!-- Result Content -->\n                            <div style=\"flex: 1; overflow-y: auto; padding-right: 8px;\">\n                                @if (executionResult.success && executionResult.output) {\n                                    <div style=\"margin-bottom: 16px;\">\n                                        <h6 style=\"margin: 0 0 8px 0; color: #495057; display: flex; align-items: center; gap: 6px;\">\n                                            <i class=\"fa-solid fa-check-circle\" style=\"color: #28a745;\"></i>\n                                            Output\n                                        </h6>\n                                        <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 300px;\">{{ executionResult.output }}</div>\n                                    </div>\n                                }\n                                \n                                @if (executionResult.error) {\n                                    <div style=\"margin-bottom: 16px;\">\n                                        <h6 style=\"margin: 0 0 8px 0; color: #dc3545; display: flex; align-items: center; gap: 6px;\">\n                                            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                            Error\n                                        </h6>\n                                        <div style=\"background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 4px; padding: 12px; color: #721c24; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 300px;\">{{ executionResult.error }}</div>\n                                    </div>\n                                }\n                                \n                                @if (executionResult.parsedResult && executionResult.parsedResult !== executionResult.output) {\n                                    <div style=\"margin-bottom: 16px;\">\n                                        <h6 style=\"margin: 0 0 8px 0; color: #495057; display: flex; align-items: center; gap: 6px;\">\n                                            <i class=\"fa-solid fa-code\" style=\"color: #17a2b8;\"></i>\n                                            Parsed Result\n                                        </h6>\n                                        <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 200px;\">{{ executionResult.parsedResult }}</div>\n                                    </div>\n                                }\n                                \n                                @if (executionResult.validationResult) {\n                                    <div style=\"margin-bottom: 16px;\">\n                                        <h6 style=\"margin: 0 0 8px 0; color: #495057; display: flex; align-items: center; gap: 6px;\">\n                                            <i class=\"fa-solid fa-shield-alt\" style=\"color: #ffc107;\"></i>\n                                            Validation Result\n                                        </h6>\n                                        <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 12px; color: #856404; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 150px;\">{{ executionResult.validationResult }}</div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    } @else {\n                        <div style=\"display: flex; align-items: center; justify-content: center; padding: 40px; color: #6c757d; flex: 1;\">\n                            <div style=\"text-align: center;\">\n                                <i class=\"fa-solid fa-play-circle\" style=\"font-size: 3em; margin-bottom: 12px; opacity: 0.3;\"></i>\n                                <p style=\"margin: 0;\">No execution results yet. Run the prompt to see results here.</p>\n                            </div>\n                        </div>\n                    }\n                </div>\n            </kendo-expansionpanel>\n        }\n    </div>\n\n    <!-- Dialog Actions -->\n    <kendo-dialog-actions>\n        <kendo-button fillMode=\"outline\" (click)=\"close()\">\n            Close\n        </kendo-button>\n        \n        @if (executionResult) {\n            <kendo-button fillMode=\"outline\" themeColor=\"info\" (click)=\"saveResults()\">\n                <i class=\"fa-solid fa-download\"></i> Save Results\n            </kendo-button>\n        }\n        \n        <kendo-button themeColor=\"primary\" \n                     (click)=\"runAIPrompt()\" \n                     [disabled]=\"isRunning || isLoading\">\n            @if (isRunning) {\n                <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n                <i class=\"fa-solid fa-play\"></i> Run Prompt\n            }\n        </kendo-button>\n    </kendo-dialog-actions>\n</kendo-dialog>", styles: [".dialog-content {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n.section-header h6 {\n    font-size: 0.9em;\n}\n\n.parameter-row:hover {\n    background-color: #f8f9fa !important;\n}\n\n.option-group label {\n    display: flex;\n    align-items: center;\n}\n\n.loading-state {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n}\n\n.badge {\n    display: inline-block;\n    font-size: 0.7em;\n    line-height: 1;\n}\n\n.execution-results {\n    transition: box-shadow 0.2s ease;\n}\n\n.execution-results:hover {\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.result-header {\n    transition: background-color 0.2s ease;\n}\n\n.result-content {\n    line-height: 1.4;\n}\n\n.result-content pre {\n    word-wrap: break-word;\n    white-space: pre-wrap;\n}\n\n/* Kendo UI overrides for better integration */\n.ai-prompt-execution-dialog kendo-textbox,\n.ai-prompt-execution-dialog kendo-textarea,\n.ai-prompt-execution-dialog kendo-dropdownlist {\n    width: 100%;\n}\n\n.ai-prompt-execution-dialog kendo-button {\n    min-width: auto;\n}\n\n.ai-prompt-execution-dialog kendo-checkbox {\n    margin-right: 8px;\n}\n\n/* Grid layouts for responsive design */\n@media (max-width: 768px) {\n    .options-content > div {\n        grid-template-columns: 1fr !important;\n    }\n    \n    .parameter-row {\n        grid-template-columns: 1fr !important;\n        gap: 8px !important;\n    }\n}"] }]
+    }], () => [], { aiPrompt: [{
+            type: Input
+        }], isVisible: [{
+            type: Input
+        }], isVisibleChange: [{
+            type: Output
+        }], onClose: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptExecutionDialogComponent, { className: "AIPromptExecutionDialogComponent", filePath: "src/lib/custom/AIPrompts/ai-prompt-execution-dialog.component.ts", lineNumber: 39 }); })();
+//# sourceMappingURL=ai-prompt-execution-dialog.component.js.map