@memberjunction/ng-dashboards 2.42.0 → 2.42.1

package/dist/AI/components/prompts/prompt-version-control.component.js

@@ -0,0 +1,1205 @@
+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, CompositeKey, LogError, LogStatus } from '@memberjunction/core';
+import { Subject, BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-notifications";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.id;
+const _forTrack2 = ($index, $item) => $item.fieldName;
+function PromptVersionControlComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵelementStart(2, "p", 14);
+    i0.ɵɵtext(3, "No prompts available");
+    i0.ɵɵelementEnd()();
+} }
+function PromptVersionControlComponent_Conditional_1_Conditional_14_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const promptItem_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(promptItem_r4.Description);
+} }
+function PromptVersionControlComponent_Conditional_1_Conditional_14_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_1_Conditional_14_For_1_Template_div_click_0_listener() { const promptItem_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectPromptForHistory(promptItem_r4)); });
+    i0.ɵɵelementStart(1, "div", 17)(2, "h6", 18);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, PromptVersionControlComponent_Conditional_1_Conditional_14_For_1_Conditional_4_Template, 2, 1, "p", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 20);
+    i0.ɵɵelement(6, "i", 21);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const promptItem_r4 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(promptItem_r4.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(promptItem_r4.Description ? 4 : -1);
+} }
+function PromptVersionControlComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, PromptVersionControlComponent_Conditional_1_Conditional_14_For_1_Template, 7, 2, "div", 15, _forTrack0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r1.filteredAvailablePrompts);
+} }
+function PromptVersionControlComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "h5", 2);
+    i0.ɵɵelement(2, "i", 3);
+    i0.ɵɵtext(3, " Version History ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 4);
+    i0.ɵɵtext(5, "Select a prompt to view its version history");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "div", 7)(9, "span", 8);
+    i0.ɵɵelement(10, "i", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "input", 10);
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_1_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPromptSearchChange($event)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(12, "div", 11);
+    i0.ɵɵtemplate(13, PromptVersionControlComponent_Conditional_1_Conditional_13_Template, 4, 0, "div", 12)(14, PromptVersionControlComponent_Conditional_1_Conditional_14_Template, 2, 0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(11);
+    i0.ɵɵproperty("ngModel", ctx_r1.promptSearchTerm$.value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.availablePrompts.length === 0 ? 13 : 14);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("- ", ctx_r1.prompt.Name, "");
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56)(1, "div", 58)(2, "div", 59)(3, "span", 60);
+    i0.ɵɵtext(4, "Loading...");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "p", 61);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.loadingMessage);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 71);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 85);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_19_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r8); const version_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(5); $event.stopPropagation(); return i0.ɵɵresetView(ctx_r1.startComparison(version_r7)); });
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵelementEnd();
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_20_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r9); const version_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(5); $event.stopPropagation(); return i0.ɵɵresetView(ctx_r1.onVersionRestore(version_r7)); });
+    i0.ɵɵelement(1, "i", 87);
+    i0.ɵɵelementEnd();
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 91)(1, "span", 93);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "i", 21);
+    i0.ɵɵelementStart(4, "span", 92);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r10 = i0.ɵɵnextContext().$implicit;
+    const version_r7 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.formatChangeValue(version_r7.changesJSON[field_r10].oldValue));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.formatChangeValue(version_r7.changesJSON[field_r10].newValue));
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 92);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r10 = i0.ɵɵnextContext().$implicit;
+    const version_r7 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.formatChangeValue(version_r7.changesJSON[field_r10].newValue));
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89)(1, "span", 90);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_For_3_Conditional_3_Template, 6, 2, "span", 91)(4, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_For_3_Conditional_4_Template, 2, 1, "span", 92);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r10 = ctx.$implicit;
+    const version_r7 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.getFieldDisplayNamePublic(field_r10));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(version_r7.changesJSON[field_r10].oldValue !== undefined ? 3 : 4);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "div", 88);
+    i0.ɵɵrepeaterCreate(2, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_For_3_Template, 5, 2, "div", 89, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const version_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.getObjectKeys(version_r7.changesJSON));
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Template_div_click_0_listener() { const version_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onVersionSelect(version_r7)); });
+    i0.ɵɵelementStart(1, "div", 69)(2, "div", 70);
+    i0.ɵɵelement(3, "i", 51);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_4_Template, 1, 0, "div", 71);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73)(7, "div", 74)(8, "h6", 75);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 76)(11, "span", 77);
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 78);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "span", 79);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(18, "div", 80);
+    i0.ɵɵtemplate(19, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_19_Template, 2, 0, "button", 81)(20, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_20_Template, 2, 0, "button", 82);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 83);
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(23, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Conditional_23_Template, 4, 0, "div", 84);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const version_r7 = ctx.$implicit;
+    const ɵ$index_163_r11 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵclassProp("selected", (ctx_r1.selectedVersion == null ? null : ctx_r1.selectedVersion.id) === version_r7.id)("active", version_r7.isActive);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getChangeTypeClass(version_r7.changeType));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.getChangeTypeIcon(version_r7.changeType));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ɵ$index_163_r11 < ctx_r1.versions.length - 1 ? 4 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.getVersionLabel(version_r7));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(13, 21, version_r7.changedAt, "medium"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("by ", version_r7.changedBy, "");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("badge-primary", version_r7.changeSource === "Internal")("badge-secondary", version_r7.changeSource === "External");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", version_r7.changeSource, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.showComparison && ɵ$index_163_r11 < ctx_r1.versions.length - 1 ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showRestoreActions && version_r7.canRestore ? 20 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", version_r7.changesDescription, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(version_r7.changesJSON && ctx_r1.timelineConfig.showDiffs ? 23 : -1);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵrepeaterCreate(1, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_For_2_Template, 24, 24, "div", 67, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.versions);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 14)(1, "small");
+    i0.ɵɵtext(2, "Record changes tracking may not be enabled for prompts.");
+    i0.ɵɵelementEnd()();
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵelementStart(2, "p", 14);
+    i0.ɵɵtext(3, "No version history available for this prompt.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_2_Conditional_4_Template, 3, 0, "p", 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.prompt && !ctx_r1.prompt.EntityInfo.TrackRecordChanges ? 4 : -1);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵtemplate(1, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_1_Template, 3, 0, "div", 65)(2, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Conditional_2_Template, 5, 1, "div", 66);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.versions.length > 0 ? 1 : 2);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 98);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const version_r13 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngValue", version_r13);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", ctx_r1.getVersionLabel(version_r13), " - ", i0.ɵɵpipeBind2(2, 3, version_r13.changedAt, "short"), "");
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_For_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 98);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const version_r14 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngValue", version_r14);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", ctx_r1.getVersionLabel(version_r14), " - ", i0.ɵɵpipeBind2(2, 3, version_r14.changedAt, "short"), "");
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
+    i0.ɵɵtext(1, "Template");
+    i0.ɵɵelementEnd();
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "pre", 119);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(diff_r15.oldValue);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatChangeValue(diff_r15.oldValue), " ");
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "pre", 119);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(diff_r15.newValue);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatChangeValue(diff_r15.newValue), " ");
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 113)(1, "div", 116)(2, "h6", 117);
+    i0.ɵɵtext(3, "Before:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 118);
+    i0.ɵɵtemplate(5, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_5_Template, 2, 1, "pre", 119)(6, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_6_Template, 1, 1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 120)(8, "h6", 117);
+    i0.ɵɵtext(9, "After:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 121);
+    i0.ɵɵtemplate(11, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_11_Template, 2, 1, "pre", 119)(12, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Conditional_12_Template, 1, 1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(diff_r15.isTemplate && diff_r15.fieldName === "TemplateText" ? 5 : 6);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(diff_r15.isTemplate && diff_r15.fieldName === "TemplateText" ? 11 : 12);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 114)(1, "h6", 117);
+    i0.ɵɵtext(2, "Added:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 121);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.formatChangeValue(diff_r15.newValue));
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 115)(1, "h6", 117);
+    i0.ɵɵtext(2, "Removed:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 118);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const diff_r15 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.formatChangeValue(diff_r15.oldValue));
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 107)(1, "div", 108)(2, "div", 109)(3, "strong", 90);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 110);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_7_Template, 2, 0, "span", 111);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 112);
+    i0.ɵɵtemplate(9, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_9_Template, 13, 2, "div", 113)(10, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_10_Template, 5, 1, "div", 114)(11, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Conditional_11_Template, 5, 1, "div", 115);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const diff_r15 = ctx.$implicit;
+    i0.ɵɵclassMap("diff-" + diff_r15.changeType);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(diff_r15.displayName);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("badge-success", diff_r15.changeType === "added")("badge-warning", diff_r15.changeType === "modified")("badge-danger", diff_r15.changeType === "removed");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", diff_r15.changeType, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(diff_r15.isTemplate ? 7 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(diff_r15.changeType === "modified" ? 9 : diff_r15.changeType === "added" ? 10 : diff_r15.changeType === "removed" ? 11 : -1);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵrepeaterCreate(1, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_For_2_Template, 12, 12, "div", 106, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.comparisonResult.differences);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵelement(1, "i", 122);
+    i0.ɵɵelementStart(2, "p", 14);
+    i0.ɵɵtext(3, "No differences found between the selected versions.");
+    i0.ɵɵelementEnd()();
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 100)(1, "div", 101)(2, "h6", 102);
+    i0.ɵɵelement(3, "i", 33);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 103);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_7_Template, 3, 0, "div", 104)(8, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Conditional_8_Template, 4, 0, "div", 105);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" Changes between ", ctx_r1.getVersionLabel(ctx_r1.comparisonResult.fromVersion), " and ", ctx_r1.getVersionLabel(ctx_r1.comparisonResult.toVersion), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.comparisonResult.differences.length, " change(s) found ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.comparisonResult.differences.length > 0 ? 7 : 8);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 63)(1, "div", 95)(2, "div", 96)(3, "label", 38);
+    i0.ɵɵtext(4, "Compare from:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "select", 97);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.compareFromVersion, $event) || (ctx_r1.compareFromVersion = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Template_select_ngModelChange_5_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.generateComparisonPublic()); });
+    i0.ɵɵrepeaterCreate(6, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_For_7_Template, 3, 6, "option", 98, _forTrack1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 99);
+    i0.ɵɵelement(9, "i", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 96)(11, "label", 38);
+    i0.ɵɵtext(12, "Compare to:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "select", 97);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Template_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.compareToVersion, $event) || (ctx_r1.compareToVersion = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Template_select_ngModelChange_13_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.generateComparisonPublic()); });
+    i0.ɵɵrepeaterCreate(14, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_For_15_Template, 3, 6, "option", 98, _forTrack1);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(16, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Conditional_16_Template, 9, 4, "div", 100);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.compareFromVersion);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.versions);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.compareToVersion);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.versions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.comparisonResult ? 16 : -1);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_1_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 129)(1, "h6", 2);
+    i0.ɵɵtext(2, "Record State");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 134)(4, "pre", 135);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "json");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 1, ctx_r1.selectedVersion.fullRecordJSON));
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 129)(1, "h6", 2);
+    i0.ɵɵtext(2, "Template Content");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 136)(4, "pre", 119);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedVersion.templateContent.TemplateText);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123)(1, "div", 125)(2, "h6", 126);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 127)(5, "span", 77);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 78);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 128)(11, "div", 129)(12, "h6", 2);
+    i0.ɵɵtext(13, "Change Information");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 130)(15, "div", 131)(16, "span", 132);
+    i0.ɵɵtext(17, "Type:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 133);
+    i0.ɵɵelement(19, "i", 51);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 131)(22, "span", 132);
+    i0.ɵɵtext(23, "Source:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "span", 133);
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "div", 131)(27, "span", 132);
+    i0.ɵɵtext(28, "Description:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 133);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵtemplate(31, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_1_Conditional_31_Template, 7, 3, "div", 129)(32, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_1_Conditional_32_Template, 6, 1, "div", 129);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.getVersionLabel(ctx_r1.selectedVersion));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 10, ctx_r1.selectedVersion.changedAt, "full"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("Changed by ", ctx_r1.selectedVersion.changedBy, "");
+    i0.ɵɵadvance(10);
+    i0.ɵɵclassMap(ctx_r1.getChangeTypeIcon(ctx_r1.selectedVersion.changeType));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.selectedVersion.changeType, " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedVersion.changeSource);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedVersion.changesDescription);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectedVersion.fullRecordJSON ? 31 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectedVersion.templateContent ? 32 : -1);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 124);
+    i0.ɵɵelement(1, "i", 137);
+    i0.ɵɵelementStart(2, "p", 14);
+    i0.ɵɵtext(3, "Select a version from the timeline to view details.");
+    i0.ɵɵelementEnd()();
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵtemplate(1, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_1_Template, 33, 13, "div", 123)(2, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Conditional_2_Template, 4, 0, "div", 124);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.selectedVersion ? 1 : 2);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_0_Template, 3, 1, "div", 62)(1, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_1_Template, 17, 3, "div", 63)(2, PromptVersionControlComponent_Conditional_2_Conditional_51_Conditional_2_Template, 3, 1, "div", 64);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.currentView === "timeline" ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.currentView === "comparison" ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.currentView === "details" ? 2 : -1);
+} }
+function PromptVersionControlComponent_Conditional_2_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 57)(1, "div", 138);
+    i0.ɵɵelement(2, "i", 139);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementStart(4, "button", 140);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Conditional_52_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.refreshHistory()); });
+    i0.ɵɵelement(5, "i", 53);
+    i0.ɵɵtext(6, " Retry ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.error, " ");
+} }
+function PromptVersionControlComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "h5", 24);
+    i0.ɵɵelement(3, "i", 3);
+    i0.ɵɵtext(4, " Version History ");
+    i0.ɵɵtemplate(5, PromptVersionControlComponent_Conditional_2_Conditional_5_Template, 2, 1, "span", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 26)(7, "div", 27)(8, "input", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.currentView, $event) || (ctx_r1.currentView = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "label", 29);
+    i0.ɵɵelement(10, "i", 30);
+    i0.ɵɵtext(11, " Timeline ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.currentView, $event) || (ctx_r1.currentView = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "label", 32);
+    i0.ɵɵelement(14, "i", 33);
+    i0.ɵɵtext(15, " Compare ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "input", 34);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.currentView, $event) || (ctx_r1.currentView = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "label", 35);
+    i0.ɵɵelement(18, "i", 36);
+    i0.ɵɵtext(19, " Details ");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(20, "div", 23)(21, "div", 37)(22, "label", 38);
+    i0.ɵɵtext(23, "Filter:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "select", 39);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_select_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.filterBy, $event) || (ctx_r1.filterBy = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_select_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); });
+    i0.ɵɵelementStart(25, "option", 40);
+    i0.ɵɵtext(26, "All Changes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "option", 41);
+    i0.ɵɵtext(28, "Updates Only");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "option", 42);
+    i0.ɵɵtext(30, "Major Changes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "option", 43);
+    i0.ɵɵtext(32, "Template Changes");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "div", 44)(34, "input", 45);
+    i0.ɵɵtwoWayListener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_34_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.showSystemChanges, $event) || (ctx_r1.showSystemChanges = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_34_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.applyFiltersPublic()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "label", 46);
+    i0.ɵɵtext(36, "System");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(37, "div", 47)(38, "input", 48);
+    i0.ɵɵlistener("ngModelChange", function PromptVersionControlComponent_Conditional_2_Template_input_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchChange($event)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(39, "div", 23)(40, "div", 49)(41, "button", 50);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Template_button_click_41_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSortDirectionChange()); });
+    i0.ɵɵelement(42, "i", 51);
+    i0.ɵɵtext(43, " Sort ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "button", 52);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Template_button_click_44_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshHistory()); });
+    i0.ɵɵelement(45, "i", 53);
+    i0.ɵɵtext(46, " Refresh ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "button", 54);
+    i0.ɵɵlistener("click", function PromptVersionControlComponent_Conditional_2_Template_button_click_47_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportVersionHistory()); });
+    i0.ɵɵelement(48, "i", 55);
+    i0.ɵɵtext(49, " Export ");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵtemplate(50, PromptVersionControlComponent_Conditional_2_Conditional_50_Template, 7, 1, "div", 56)(51, PromptVersionControlComponent_Conditional_2_Conditional_51_Template, 3, 3)(52, PromptVersionControlComponent_Conditional_2_Conditional_52_Template, 7, 1, "div", 57);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.prompt ? 5 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.currentView);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.currentView);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.currentView);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.filterBy);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.showSystemChanges);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.searchTerm$.value);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("title", "Sort " + (ctx_r1.sortDirection === "asc" ? "descending" : "ascending"));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.sortDirection === "asc")("fa-sort-down", ctx_r1.sortDirection === "desc");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-spin", ctx_r1.isLoading);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.isLoading ? 50 : 51);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.error ? 52 : -1);
+} }
+export class PromptVersionControlComponent {
+    constructor(notificationService) {
+        this.notificationService = notificationService;
+        this.prompt = null;
+        this.autoLoad = true;
+        this.showRestoreActions = true;
+        this.showComparison = true;
+        this.maxVersions = 50;
+        this.versionSelected = new EventEmitter();
+        this.versionRestored = new EventEmitter();
+        this.versionCompared = new EventEmitter();
+        // Data
+        this.versions = [];
+        this.recordChanges = [];
+        this.templateContents = new Map();
+        this.availablePrompts = [];
+        this.filteredAvailablePrompts = [];
+        // UI State
+        this.isLoading = false;
+        this.loadingMessage = '';
+        this.error = null;
+        this.currentView = 'timeline';
+        this.selectedVersion = null;
+        this.compareFromVersion = null;
+        this.compareToVersion = null;
+        this.comparisonResult = null;
+        // Filtering and sorting
+        this.filterBy = 'all';
+        this.sortDirection = 'desc';
+        this.searchTerm$ = new BehaviorSubject('');
+        this.promptSearchTerm$ = new BehaviorSubject('');
+        this.showSystemChanges = false;
+        // Timeline configuration
+        this.timelineConfig = {
+            showThumbnails: true,
+            showDiffs: true,
+            compactMode: false,
+            groupByDate: true
+        };
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.loadAvailablePrompts();
+        this.setupPromptFiltering();
+        if (this.autoLoad && this.prompt) {
+            this.loadVersionHistory();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    loadVersionHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.prompt) {
+                this.error = 'No prompt specified for version history';
+                return;
+            }
+            try {
+                this.isLoading = true;
+                this.error = null;
+                this.loadingMessage = 'Loading version history...';
+                const md = new Metadata();
+                const primaryKey = new CompositeKey();
+                primaryKey.KeyValuePairs.push({ FieldName: 'ID', Value: this.prompt.ID });
+                // Get record changes using the new method
+                this.recordChanges = yield md.GetRecordChanges('AI Prompts', primaryKey);
+                if (this.recordChanges.length === 0) {
+                    this.versions = [];
+                    LogStatus(`No version history found for prompt: ${this.prompt.Name}`);
+                    return;
+                }
+                // Load template contents for versions that have template changes
+                yield this.loadTemplateContents();
+                // Process record changes into version objects
+                this.processRecordChanges();
+                // Apply current filters
+                this.applyFilters();
+                LogStatus(`Loaded ${this.versions.length} versions for prompt: ${this.prompt.Name}`);
+            }
+            catch (error) {
+                this.error = 'Failed to load version history. Please try again.';
+                LogError('Error loading prompt version history', undefined, error);
+            }
+            finally {
+                this.isLoading = false;
+            }
+        });
+    }
+    loadTemplateContents() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const templateIds = new Set();
+            // Extract template IDs from record changes
+            this.recordChanges.forEach(change => {
+                try {
+                    const fullRecord = JSON.parse(change.FullRecordJSON);
+                    if (fullRecord.TemplateID) {
+                        templateIds.add(fullRecord.TemplateID);
+                    }
+                    // Also check changes JSON for template changes
+                    if (change.ChangesJSON) {
+                        const changes = JSON.parse(change.ChangesJSON);
+                        if (changes.TemplateID && changes.TemplateID.newValue) {
+                            templateIds.add(changes.TemplateID.newValue);
+                        }
+                        if (changes.TemplateID && changes.TemplateID.oldValue) {
+                            templateIds.add(changes.TemplateID.oldValue);
+                        }
+                    }
+                }
+                catch (e) {
+                    // Ignore parsing errors
+                }
+            });
+            // Load template content entities
+            if (templateIds.size > 0) {
+                this.loadingMessage = 'Loading template content history...';
+                // Note: We would need a way to get historical template content
+                // For now, we'll get current template content and note this limitation
+                const md = new Metadata();
+                for (const templateId of templateIds) {
+                    try {
+                        const templateContent = yield md.GetEntityObject('Template Contents', md.CurrentUser);
+                        const loaded = yield templateContent.Load(templateId);
+                        if (loaded) {
+                            this.templateContents.set(templateId, templateContent);
+                        }
+                    }
+                    catch (e) {
+                        // Template content might not exist anymore
+                        LogError(`Failed to load template content for ID: ${templateId}`, undefined, e);
+                    }
+                }
+            }
+        });
+    }
+    processRecordChanges() {
+        this.versions = this.recordChanges.map((change, index) => {
+            let templateContent;
+            try {
+                const fullRecord = JSON.parse(change.FullRecordJSON);
+                if (fullRecord.TemplateID) {
+                    templateContent = this.templateContents.get(fullRecord.TemplateID);
+                }
+            }
+            catch (e) {
+                // Ignore parsing errors
+            }
+            const version = {
+                id: change.ID,
+                version: this.recordChanges.length - index, // Version number (newest = highest)
+                changedAt: new Date(change.ChangedAt),
+                changedBy: change.User || 'Unknown',
+                changeType: change.Type,
+                changeSource: change.Source,
+                changesDescription: change.ChangesDescription,
+                changesJSON: this.safeParseJSON(change.ChangesJSON),
+                fullRecordJSON: this.safeParseJSON(change.FullRecordJSON),
+                templateContent,
+                isActive: index === 0, // Most recent version is active
+                canRestore: index > 0 && change.Type !== 'Delete' // Can restore if not current and not deleted
+            };
+            return version;
+        });
+    }
+    safeParseJSON(jsonString) {
+        try {
+            return JSON.parse(jsonString);
+        }
+        catch (e) {
+            return null;
+        }
+    }
+    applyFilters() {
+        let filtered = [...this.versions];
+        // Apply filter by type
+        switch (this.filterBy) {
+            case 'updates':
+                filtered = filtered.filter(v => v.changeType === 'Update');
+                break;
+            case 'major':
+                filtered = filtered.filter(v => this.isMajorChange(v));
+                break;
+            case 'template':
+                filtered = filtered.filter(v => this.hasTemplateChanges(v));
+                break;
+        }
+        // Apply system changes filter
+        if (!this.showSystemChanges) {
+            filtered = filtered.filter(v => v.changeSource !== 'External');
+        }
+        // Apply search term
+        const searchTerm = this.searchTerm$.value.toLowerCase();
+        if (searchTerm) {
+            filtered = filtered.filter(v => v.changesDescription.toLowerCase().includes(searchTerm) ||
+                v.changedBy.toLowerCase().includes(searchTerm));
+        }
+        // Apply sorting
+        filtered.sort((a, b) => {
+            const comparison = a.changedAt.getTime() - b.changedAt.getTime();
+            return this.sortDirection === 'desc' ? -comparison : comparison;
+        });
+        this.versions = filtered;
+    }
+    isMajorChange(version) {
+        if (!version.changesJSON)
+            return false;
+        const majorFields = ['Name', 'Status', 'TemplateID', 'CategoryID', 'TypeID'];
+        return majorFields.some(field => version.changesJSON[field]);
+    }
+    hasTemplateChanges(version) {
+        if (!version.changesJSON)
+            return false;
+        return !!version.changesJSON.TemplateID;
+    }
+    onVersionSelect(version) {
+        this.selectedVersion = version;
+        this.versionSelected.emit(version);
+    }
+    onVersionRestore(version) {
+        return this.restoreVersion(version);
+    }
+    getObjectKeys(obj) {
+        return Object.keys(obj || {});
+    }
+    getFieldDisplayNamePublic(fieldName) {
+        return this.getFieldDisplayName(fieldName);
+    }
+    generateComparisonPublic() {
+        this.generateComparison();
+    }
+    applyFiltersPublic() {
+        this.applyFilters();
+    }
+    restoreVersion(version) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!version.canRestore || !this.prompt) {
+                this.notificationService.CreateSimpleNotification('Cannot restore this version', 'warning', 3000);
+                return;
+            }
+            const confirm = window.confirm(`Are you sure you want to restore to version ${version.version} from ${version.changedAt.toLocaleString()}? This will overwrite the current prompt.`);
+            if (!confirm)
+                return;
+            try {
+                this.isLoading = true;
+                this.loadingMessage = 'Restoring version...';
+                const md = new Metadata();
+                const promptToRestore = yield md.GetEntityObject('AI Prompts', md.CurrentUser);
+                yield promptToRestore.Load(this.prompt.ID);
+                // Apply the historical data
+                if (version.fullRecordJSON) {
+                    const historicalData = version.fullRecordJSON;
+                    // Update prompt fields (excluding system fields)
+                    const fieldsToRestore = ['Name', 'Description', 'CategoryID', 'TypeID', 'Status', 'TemplateID'];
+                    fieldsToRestore.forEach(field => {
+                        if (historicalData[field] !== undefined) {
+                            promptToRestore[field] = historicalData[field];
+                        }
+                    });
+                    const saved = yield promptToRestore.Save();
+                    if (saved) {
+                        this.notificationService.CreateSimpleNotification(`Version ${version.version} restored successfully`, 'success', 3000);
+                        this.versionRestored.emit(promptToRestore);
+                        // Reload version history to reflect the new change
+                        yield this.loadVersionHistory();
+                    }
+                    else {
+                        throw new Error('Failed to save restored version');
+                    }
+                }
+            }
+            catch (error) {
+                this.error = 'Failed to restore version. Please try again.';
+                LogError('Error restoring prompt version', undefined, error);
+                this.notificationService.CreateSimpleNotification('Failed to restore version', 'error', 4000);
+            }
+            finally {
+                this.isLoading = false;
+            }
+        });
+    }
+    startComparison(fromVersion, toVersion) {
+        this.compareFromVersion = fromVersion;
+        this.compareToVersion = toVersion || (this.versions.find(v => v.version === fromVersion.version + 1) || this.versions[0]);
+        this.currentView = 'comparison';
+        this.generateComparison();
+    }
+    generateComparison() {
+        if (!this.compareFromVersion || !this.compareToVersion)
+            return;
+        const differences = [];
+        // Compare prompt fields
+        const fromData = this.compareFromVersion.fullRecordJSON || {};
+        const toData = this.compareToVersion.fullRecordJSON || {};
+        const allFields = new Set([...Object.keys(fromData), ...Object.keys(toData)]);
+        allFields.forEach(fieldName => {
+            if (fieldName.startsWith('__mj_') || fieldName === 'ID')
+                return; // Skip system fields
+            const oldValue = fromData[fieldName];
+            const newValue = toData[fieldName];
+            if (oldValue !== newValue) {
+                let changeType = 'modified';
+                if (oldValue === undefined)
+                    changeType = 'added';
+                if (newValue === undefined)
+                    changeType = 'removed';
+                differences.push({
+                    fieldName,
+                    displayName: this.getFieldDisplayName(fieldName),
+                    oldValue,
+                    newValue,
+                    changeType,
+                    isTemplate: fieldName === 'TemplateID'
+                });
+            }
+        });
+        // Compare template content if available
+        this.compareTemplateContent(differences);
+        this.comparisonResult = {
+            fromVersion: this.compareFromVersion,
+            toVersion: this.compareToVersion,
+            differences
+        };
+        this.versionCompared.emit(this.comparisonResult);
+    }
+    compareTemplateContent(differences) {
+        var _a, _b;
+        const fromTemplate = (_a = this.compareFromVersion) === null || _a === void 0 ? void 0 : _a.templateContent;
+        const toTemplate = (_b = this.compareToVersion) === null || _b === void 0 ? void 0 : _b.templateContent;
+        if (fromTemplate || toTemplate) {
+            const fromContent = (fromTemplate === null || fromTemplate === void 0 ? void 0 : fromTemplate.TemplateText) || '';
+            const toContent = (toTemplate === null || toTemplate === void 0 ? void 0 : toTemplate.TemplateText) || '';
+            if (fromContent !== toContent) {
+                differences.push({
+                    fieldName: 'TemplateText',
+                    displayName: 'Template Content',
+                    oldValue: fromContent,
+                    newValue: toContent,
+                    changeType: fromContent === '' ? 'added' : (toContent === '' ? 'removed' : 'modified'),
+                    isTemplate: true
+                });
+            }
+        }
+    }
+    getFieldDisplayName(fieldName) {
+        const displayNames = {
+            'Name': 'Name',
+            'Description': 'Description',
+            'CategoryID': 'Category',
+            'TypeID': 'Type',
+            'Status': 'Status',
+            'TemplateID': 'Template',
+            'TemplateText': 'Template Content'
+        };
+        return displayNames[fieldName] || fieldName;
+    }
+    onFilterChange(filter) {
+        this.filterBy = filter;
+        this.applyFilters();
+    }
+    onSortDirectionChange() {
+        this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
+        this.applyFilters();
+    }
+    onSearchChange(term) {
+        this.searchTerm$.next(term);
+        this.applyFilters();
+    }
+    onViewChange(view) {
+        this.currentView = view;
+        if (view === 'comparison' && !this.comparisonResult && this.versions.length >= 2) {
+            this.startComparison(this.versions[1], this.versions[0]);
+        }
+    }
+    getChangeTypeIcon(changeType) {
+        switch (changeType) {
+            case 'Create': return 'fa-plus-circle';
+            case 'Update': return 'fa-edit';
+            case 'Delete': return 'fa-trash';
+            default: return 'fa-question-circle';
+        }
+    }
+    getChangeTypeClass(changeType) {
+        switch (changeType) {
+            case 'Create': return 'change-create';
+            case 'Update': return 'change-update';
+            case 'Delete': return 'change-delete';
+            default: return 'change-unknown';
+        }
+    }
+    formatChangeValue(value) {
+        if (value === null || value === undefined)
+            return 'null';
+        if (typeof value === 'object')
+            return JSON.stringify(value, null, 2);
+        if (typeof value === 'string' && value.length > 100) {
+            return value.substring(0, 100) + '...';
+        }
+        return String(value);
+    }
+    getVersionLabel(version) {
+        let label = `v${version.version}`;
+        if (version.isActive)
+            label += ' (Current)';
+        if (version.changeType === 'Create')
+            label += ' (Initial)';
+        return label;
+    }
+    exportVersionHistory() {
+        var _a, _b, _c;
+        const exportData = {
+            promptId: (_a = this.prompt) === null || _a === void 0 ? void 0 : _a.ID,
+            promptName: (_b = this.prompt) === null || _b === void 0 ? void 0 : _b.Name,
+            exportedAt: new Date().toISOString(),
+            versions: this.versions.map(v => ({
+                version: v.version,
+                changedAt: v.changedAt.toISOString(),
+                changedBy: v.changedBy,
+                changeType: v.changeType,
+                changesDescription: v.changesDescription,
+                fullRecord: v.fullRecordJSON
+            }))
+        };
+        const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `prompt-version-history-${((_c = this.prompt) === null || _c === void 0 ? void 0 : _c.Name) || 'unknown'}-${new Date().toISOString().split('T')[0]}.json`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    refreshHistory() {
+        this.loadVersionHistory();
+    }
+    loadAvailablePrompts() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const metadata = new Metadata();
+                const promptEntity = yield metadata.GetEntityObject('AI Prompts');
+                const prompts = yield promptEntity.GetAll();
+                this.availablePrompts = prompts.sort((a, b) => a.Name.localeCompare(b.Name));
+                this.filteredAvailablePrompts = [...this.availablePrompts];
+            }
+            catch (error) {
+                console.error('Failed to load available prompts:', error);
+                LogError('Failed to load available prompts', undefined, error);
+            }
+        });
+    }
+    setupPromptFiltering() {
+        this.promptSearchTerm$.subscribe(searchTerm => {
+            this.filterAvailablePrompts(searchTerm);
+        });
+    }
+    filterAvailablePrompts(searchTerm) {
+        if (!searchTerm || searchTerm.trim() === '') {
+            this.filteredAvailablePrompts = [...this.availablePrompts];
+        }
+        else {
+            const term = searchTerm.toLowerCase().trim();
+            this.filteredAvailablePrompts = this.availablePrompts.filter(prompt => prompt.Name.toLowerCase().includes(term) ||
+                (prompt.Description && prompt.Description.toLowerCase().includes(term)));
+        }
+    }
+    onPromptSearchChange(searchTerm) {
+        this.promptSearchTerm$.next(searchTerm);
+    }
+    selectPromptForHistory(prompt) {
+        this.prompt = prompt;
+        this.loadVersionHistory();
+    }
+}
+PromptVersionControlComponent.ɵfac = function PromptVersionControlComponent_Factory(t) { return new (t || PromptVersionControlComponent)(i0.ɵɵdirectiveInject(i1.MJNotificationService)); };
+PromptVersionControlComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PromptVersionControlComponent, selectors: [["app-prompt-version-control"]], inputs: { prompt: "prompt", autoLoad: "autoLoad", showRestoreActions: "showRestoreActions", showComparison: "showComparison", maxVersions: "maxVersions" }, outputs: { versionSelected: "versionSelected", versionRestored: "versionRestored", versionCompared: "versionCompared" }, decls: 3, vars: 1, consts: [[1, "prompt-version-control"], [1, "prompt-selector-section"], [1, "section-title"], [1, "fa-solid", "fa-history"], [1, "text-muted", "mb-3"], [1, "prompt-selector"], [1, "search-box", "mb-3"], [1, "input-group"], [1, "input-group-text"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search prompts...", 1, "form-control", 3, "ngModelChange", "ngModel"], [1, "prompts-list"], [1, "empty-state"], [1, "fa-solid", "fa-comment-dots", "text-muted"], [1, "text-muted"], [1, "prompt-item"], [1, "prompt-item", 3, "click"], [1, "prompt-info"], [1, "prompt-title"], [1, "prompt-description"], [1, "prompt-actions"], [1, "fa-solid", "fa-arrow-right"], [1, "version-toolbar"], [1, "toolbar-section"], [1, "toolbar-title"], [1, "prompt-name"], [1, "view-mode-toggle"], ["role", "group", 1, "btn-group", "btn-group-sm"], ["type", "radio", "name", "view", "id", "timelineView", "value", "timeline", 1, "btn-check", 3, "ngModelChange", "ngModel"], ["for", "timelineView", 1, "btn", "btn-outline-primary"], [1, "fa-solid", "fa-timeline"], ["type", "radio", "name", "view", "id", "comparisonView", "value", "comparison", 1, "btn-check", 3, "ngModelChange", "ngModel"], ["for", "comparisonView", 1, "btn", "btn-outline-primary"], [1, "fa-solid", "fa-code-compare"], ["type", "radio", "name", "view", "id", "detailsView", "value", "details", 1, "btn-check", 3, "ngModelChange", "ngModel"], ["for", "detailsView", 1, "btn", "btn-outline-primary"], [1, "fa-solid", "fa-list"], [1, "filter-controls"], [1, "form-label"], [1, "form-select", "form-select-sm", 3, "ngModelChange", "ngModel"], ["value", "all"], ["value", "updates"], ["value", "major"], ["value", "template"], [1, "form-check", "form-switch"], ["type", "checkbox", "id", "showSystem", 1, "form-check-input", 3, "ngModelChange", "ngModel"], ["for", "showSystem", 1, "form-check-label"], [1, "search-controls"], ["type", "text", "placeholder", "Search changes...", 1, "form-control", "form-control-sm", 3, "ngModelChange", "ngModel"], [1, "action-buttons"], ["type", "button", 1, "btn", "btn-sm", "btn-outline-secondary", 3, "click", "title"], [1, "fa-solid"], ["type", "button", "title", "Refresh history", 1, "btn", "btn-sm", "btn-outline-secondary", 3, "click", "disabled"], [1, "fa-solid", "fa-refresh"], ["type", "button", "title", "Export history", 1, "btn", "btn-sm", "btn-outline-info", 3, "click"], [1, "fa-solid", "fa-download"], [1, "loading-container"], [1, "error-container"], [1, "loading-content"], ["role", "status", 1, "spinner-border", "text-primary"], [1, "visually-hidden"], [1, "loading-message"], [1, "timeline-container"], [1, "comparison-container"], [1, "details-container"], [1, "version-timeline"], [1, "no-versions-message"], [1, "timeline-item", 3, "selected", "active"], [1, "timeline-item", 3, "click"], [1, "timeline-marker"], [1, "marker-icon"], [1, "timeline-line"], [1, "timeline-content"], [1, "version-header"], [1, "version-info"], [1, "version-label"], [1, "version-meta"], [1, "change-date"], [1, "changed-by"], [1, "change-source", "badge"], [1, "version-actions"], ["type", "button", "title", "Compare with next version", 1, "btn", "btn-sm", "btn-outline-primary"], ["type", "button", "title", "Restore this version", 1, "btn", "btn-sm", "btn-outline-success"], [1, "version-description"], [1, "changes-summary"], ["type", "button", "title", "Compare with next version", 1, "btn", "btn-sm", "btn-outline-primary", 3, "click"], ["type", "button", "title", "Restore this version", 1, "btn", "btn-sm", "btn-outline-success", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "changes-list"], [1, "change-item"], [1, "field-name"], [1, "change-arrow"], [1, "new-value"], [1, "old-value"], [1, "fa-solid", "fa-info-circle", "text-muted"], [1, "comparison-selectors"], [1, "selector-group"], [1, "form-select", 3, "ngModelChange", "ngModel"], [3, "ngValue"], [1, "comparison-arrow"], [1, "comparison-results"], [1, "comparison-header"], [1, "comparison-title"], [1, "changes-count"], [1, "differences-list"], [1, "no-differences"], [1, "difference-item", 3, "class"], [1, "difference-item"], [1, "diff-header"], [1, "field-info"], [1, "change-type", "badge"], [1, "template-badge", "badge", "badge-info"], [1, "diff-content"], [1, "side-by-side-diff"], [1, "diff-added"], [1, "diff-removed"], [1, "diff-old"], [1, "diff-label"], [1, "diff-value", "old-value"], [1, "template-content"], [1, "diff-new"], [1, "diff-value", "new-value"], [1, "fa-solid", "fa-check-circle", "text-success"], [1, "version-details"], [1, "no-selection-message"], [1, "details-header"], [1, "details-title"], [1, "details-meta"], [1, "details-content"], [1, "detail-section"], [1, "detail-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value"], [1, "json-viewer"], [1, "json-content"], [1, "template-viewer"], [1, "fa-solid", "fa-hand-pointer", "text-muted"], ["role", "alert", 1, "alert", "alert-danger"], [1, "fa-solid", "fa-exclamation-triangle"], ["type", "button", 1, "btn", "btn-sm", "btn-outline-danger", "ms-2", 3, "click"]], template: function PromptVersionControlComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, PromptVersionControlComponent_Conditional_1_Template, 15, 2, "div", 1)(2, PromptVersionControlComponent_Conditional_2_Template, 53, 17);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵconditional(!ctx.prompt ? 1 : 2);
+    } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.JsonPipe, i3.DatePipe], styles: [".prompt-version-control[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n\n  .version-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem;\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    flex-shrink: 0;\n    gap: 1rem;\n    flex-wrap: wrap;\n\n    .toolbar-section {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      flex-wrap: wrap;\n\n      .toolbar-title {\n        margin: 0;\n        color: #495057;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-weight: 600;\n\n        i {\n          color: #0d6efd;\n        }\n\n        .prompt-name {\n          font-weight: 400;\n          color: #6c757d;\n        }\n      }\n\n      .filter-controls,\n      .search-controls {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n\n        .form-label {\n          margin: 0;\n          font-size: 0.875rem;\n          color: #6c757d;\n          white-space: nowrap;\n        }\n\n        .form-select,\n        .form-control {\n          min-width: 120px;\n        }\n\n        .form-check {\n          margin: 0;\n          \n          .form-check-label {\n            font-size: 0.875rem;\n          }\n        }\n      }\n\n      .action-buttons {\n        display: flex;\n        gap: 0.5rem;\n\n        .btn {\n          font-size: 0.875rem;\n        }\n      }\n    }\n  }\n\n  .loading-container {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .loading-content {\n      text-align: center;\n      \n      .loading-message {\n        margin-top: 1rem;\n        color: #6c757d;\n      }\n    }\n  }\n\n  .timeline-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .version-timeline {\n      max-width: 800px;\n      margin: 0 auto;\n\n      .timeline-item {\n        display: flex;\n        position: relative;\n        margin-bottom: 2rem;\n        cursor: pointer;\n        transition: all 0.2s ease;\n\n        &:hover {\n          .timeline-content {\n            box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);\n            transform: translateY(-1px);\n          }\n        }\n\n        &.selected {\n          .timeline-content {\n            border-color: #0d6efd;\n            box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);\n          }\n        }\n\n        &.active {\n          .timeline-marker .marker-icon {\n            border-color: #28a745;\n            background-color: #28a745;\n            color: white;\n          }\n        }\n\n        .timeline-marker {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          margin-right: 1.5rem;\n          flex-shrink: 0;\n\n          .marker-icon {\n            width: 2.5rem;\n            height: 2.5rem;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 3px solid;\n            background: white;\n            font-size: 1rem;\n            z-index: 2;\n\n            &.change-create {\n              border-color: #28a745;\n              color: #28a745;\n            }\n\n            &.change-update {\n              border-color: #0d6efd;\n              color: #0d6efd;\n            }\n\n            &.change-delete {\n              border-color: #dc3545;\n              color: #dc3545;\n            }\n          }\n\n          .timeline-line {\n            width: 2px;\n            flex: 1;\n            background: #dee2e6;\n            margin-top: 0.5rem;\n            min-height: 2rem;\n          }\n        }\n\n        .timeline-content {\n          flex: 1;\n          background: white;\n          border: 1px solid #dee2e6;\n          border-radius: 0.5rem;\n          padding: 1.5rem;\n          transition: all 0.2s ease;\n\n          .version-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n\n            .version-info {\n              .version-label {\n                margin: 0 0 0.5rem 0;\n                color: #495057;\n                font-weight: 600;\n              }\n\n              .version-meta {\n                display: flex;\n                align-items: center;\n                gap: 0.75rem;\n                font-size: 0.875rem;\n                color: #6c757d;\n                flex-wrap: wrap;\n\n                .change-date {\n                  font-weight: 500;\n                }\n\n                .badge {\n                  font-size: 0.75rem;\n                }\n              }\n            }\n\n            .version-actions {\n              display: flex;\n              gap: 0.5rem;\n\n              .btn {\n                padding: 0.25rem 0.5rem;\n                font-size: 0.75rem;\n              }\n            }\n          }\n\n          .version-description {\n            color: #495057;\n            margin-bottom: 1rem;\n            line-height: 1.5;\n          }\n\n          .changes-summary {\n            .changes-list {\n              .change-item {\n                display: flex;\n                align-items: center;\n                padding: 0.5rem;\n                background: #f8f9fa;\n                border-radius: 0.375rem;\n                margin-bottom: 0.5rem;\n                font-size: 0.875rem;\n\n                .field-name {\n                  font-weight: 500;\n                  color: #495057;\n                  margin-right: 0.75rem;\n                  min-width: 100px;\n                }\n\n                .change-arrow {\n                  display: flex;\n                  align-items: center;\n                  gap: 0.5rem;\n\n                  .old-value {\n                    color: #dc3545;\n                    text-decoration: line-through;\n                  }\n\n                  .new-value {\n                    color: #28a745;\n                    font-weight: 500;\n                  }\n\n                  i {\n                    color: #6c757d;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .no-versions-message {\n      text-align: center;\n      padding: 3rem 1rem;\n      color: #6c757d;\n\n      i {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        display: block;\n        opacity: 0.5;\n      }\n\n      p {\n        margin: 0.5rem 0;\n        font-size: 1rem;\n        line-height: 1.5;\n      }\n    }\n  }\n\n  .comparison-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .comparison-selectors {\n      display: flex;\n      align-items: end;\n      gap: 1rem;\n      margin-bottom: 2rem;\n      padding: 1rem;\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n\n      .selector-group {\n        flex: 1;\n\n        .form-label {\n          font-weight: 500;\n          color: #495057;\n        }\n      }\n\n      .comparison-arrow {\n        padding-bottom: 0.375rem;\n        color: #6c757d;\n        font-size: 1.25rem;\n      }\n    }\n\n    .comparison-results {\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n      overflow: hidden;\n\n      .comparison-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1rem;\n        background: #f8f9fa;\n        border-bottom: 1px solid #dee2e6;\n\n        .comparison-title {\n          margin: 0;\n          color: #495057;\n          font-weight: 600;\n          display: flex;\n          align-items: center;\n          gap: 0.5rem;\n        }\n\n        .changes-count {\n          font-size: 0.875rem;\n          color: #6c757d;\n          font-weight: 500;\n        }\n      }\n\n      .differences-list {\n        .difference-item {\n          border-bottom: 1px solid #f1f3f4;\n          padding: 1.5rem;\n\n          &:last-child {\n            border-bottom: none;\n          }\n\n          &.diff-added {\n            border-left: 4px solid #28a745;\n          }\n\n          &.diff-modified {\n            border-left: 4px solid #ffc107;\n          }\n\n          &.diff-removed {\n            border-left: 4px solid #dc3545;\n          }\n\n          .diff-header {\n            margin-bottom: 1rem;\n\n            .field-info {\n              display: flex;\n              align-items: center;\n              gap: 0.75rem;\n\n              .field-name {\n                font-size: 1rem;\n                color: #495057;\n              }\n\n              .badge {\n                font-size: 0.75rem;\n                \n                &.template-badge {\n                  background-color: #6f42c1;\n                }\n              }\n            }\n          }\n\n          .diff-content {\n            .side-by-side-diff {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n              gap: 1rem;\n\n              .diff-old,\n              .diff-new {\n                .diff-label {\n                  font-size: 0.875rem;\n                  font-weight: 600;\n                  margin-bottom: 0.5rem;\n                  color: #6c757d;\n                }\n\n                .diff-value {\n                  padding: 1rem;\n                  border-radius: 0.375rem;\n                  font-family: 'Fira Code', Monaco, Consolas, monospace;\n                  font-size: 0.875rem;\n                  line-height: 1.5;\n                  white-space: pre-wrap;\n                  word-break: break-word;\n\n                  &.old-value {\n                    background: #fff5f5;\n                    border: 1px solid #fed7d7;\n                    color: #c53030;\n                  }\n\n                  &.new-value {\n                    background: #f0fff4;\n                    border: 1px solid #9ae6b4;\n                    color: #2f855a;\n                  }\n\n                  .template-content {\n                    margin: 0;\n                    background: transparent;\n                    border: none;\n                    padding: 0;\n                    font-family: inherit;\n                    font-size: inherit;\n                    line-height: inherit;\n                    white-space: pre-wrap;\n                  }\n                }\n              }\n            }\n\n            .diff-added,\n            .diff-removed {\n              .diff-label {\n                font-size: 0.875rem;\n                font-weight: 600;\n                margin-bottom: 0.5rem;\n                color: #6c757d;\n              }\n\n              .diff-value {\n                padding: 1rem;\n                border-radius: 0.375rem;\n                font-family: 'Fira Code', Monaco, Consolas, monospace;\n                font-size: 0.875rem;\n                line-height: 1.5;\n                white-space: pre-wrap;\n                word-break: break-word;\n              }\n            }\n\n            .diff-added .diff-value {\n              background: #f0fff4;\n              border: 1px solid #9ae6b4;\n              color: #2f855a;\n            }\n\n            .diff-removed .diff-value {\n              background: #fff5f5;\n              border: 1px solid #fed7d7;\n              color: #c53030;\n            }\n          }\n        }\n      }\n\n      .no-differences {\n        text-align: center;\n        padding: 3rem 1rem;\n\n        i {\n          font-size: 3rem;\n          margin-bottom: 1rem;\n          display: block;\n        }\n\n        p {\n          margin: 0;\n          font-size: 1rem;\n        }\n      }\n    }\n  }\n\n  .details-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .version-details {\n      max-width: 800px;\n      margin: 0 auto;\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n      overflow: hidden;\n\n      .details-header {\n        padding: 1.5rem;\n        background: #f8f9fa;\n        border-bottom: 1px solid #dee2e6;\n\n        .details-title {\n          margin: 0 0 0.5rem 0;\n          color: #495057;\n          font-weight: 600;\n        }\n\n        .details-meta {\n          display: flex;\n          gap: 1rem;\n          font-size: 0.875rem;\n          color: #6c757d;\n          flex-wrap: wrap;\n        }\n      }\n\n      .details-content {\n        padding: 1.5rem;\n\n        .detail-section {\n          margin-bottom: 2rem;\n\n          &:last-child {\n            margin-bottom: 0;\n          }\n\n          .section-title {\n            margin: 0 0 1rem 0;\n            color: #495057;\n            font-weight: 600;\n            font-size: 1rem;\n            border-bottom: 1px solid #e9ecef;\n            padding-bottom: 0.5rem;\n          }\n\n          .detail-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 1rem;\n\n            .detail-item {\n              display: flex;\n              flex-direction: column;\n              gap: 0.25rem;\n\n              .detail-label {\n                font-size: 0.875rem;\n                font-weight: 500;\n                color: #6c757d;\n              }\n\n              .detail-value {\n                font-size: 0.875rem;\n                color: #495057;\n                display: flex;\n                align-items: center;\n                gap: 0.5rem;\n              }\n            }\n          }\n\n          .json-viewer,\n          .template-viewer {\n            .json-content,\n            .template-content {\n              background: #f8f9fa;\n              border: 1px solid #dee2e6;\n              border-radius: 0.375rem;\n              padding: 1rem;\n              margin: 0;\n              font-family: 'Fira Code', Monaco, Consolas, monospace;\n              font-size: 0.875rem;\n              line-height: 1.5;\n              overflow-x: auto;\n              max-height: 400px;\n              overflow-y: auto;\n            }\n          }\n        }\n      }\n    }\n\n    .no-selection-message {\n      text-align: center;\n      padding: 3rem 1rem;\n      color: #6c757d;\n\n      i {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        display: block;\n        opacity: 0.5;\n      }\n\n      p {\n        margin: 0;\n        font-size: 1rem;\n        line-height: 1.5;\n      }\n    }\n  }\n\n  .error-container {\n    padding: 1rem;\n\n    .alert {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n  }\n}\n\n//[_ngcontent-%COMP%]   Responsive[_ngcontent-%COMP%]   adjustments\n@media[_ngcontent-%COMP%]   (max-width[_ngcontent-%COMP%]:   1200px)[_ngcontent-%COMP%] {\n  .prompt-version-control {\n    .version-toolbar {\n      .toolbar-section {\n        min-width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .comparison-container {\n      .comparison-selectors {\n        flex-direction: column;\n        align-items: stretch;\n\n        .comparison-arrow {\n          align-self: center;\n          padding: 0.5rem 0;\n        }\n      }\n\n      .comparison-results {\n        .differences-list {\n          .difference-item {\n            .diff-content {\n              .side-by-side-diff {\n                grid-template-columns: 1fr;\n                gap: 0.5rem;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .prompt-version-control[_ngcontent-%COMP%] {\n    .version-toolbar {\n      padding: 0.75rem;\n      \n      .toolbar-section {\n        flex-wrap: wrap;\n        gap: 0.5rem;\n      }\n    }\n\n    .timeline-container {\n      padding: 0.75rem;\n\n      .version-timeline {\n        .timeline-item {\n          .timeline-marker {\n            margin-right: 1rem;\n\n            .marker-icon {\n              width: 2rem;\n              height: 2rem;\n              font-size: 0.875rem;\n            }\n          }\n\n          .timeline-content {\n            padding: 1rem;\n\n            .version-header {\n              flex-direction: column;\n              align-items: flex-start;\n              gap: 0.75rem;\n\n              .version-actions {\n                align-self: flex-end;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .comparison-container,\n    .details-container {\n      padding: 0.75rem;\n    }\n  }\n\n  .prompt-selector-section[_ngcontent-%COMP%] {\n    padding: 2rem;\n    background: white;\n    border-radius: 8px;\n    margin: 1rem;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n    .section-title {\n      color: #495057;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      font-weight: 600;\n      margin-bottom: 0.5rem;\n\n      i {\n        color: #007bff;\n      }\n    }\n\n    .prompt-selector {\n      .search-box {\n        .input-group-text {\n          background: #f8f9fa;\n          border-color: #ced4da;\n\n          i {\n            color: #6c757d;\n          }\n        }\n\n        .form-control {\n          border-color: #ced4da;\n\n          &:focus {\n            border-color: #007bff;\n            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n          }\n        }\n      }\n\n      .prompts-list {\n        max-height: 400px;\n        overflow-y: auto;\n        border: 1px solid #dee2e6;\n        border-radius: 4px;\n\n        .empty-state {\n          text-align: center;\n          padding: 2rem;\n\n          i {\n            font-size: 2rem;\n            margin-bottom: 0.5rem;\n          }\n        }\n\n        .prompt-item {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 0.75rem 1rem;\n          border-bottom: 1px solid #dee2e6;\n          cursor: pointer;\n          transition: background-color 0.2s;\n\n          &:last-child {\n            border-bottom: none;\n          }\n\n          &:hover {\n            background-color: #f8f9fa;\n          }\n\n          .prompt-info {\n            flex: 1;\n\n            .prompt-title {\n              margin: 0 0 0.25rem 0;\n              font-weight: 600;\n              color: #495057;\n            }\n\n            .prompt-description {\n              margin: 0;\n              font-size: 0.875rem;\n              color: #6c757d;\n              line-height: 1.4;\n            }\n          }\n\n          .prompt-actions {\n            color: #007bff;\n            opacity: 0.7;\n            transition: opacity 0.2s;\n          }\n\n          &:hover .prompt-actions {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PromptVersionControlComponent, [{
+        type: Component,
+        args: [{ selector: 'app-prompt-version-control', template: "<div class=\"prompt-version-control\">\n  <!-- Prompt Selector (when no prompt selected) -->\n  @if (!prompt) {\n    <div class=\"prompt-selector-section\">\n      <h5 class=\"section-title\">\n        <i class=\"fa-solid fa-history\"></i>\n        Version History\n      </h5>\n      <p class=\"text-muted mb-3\">Select a prompt to view its version history</p>\n      \n      <div class=\"prompt-selector\">\n        <div class=\"search-box mb-3\">\n          <div class=\"input-group\">\n            <span class=\"input-group-text\">\n              <i class=\"fa-solid fa-search\"></i>\n            </span>\n            <input \n              type=\"text\" \n              class=\"form-control\" \n              placeholder=\"Search prompts...\"\n              [ngModel]=\"promptSearchTerm$.value\"\n              (ngModelChange)=\"onPromptSearchChange($event)\">\n          </div>\n        </div>\n        \n        <div class=\"prompts-list\">\n          @if (availablePrompts.length === 0) {\n            <div class=\"empty-state\">\n              <i class=\"fa-solid fa-comment-dots text-muted\"></i>\n              <p class=\"text-muted\">No prompts available</p>\n            </div>\n          } @else {\n            @for (promptItem of filteredAvailablePrompts; track promptItem.ID) {\n              <div class=\"prompt-item\" (click)=\"selectPromptForHistory(promptItem)\">\n                <div class=\"prompt-info\">\n                  <h6 class=\"prompt-title\">{{ promptItem.Name }}</h6>\n                  @if (promptItem.Description) {\n                    <p class=\"prompt-description\">{{ promptItem.Description }}</p>\n                  }\n                </div>\n                <div class=\"prompt-actions\">\n                  <i class=\"fa-solid fa-arrow-right\"></i>\n                </div>\n              </div>\n            }\n          }\n        </div>\n      </div>\n    </div>\n  } @else {\n    <!-- Header toolbar -->\n    <div class=\"version-toolbar\">\n    <div class=\"toolbar-section\">\n      <h5 class=\"toolbar-title\">\n        <i class=\"fa-solid fa-history\"></i>\n        Version History\n        @if (prompt) {\n          <span class=\"prompt-name\">- {{ prompt.Name }}</span>\n        }\n      </h5>\n      \n      <div class=\"view-mode-toggle\">\n        <div class=\"btn-group btn-group-sm\" role=\"group\">\n          <input type=\"radio\" class=\"btn-check\" name=\"view\" id=\"timelineView\" value=\"timeline\" [(ngModel)]=\"currentView\" (ngModelChange)=\"onViewChange($event)\">\n          <label class=\"btn btn-outline-primary\" for=\"timelineView\">\n            <i class=\"fa-solid fa-timeline\"></i>\n            Timeline\n          </label>\n          \n          <input type=\"radio\" class=\"btn-check\" name=\"view\" id=\"comparisonView\" value=\"comparison\" [(ngModel)]=\"currentView\" (ngModelChange)=\"onViewChange($event)\">\n          <label class=\"btn btn-outline-primary\" for=\"comparisonView\">\n            <i class=\"fa-solid fa-code-compare\"></i>\n            Compare\n          </label>\n          \n          <input type=\"radio\" class=\"btn-check\" name=\"view\" id=\"detailsView\" value=\"details\" [(ngModel)]=\"currentView\" (ngModelChange)=\"onViewChange($event)\">\n          <label class=\"btn btn-outline-primary\" for=\"detailsView\">\n            <i class=\"fa-solid fa-list\"></i>\n            Details\n          </label>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"toolbar-section\">\n      <div class=\"filter-controls\">\n        <label class=\"form-label\">Filter:</label>\n        <select class=\"form-select form-select-sm\" [(ngModel)]=\"filterBy\" (ngModelChange)=\"onFilterChange($event)\">\n          <option value=\"all\">All Changes</option>\n          <option value=\"updates\">Updates Only</option>\n          <option value=\"major\">Major Changes</option>\n          <option value=\"template\">Template Changes</option>\n        </select>\n        \n        <div class=\"form-check form-switch\">\n          <input class=\"form-check-input\" type=\"checkbox\" id=\"showSystem\" [(ngModel)]=\"showSystemChanges\" (ngModelChange)=\"applyFiltersPublic()\">\n          <label class=\"form-check-label\" for=\"showSystem\">System</label>\n        </div>\n      </div>\n      \n      <div class=\"search-controls\">\n        <input \n          type=\"text\" \n          class=\"form-control form-control-sm\" \n          placeholder=\"Search changes...\"\n          [ngModel]=\"searchTerm$.value\" (ngModelChange)=\"onSearchChange($event)\">\n      </div>\n    </div>\n    \n    <div class=\"toolbar-section\">\n      <div class=\"action-buttons\">\n        <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"onSortDirectionChange()\" [title]=\"'Sort ' + (sortDirection === 'asc' ? 'descending' : 'ascending')\">\n          <i class=\"fa-solid\" [class.fa-sort-up]=\"sortDirection === 'asc'\" [class.fa-sort-down]=\"sortDirection === 'desc'\"></i>\n          Sort\n        </button>\n        \n        <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"refreshHistory()\" [disabled]=\"isLoading\" title=\"Refresh history\">\n          <i class=\"fa-solid fa-refresh\" [class.fa-spin]=\"isLoading\"></i>\n          Refresh\n        </button>\n        \n        <button type=\"button\" class=\"btn btn-sm btn-outline-info\" (click)=\"exportVersionHistory()\" title=\"Export history\">\n          <i class=\"fa-solid fa-download\"></i>\n          Export\n        </button>\n      </div>\n    </div>\n  </div>\n  \n  <!-- Loading state -->\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <div class=\"loading-content\">\n        <div class=\"spinner-border text-primary\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n        <p class=\"loading-message\">{{ loadingMessage }}</p>\n      </div>\n    </div>\n  } @else {\n    \n    <!-- Timeline View -->\n    @if (currentView === 'timeline') {\n      <div class=\"timeline-container\">\n        @if (versions.length > 0) {\n          <div class=\"version-timeline\">\n            @for (version of versions; track version.id; let i = $index) {\n              <div class=\"timeline-item\" \n                   [class.selected]=\"selectedVersion?.id === version.id\"\n                   [class.active]=\"version.isActive\"\n                   (click)=\"onVersionSelect(version)\">\n                \n                <div class=\"timeline-marker\">\n                  <div class=\"marker-icon\" [class]=\"getChangeTypeClass(version.changeType)\">\n                    <i class=\"fa-solid\" [class]=\"getChangeTypeIcon(version.changeType)\"></i>\n                  </div>\n                  @if (i < versions.length - 1) {\n                    <div class=\"timeline-line\"></div>\n                  }\n                </div>\n                \n                <div class=\"timeline-content\">\n                  <div class=\"version-header\">\n                    <div class=\"version-info\">\n                      <h6 class=\"version-label\">{{ getVersionLabel(version) }}</h6>\n                      <div class=\"version-meta\">\n                        <span class=\"change-date\">{{ version.changedAt | date:'medium' }}</span>\n                        <span class=\"changed-by\">by {{ version.changedBy }}</span>\n                        <span class=\"change-source badge\" [class.badge-primary]=\"version.changeSource === 'Internal'\" [class.badge-secondary]=\"version.changeSource === 'External'\">\n                          {{ version.changeSource }}\n                        </span>\n                      </div>\n                    </div>\n                    \n                    <div class=\"version-actions\">\n                      @if (showComparison && i < versions.length - 1) {\n                        <button \n                          type=\"button\" \n                          class=\"btn btn-sm btn-outline-primary\"\n                          (click)=\"$event.stopPropagation(); startComparison(version)\"\n                          title=\"Compare with next version\">\n                          <i class=\"fa-solid fa-code-compare\"></i>\n                        </button>\n                      }\n                      \n                      @if (showRestoreActions && version.canRestore) {\n                        <button \n                          type=\"button\" \n                          class=\"btn btn-sm btn-outline-success\"\n                          (click)=\"$event.stopPropagation(); onVersionRestore(version)\"\n                          title=\"Restore this version\">\n                          <i class=\"fa-solid fa-undo\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                  \n                  <div class=\"version-description\">\n                    {{ version.changesDescription }}\n                  </div>\n                  \n                  @if (version.changesJSON && timelineConfig.showDiffs) {\n                    <div class=\"changes-summary\">\n                      <div class=\"changes-list\">\n                        @for (field of getObjectKeys(version.changesJSON); track field) {\n                          <div class=\"change-item\">\n                            <span class=\"field-name\">{{ getFieldDisplayNamePublic(field) }}</span>\n                            @if (version.changesJSON[field].oldValue !== undefined) {\n                              <span class=\"change-arrow\">\n                                <span class=\"old-value\">{{ formatChangeValue(version.changesJSON[field].oldValue) }}</span>\n                                <i class=\"fa-solid fa-arrow-right\"></i>\n                                <span class=\"new-value\">{{ formatChangeValue(version.changesJSON[field].newValue) }}</span>\n                              </span>\n                            } @else {\n                              <span class=\"new-value\">{{ formatChangeValue(version.changesJSON[field].newValue) }}</span>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"no-versions-message\">\n            <i class=\"fa-solid fa-info-circle text-muted\"></i>\n            <p class=\"text-muted\">No version history available for this prompt.</p>\n            @if (prompt && !prompt.EntityInfo.TrackRecordChanges) {\n              <p class=\"text-muted\"><small>Record changes tracking may not be enabled for prompts.</small></p>\n            }\n          </div>\n        }\n      </div>\n    }\n    \n    <!-- Comparison View -->\n    @if (currentView === 'comparison') {\n      <div class=\"comparison-container\">\n        <!-- Version selectors -->\n        <div class=\"comparison-selectors\">\n          <div class=\"selector-group\">\n            <label class=\"form-label\">Compare from:</label>\n            <select class=\"form-select\" [(ngModel)]=\"compareFromVersion\" (ngModelChange)=\"generateComparisonPublic()\">\n              @for (version of versions; track version.id) {\n                <option [ngValue]=\"version\">{{ getVersionLabel(version) }} - {{ version.changedAt | date:'short' }}</option>\n              }\n            </select>\n          </div>\n          \n          <div class=\"comparison-arrow\">\n            <i class=\"fa-solid fa-arrow-right\"></i>\n          </div>\n          \n          <div class=\"selector-group\">\n            <label class=\"form-label\">Compare to:</label>\n            <select class=\"form-select\" [(ngModel)]=\"compareToVersion\" (ngModelChange)=\"generateComparisonPublic()\">\n              @for (version of versions; track version.id) {\n                <option [ngValue]=\"version\">{{ getVersionLabel(version) }} - {{ version.changedAt | date:'short' }}</option>\n              }\n            </select>\n          </div>\n        </div>\n        \n        <!-- Comparison results -->\n        @if (comparisonResult) {\n          <div class=\"comparison-results\">\n            <div class=\"comparison-header\">\n              <h6 class=\"comparison-title\">\n                <i class=\"fa-solid fa-code-compare\"></i>\n                Changes between {{ getVersionLabel(comparisonResult.fromVersion) }} and {{ getVersionLabel(comparisonResult.toVersion) }}\n              </h6>\n              <div class=\"changes-count\">\n                {{ comparisonResult.differences.length }} change(s) found\n              </div>\n            </div>\n            \n            @if (comparisonResult.differences.length > 0) {\n              <div class=\"differences-list\">\n                @for (diff of comparisonResult.differences; track diff.fieldName) {\n                  <div class=\"difference-item\" [class]=\"'diff-' + diff.changeType\">\n                    <div class=\"diff-header\">\n                      <div class=\"field-info\">\n                        <strong class=\"field-name\">{{ diff.displayName }}</strong>\n                        <span class=\"change-type badge\" \n                              [class.badge-success]=\"diff.changeType === 'added'\"\n                              [class.badge-warning]=\"diff.changeType === 'modified'\"\n                              [class.badge-danger]=\"diff.changeType === 'removed'\">\n                          {{ diff.changeType }}\n                        </span>\n                        @if (diff.isTemplate) {\n                          <span class=\"template-badge badge badge-info\">Template</span>\n                        }\n                      </div>\n                    </div>\n                    \n                    <div class=\"diff-content\">\n                      @if (diff.changeType === 'modified') {\n                        <div class=\"side-by-side-diff\">\n                          <div class=\"diff-old\">\n                            <h6 class=\"diff-label\">Before:</h6>\n                            <div class=\"diff-value old-value\">\n                              @if (diff.isTemplate && diff.fieldName === 'TemplateText') {\n                                <pre class=\"template-content\">{{ diff.oldValue }}</pre>\n                              } @else {\n                                {{ formatChangeValue(diff.oldValue) }}\n                              }\n                            </div>\n                          </div>\n                          \n                          <div class=\"diff-new\">\n                            <h6 class=\"diff-label\">After:</h6>\n                            <div class=\"diff-value new-value\">\n                              @if (diff.isTemplate && diff.fieldName === 'TemplateText') {\n                                <pre class=\"template-content\">{{ diff.newValue }}</pre>\n                              } @else {\n                                {{ formatChangeValue(diff.newValue) }}\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      } @else if (diff.changeType === 'added') {\n                        <div class=\"diff-added\">\n                          <h6 class=\"diff-label\">Added:</h6>\n                          <div class=\"diff-value new-value\">{{ formatChangeValue(diff.newValue) }}</div>\n                        </div>\n                      } @else if (diff.changeType === 'removed') {\n                        <div class=\"diff-removed\">\n                          <h6 class=\"diff-label\">Removed:</h6>\n                          <div class=\"diff-value old-value\">{{ formatChangeValue(diff.oldValue) }}</div>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            } @else {\n              <div class=\"no-differences\">\n                <i class=\"fa-solid fa-check-circle text-success\"></i>\n                <p class=\"text-muted\">No differences found between the selected versions.</p>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    \n    <!-- Details View -->\n    @if (currentView === 'details') {\n      <div class=\"details-container\">\n        @if (selectedVersion) {\n          <div class=\"version-details\">\n            <div class=\"details-header\">\n              <h6 class=\"details-title\">{{ getVersionLabel(selectedVersion) }}</h6>\n              <div class=\"details-meta\">\n                <span class=\"change-date\">{{ selectedVersion.changedAt | date:'full' }}</span>\n                <span class=\"changed-by\">Changed by {{ selectedVersion.changedBy }}</span>\n              </div>\n            </div>\n            \n            <div class=\"details-content\">\n              <div class=\"detail-section\">\n                <h6 class=\"section-title\">Change Information</h6>\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Type:</span>\n                    <span class=\"detail-value\">\n                      <i class=\"fa-solid\" [class]=\"getChangeTypeIcon(selectedVersion.changeType)\"></i>\n                      {{ selectedVersion.changeType }}\n                    </span>\n                  </div>\n                  \n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Source:</span>\n                    <span class=\"detail-value\">{{ selectedVersion.changeSource }}</span>\n                  </div>\n                  \n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Description:</span>\n                    <span class=\"detail-value\">{{ selectedVersion.changesDescription }}</span>\n                  </div>\n                </div>\n              </div>\n              \n              @if (selectedVersion.fullRecordJSON) {\n                <div class=\"detail-section\">\n                  <h6 class=\"section-title\">Record State</h6>\n                  <div class=\"json-viewer\">\n                    <pre class=\"json-content\">{{ selectedVersion.fullRecordJSON | json }}</pre>\n                  </div>\n                </div>\n              }\n              \n              @if (selectedVersion.templateContent) {\n                <div class=\"detail-section\">\n                  <h6 class=\"section-title\">Template Content</h6>\n                  <div class=\"template-viewer\">\n                    <pre class=\"template-content\">{{ selectedVersion.templateContent.TemplateText }}</pre>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        } @else {\n          <div class=\"no-selection-message\">\n            <i class=\"fa-solid fa-hand-pointer text-muted\"></i>\n            <p class=\"text-muted\">Select a version from the timeline to view details.</p>\n          </div>\n        }\n      </div>\n    }\n  }\n  \n  <!-- Error state -->\n  @if (error) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-danger\" role=\"alert\">\n        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n        {{ error }}\n        <button type=\"button\" class=\"btn btn-sm btn-outline-danger ms-2\" (click)=\"refreshHistory()\">\n          <i class=\"fa-solid fa-refresh\"></i>\n          Retry\n        </button>\n      </div>\n    </div>\n  }\n  }\n</div>", styles: [".prompt-version-control {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n\n  .version-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem;\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    flex-shrink: 0;\n    gap: 1rem;\n    flex-wrap: wrap;\n\n    .toolbar-section {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      flex-wrap: wrap;\n\n      .toolbar-title {\n        margin: 0;\n        color: #495057;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-weight: 600;\n\n        i {\n          color: #0d6efd;\n        }\n\n        .prompt-name {\n          font-weight: 400;\n          color: #6c757d;\n        }\n      }\n\n      .filter-controls,\n      .search-controls {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n\n        .form-label {\n          margin: 0;\n          font-size: 0.875rem;\n          color: #6c757d;\n          white-space: nowrap;\n        }\n\n        .form-select,\n        .form-control {\n          min-width: 120px;\n        }\n\n        .form-check {\n          margin: 0;\n          \n          .form-check-label {\n            font-size: 0.875rem;\n          }\n        }\n      }\n\n      .action-buttons {\n        display: flex;\n        gap: 0.5rem;\n\n        .btn {\n          font-size: 0.875rem;\n        }\n      }\n    }\n  }\n\n  .loading-container {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .loading-content {\n      text-align: center;\n      \n      .loading-message {\n        margin-top: 1rem;\n        color: #6c757d;\n      }\n    }\n  }\n\n  .timeline-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .version-timeline {\n      max-width: 800px;\n      margin: 0 auto;\n\n      .timeline-item {\n        display: flex;\n        position: relative;\n        margin-bottom: 2rem;\n        cursor: pointer;\n        transition: all 0.2s ease;\n\n        &:hover {\n          .timeline-content {\n            box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);\n            transform: translateY(-1px);\n          }\n        }\n\n        &.selected {\n          .timeline-content {\n            border-color: #0d6efd;\n            box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);\n          }\n        }\n\n        &.active {\n          .timeline-marker .marker-icon {\n            border-color: #28a745;\n            background-color: #28a745;\n            color: white;\n          }\n        }\n\n        .timeline-marker {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          margin-right: 1.5rem;\n          flex-shrink: 0;\n\n          .marker-icon {\n            width: 2.5rem;\n            height: 2.5rem;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 3px solid;\n            background: white;\n            font-size: 1rem;\n            z-index: 2;\n\n            &.change-create {\n              border-color: #28a745;\n              color: #28a745;\n            }\n\n            &.change-update {\n              border-color: #0d6efd;\n              color: #0d6efd;\n            }\n\n            &.change-delete {\n              border-color: #dc3545;\n              color: #dc3545;\n            }\n          }\n\n          .timeline-line {\n            width: 2px;\n            flex: 1;\n            background: #dee2e6;\n            margin-top: 0.5rem;\n            min-height: 2rem;\n          }\n        }\n\n        .timeline-content {\n          flex: 1;\n          background: white;\n          border: 1px solid #dee2e6;\n          border-radius: 0.5rem;\n          padding: 1.5rem;\n          transition: all 0.2s ease;\n\n          .version-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 1rem;\n\n            .version-info {\n              .version-label {\n                margin: 0 0 0.5rem 0;\n                color: #495057;\n                font-weight: 600;\n              }\n\n              .version-meta {\n                display: flex;\n                align-items: center;\n                gap: 0.75rem;\n                font-size: 0.875rem;\n                color: #6c757d;\n                flex-wrap: wrap;\n\n                .change-date {\n                  font-weight: 500;\n                }\n\n                .badge {\n                  font-size: 0.75rem;\n                }\n              }\n            }\n\n            .version-actions {\n              display: flex;\n              gap: 0.5rem;\n\n              .btn {\n                padding: 0.25rem 0.5rem;\n                font-size: 0.75rem;\n              }\n            }\n          }\n\n          .version-description {\n            color: #495057;\n            margin-bottom: 1rem;\n            line-height: 1.5;\n          }\n\n          .changes-summary {\n            .changes-list {\n              .change-item {\n                display: flex;\n                align-items: center;\n                padding: 0.5rem;\n                background: #f8f9fa;\n                border-radius: 0.375rem;\n                margin-bottom: 0.5rem;\n                font-size: 0.875rem;\n\n                .field-name {\n                  font-weight: 500;\n                  color: #495057;\n                  margin-right: 0.75rem;\n                  min-width: 100px;\n                }\n\n                .change-arrow {\n                  display: flex;\n                  align-items: center;\n                  gap: 0.5rem;\n\n                  .old-value {\n                    color: #dc3545;\n                    text-decoration: line-through;\n                  }\n\n                  .new-value {\n                    color: #28a745;\n                    font-weight: 500;\n                  }\n\n                  i {\n                    color: #6c757d;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .no-versions-message {\n      text-align: center;\n      padding: 3rem 1rem;\n      color: #6c757d;\n\n      i {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        display: block;\n        opacity: 0.5;\n      }\n\n      p {\n        margin: 0.5rem 0;\n        font-size: 1rem;\n        line-height: 1.5;\n      }\n    }\n  }\n\n  .comparison-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .comparison-selectors {\n      display: flex;\n      align-items: end;\n      gap: 1rem;\n      margin-bottom: 2rem;\n      padding: 1rem;\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n\n      .selector-group {\n        flex: 1;\n\n        .form-label {\n          font-weight: 500;\n          color: #495057;\n        }\n      }\n\n      .comparison-arrow {\n        padding-bottom: 0.375rem;\n        color: #6c757d;\n        font-size: 1.25rem;\n      }\n    }\n\n    .comparison-results {\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n      overflow: hidden;\n\n      .comparison-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 1rem;\n        background: #f8f9fa;\n        border-bottom: 1px solid #dee2e6;\n\n        .comparison-title {\n          margin: 0;\n          color: #495057;\n          font-weight: 600;\n          display: flex;\n          align-items: center;\n          gap: 0.5rem;\n        }\n\n        .changes-count {\n          font-size: 0.875rem;\n          color: #6c757d;\n          font-weight: 500;\n        }\n      }\n\n      .differences-list {\n        .difference-item {\n          border-bottom: 1px solid #f1f3f4;\n          padding: 1.5rem;\n\n          &:last-child {\n            border-bottom: none;\n          }\n\n          &.diff-added {\n            border-left: 4px solid #28a745;\n          }\n\n          &.diff-modified {\n            border-left: 4px solid #ffc107;\n          }\n\n          &.diff-removed {\n            border-left: 4px solid #dc3545;\n          }\n\n          .diff-header {\n            margin-bottom: 1rem;\n\n            .field-info {\n              display: flex;\n              align-items: center;\n              gap: 0.75rem;\n\n              .field-name {\n                font-size: 1rem;\n                color: #495057;\n              }\n\n              .badge {\n                font-size: 0.75rem;\n                \n                &.template-badge {\n                  background-color: #6f42c1;\n                }\n              }\n            }\n          }\n\n          .diff-content {\n            .side-by-side-diff {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n              gap: 1rem;\n\n              .diff-old,\n              .diff-new {\n                .diff-label {\n                  font-size: 0.875rem;\n                  font-weight: 600;\n                  margin-bottom: 0.5rem;\n                  color: #6c757d;\n                }\n\n                .diff-value {\n                  padding: 1rem;\n                  border-radius: 0.375rem;\n                  font-family: 'Fira Code', Monaco, Consolas, monospace;\n                  font-size: 0.875rem;\n                  line-height: 1.5;\n                  white-space: pre-wrap;\n                  word-break: break-word;\n\n                  &.old-value {\n                    background: #fff5f5;\n                    border: 1px solid #fed7d7;\n                    color: #c53030;\n                  }\n\n                  &.new-value {\n                    background: #f0fff4;\n                    border: 1px solid #9ae6b4;\n                    color: #2f855a;\n                  }\n\n                  .template-content {\n                    margin: 0;\n                    background: transparent;\n                    border: none;\n                    padding: 0;\n                    font-family: inherit;\n                    font-size: inherit;\n                    line-height: inherit;\n                    white-space: pre-wrap;\n                  }\n                }\n              }\n            }\n\n            .diff-added,\n            .diff-removed {\n              .diff-label {\n                font-size: 0.875rem;\n                font-weight: 600;\n                margin-bottom: 0.5rem;\n                color: #6c757d;\n              }\n\n              .diff-value {\n                padding: 1rem;\n                border-radius: 0.375rem;\n                font-family: 'Fira Code', Monaco, Consolas, monospace;\n                font-size: 0.875rem;\n                line-height: 1.5;\n                white-space: pre-wrap;\n                word-break: break-word;\n              }\n            }\n\n            .diff-added .diff-value {\n              background: #f0fff4;\n              border: 1px solid #9ae6b4;\n              color: #2f855a;\n            }\n\n            .diff-removed .diff-value {\n              background: #fff5f5;\n              border: 1px solid #fed7d7;\n              color: #c53030;\n            }\n          }\n        }\n      }\n\n      .no-differences {\n        text-align: center;\n        padding: 3rem 1rem;\n\n        i {\n          font-size: 3rem;\n          margin-bottom: 1rem;\n          display: block;\n        }\n\n        p {\n          margin: 0;\n          font-size: 1rem;\n        }\n      }\n    }\n  }\n\n  .details-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .version-details {\n      max-width: 800px;\n      margin: 0 auto;\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n      overflow: hidden;\n\n      .details-header {\n        padding: 1.5rem;\n        background: #f8f9fa;\n        border-bottom: 1px solid #dee2e6;\n\n        .details-title {\n          margin: 0 0 0.5rem 0;\n          color: #495057;\n          font-weight: 600;\n        }\n\n        .details-meta {\n          display: flex;\n          gap: 1rem;\n          font-size: 0.875rem;\n          color: #6c757d;\n          flex-wrap: wrap;\n        }\n      }\n\n      .details-content {\n        padding: 1.5rem;\n\n        .detail-section {\n          margin-bottom: 2rem;\n\n          &:last-child {\n            margin-bottom: 0;\n          }\n\n          .section-title {\n            margin: 0 0 1rem 0;\n            color: #495057;\n            font-weight: 600;\n            font-size: 1rem;\n            border-bottom: 1px solid #e9ecef;\n            padding-bottom: 0.5rem;\n          }\n\n          .detail-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 1rem;\n\n            .detail-item {\n              display: flex;\n              flex-direction: column;\n              gap: 0.25rem;\n\n              .detail-label {\n                font-size: 0.875rem;\n                font-weight: 500;\n                color: #6c757d;\n              }\n\n              .detail-value {\n                font-size: 0.875rem;\n                color: #495057;\n                display: flex;\n                align-items: center;\n                gap: 0.5rem;\n              }\n            }\n          }\n\n          .json-viewer,\n          .template-viewer {\n            .json-content,\n            .template-content {\n              background: #f8f9fa;\n              border: 1px solid #dee2e6;\n              border-radius: 0.375rem;\n              padding: 1rem;\n              margin: 0;\n              font-family: 'Fira Code', Monaco, Consolas, monospace;\n              font-size: 0.875rem;\n              line-height: 1.5;\n              overflow-x: auto;\n              max-height: 400px;\n              overflow-y: auto;\n            }\n          }\n        }\n      }\n    }\n\n    .no-selection-message {\n      text-align: center;\n      padding: 3rem 1rem;\n      color: #6c757d;\n\n      i {\n        font-size: 3rem;\n        margin-bottom: 1rem;\n        display: block;\n        opacity: 0.5;\n      }\n\n      p {\n        margin: 0;\n        font-size: 1rem;\n        line-height: 1.5;\n      }\n    }\n  }\n\n  .error-container {\n    padding: 1rem;\n\n    .alert {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n  }\n}\n\n// Responsive adjustments\n@media (max-width: 1200px) {\n  .prompt-version-control {\n    .version-toolbar {\n      .toolbar-section {\n        min-width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .comparison-container {\n      .comparison-selectors {\n        flex-direction: column;\n        align-items: stretch;\n\n        .comparison-arrow {\n          align-self: center;\n          padding: 0.5rem 0;\n        }\n      }\n\n      .comparison-results {\n        .differences-list {\n          .difference-item {\n            .diff-content {\n              .side-by-side-diff {\n                grid-template-columns: 1fr;\n                gap: 0.5rem;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .prompt-version-control {\n    .version-toolbar {\n      padding: 0.75rem;\n      \n      .toolbar-section {\n        flex-wrap: wrap;\n        gap: 0.5rem;\n      }\n    }\n\n    .timeline-container {\n      padding: 0.75rem;\n\n      .version-timeline {\n        .timeline-item {\n          .timeline-marker {\n            margin-right: 1rem;\n\n            .marker-icon {\n              width: 2rem;\n              height: 2rem;\n              font-size: 0.875rem;\n            }\n          }\n\n          .timeline-content {\n            padding: 1rem;\n\n            .version-header {\n              flex-direction: column;\n              align-items: flex-start;\n              gap: 0.75rem;\n\n              .version-actions {\n                align-self: flex-end;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    .comparison-container,\n    .details-container {\n      padding: 0.75rem;\n    }\n  }\n\n  .prompt-selector-section {\n    padding: 2rem;\n    background: white;\n    border-radius: 8px;\n    margin: 1rem;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n\n    .section-title {\n      color: #495057;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      font-weight: 600;\n      margin-bottom: 0.5rem;\n\n      i {\n        color: #007bff;\n      }\n    }\n\n    .prompt-selector {\n      .search-box {\n        .input-group-text {\n          background: #f8f9fa;\n          border-color: #ced4da;\n\n          i {\n            color: #6c757d;\n          }\n        }\n\n        .form-control {\n          border-color: #ced4da;\n\n          &:focus {\n            border-color: #007bff;\n            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n          }\n        }\n      }\n\n      .prompts-list {\n        max-height: 400px;\n        overflow-y: auto;\n        border: 1px solid #dee2e6;\n        border-radius: 4px;\n\n        .empty-state {\n          text-align: center;\n          padding: 2rem;\n\n          i {\n            font-size: 2rem;\n            margin-bottom: 0.5rem;\n          }\n        }\n\n        .prompt-item {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 0.75rem 1rem;\n          border-bottom: 1px solid #dee2e6;\n          cursor: pointer;\n          transition: background-color 0.2s;\n\n          &:last-child {\n            border-bottom: none;\n          }\n\n          &:hover {\n            background-color: #f8f9fa;\n          }\n\n          .prompt-info {\n            flex: 1;\n\n            .prompt-title {\n              margin: 0 0 0.25rem 0;\n              font-weight: 600;\n              color: #495057;\n            }\n\n            .prompt-description {\n              margin: 0;\n              font-size: 0.875rem;\n              color: #6c757d;\n              line-height: 1.4;\n            }\n          }\n\n          .prompt-actions {\n            color: #007bff;\n            opacity: 0.7;\n            transition: opacity 0.2s;\n          }\n\n          &:hover .prompt-actions {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n}"] }]
+    }], () => [{ type: i1.MJNotificationService }], { prompt: [{
+            type: Input
+        }], autoLoad: [{
+            type: Input
+        }], showRestoreActions: [{
+            type: Input
+        }], showComparison: [{
+            type: Input
+        }], maxVersions: [{
+            type: Input
+        }], versionSelected: [{
+            type: Output
+        }], versionRestored: [{
+            type: Output
+        }], versionCompared: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PromptVersionControlComponent, { className: "PromptVersionControlComponent", filePath: "src/AI/components/prompts/prompt-version-control.component.ts", lineNumber: 43 }); })();
+//# sourceMappingURL=prompt-version-control.component.js.map