@memberjunction/ng-dashboards 2.49.0 → 2.51.0

package/dist/AI/components/prompts/prompt-management.component.js

@@ -1,1351 +0,0 @@
-import { Component, Output, EventEmitter } from '@angular/core';
-import { RunView, Metadata, LogError, LogStatus } from '@memberjunction/core';
-import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
-import { debounceTime, takeUntil, distinctUntilChanged } from 'rxjs/operators';
-import { languages } from '@codemirror/language-data';
-import { TemplateEngineBase } from '@memberjunction/templates-base-types';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-notifications";
-import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-container-directives";
-import * as i5 from "@memberjunction/ng-code-editor";
-import * as i6 from "./prompt-filter-panel.component";
-import * as i7 from "./model-prompt-priority-matrix.component";
-import * as i8 from "./prompt-version-control.component";
-const _forTrack0 = ($index, $item) => $item.prompt.ID || $index;
-const _forTrack1 = ($index, $item) => $item.ID;
-function PromptManagementComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Hide Filters ");
-} }
-function PromptManagementComponent_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Show Filters ");
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "div", 31)(2, "div", 32);
-    i0.ɵɵelement(3, "div", 33)(4, "div", 33)(5, "div", 33);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 34);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.loadingMessage);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "p", 35);
-    i0.ɵɵelement(2, "i", 36);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.error, " ");
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵelement(1, "i", 39);
-    i0.ɵɵelementStart(2, "h3");
-    i0.ɵɵtext(3, "No prompts found");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "No prompts match your current filters. Try adjusting your search criteria or create a new prompt.");
-    i0.ɵɵelementEnd()();
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 49);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const promptWithTemplate_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("\u2022 ", promptWithTemplate_r5.type.Name, "");
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 51);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const promptWithTemplate_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(promptWithTemplate_r5.prompt.Description);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 52);
-    i0.ɵɵtext(1, "No description provided");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64)(1, "small");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const promptWithTemplate_r5 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Template content: ", (promptWithTemplate_r5.templateContent.TemplateText || "").length, " characters ");
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(4, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_18_Conditional_4_Template, 3, 1, "div", 64);
-} if (rf & 2) {
-    const promptWithTemplate_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(promptWithTemplate_r5.template.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(promptWithTemplate_r5.templateContent ? 4 : -1);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54);
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "No template assigned");
-    i0.ɵɵelementEnd()();
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template_div_click_0_listener() { const promptWithTemplate_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.viewPrompt(promptWithTemplate_r5)); });
-    i0.ɵɵelementStart(1, "div", 42)(2, "div", 43)(3, "div", 44);
-    i0.ɵɵelement(4, "i");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 45)(6, "h4", 46);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 47)(9, "span", 48);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_11_Template, 2, 1, "span", 49);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(12, "div");
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 50);
-    i0.ɵɵtemplate(15, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_15_Template, 2, 1, "p", 51)(16, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_16_Template, 2, 0, "p", 52);
-    i0.ɵɵelementStart(17, "div", 53);
-    i0.ɵɵtemplate(18, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_18_Template, 5, 2)(19, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Conditional_19_Template, 4, 0, "div", 54);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 55);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template_div_click_20_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(21, "button", 56);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template_button_click_21_listener() { const promptWithTemplate_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.viewPrompt(promptWithTemplate_r5)); });
-    i0.ɵɵelement(22, "i", 57);
-    i0.ɵɵtext(23, " View ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "button", 58);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template_button_click_24_listener() { const promptWithTemplate_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.editPrompt(promptWithTemplate_r5)); });
-    i0.ɵɵelement(25, "i", 59);
-    i0.ɵɵtext(26, " Edit ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "button", 60);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template_button_click_27_listener() { const promptWithTemplate_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.deletePrompt(promptWithTemplate_r5)); });
-    i0.ɵɵelement(28, "i", 61);
-    i0.ɵɵtext(29, " Delete ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const promptWithTemplate_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r1.getPromptIcon());
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(promptWithTemplate_r5.prompt.Name);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.getCategoryName(promptWithTemplate_r5.prompt.CategoryID));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(promptWithTemplate_r5.type ? 11 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMapInterpolate1("status-badge status-", promptWithTemplate_r5.prompt.Status.toLowerCase(), "");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", promptWithTemplate_r5.prompt.Status, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(promptWithTemplate_r5.prompt.Description ? 15 : 16);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(promptWithTemplate_r5.template ? 18 : 19);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵrepeaterCreate(1, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_For_2_Template, 30, 11, "div", 40, _forTrack0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.filteredPrompts);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵtemplate(1, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_1_Template, 6, 0, "div", 37)(2, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Conditional_2_Template, 3, 0, "div", 38);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.filteredPrompts.length === 0 ? 1 : 2);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-splitter", 23);
-    i0.ɵɵlistener("layoutChange", function PromptManagementComponent_Conditional_1_Conditional_24_Template_kendo_splitter_layoutChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onMainSplitterChange($event)); });
-    i0.ɵɵelementStart(1, "kendo-splitter-pane", 24)(2, "mj-prompt-filter-panel", 25);
-    i0.ɵɵlistener("filtersChange", function PromptManagementComponent_Conditional_1_Conditional_24_Template_mj_prompt_filter_panel_filtersChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFiltersChange($event)); })("filterChange", function PromptManagementComponent_Conditional_1_Conditional_24_Template_mj_prompt_filter_panel_filterChange_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFilterChange()); })("resetFilters", function PromptManagementComponent_Conditional_1_Conditional_24_Template_mj_prompt_filter_panel_resetFilters_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onResetFilters()); })("closePanel", function PromptManagementComponent_Conditional_1_Conditional_24_Template_mj_prompt_filter_panel_closePanel_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleFilterPanel()); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(3, "kendo-splitter-pane", 26)(4, "div", 27);
-    i0.ɵɵtemplate(5, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_5_Template, 8, 1, "div", 28)(6, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_6_Template, 4, 1, "div", 29)(7, PromptManagementComponent_Conditional_1_Conditional_24_Conditional_7_Template, 3, 1, "div", 30);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("size", ctx_r1.filterPanelVisible ? "320px" : "0px")("collapsible", false)("resizable", ctx_r1.filterPanelVisible)("scrollable", false)("hidden", !ctx_r1.filterPanelVisible);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("prompts", ctx_r1.promptsWithTemplates)("filteredPrompts", ctx_r1.filteredPrompts)("categories", ctx_r1.categories)("types", ctx_r1.types)("filters", ctx_r1.currentFilters);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("resizable", true)("scrollable", false);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isLoading ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.error ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.isLoading && !ctx_r1.error ? 7 : -1);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-model-prompt-priority-matrix", 65);
-    i0.ɵɵlistener("promptSelected", function PromptManagementComponent_Conditional_1_Conditional_25_Template_app_model_prompt_priority_matrix_promptSelected_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPromptSelectedFromMatrix($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("selectedPrompts", ctx_r1.promptsForMatrix);
-} }
-function PromptManagementComponent_Conditional_1_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-prompt-version-control", 66);
-    i0.ɵɵlistener("versionSelected", function PromptManagementComponent_Conditional_1_Conditional_26_Template_app_prompt_version_control_versionSelected_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onVersionSelected($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("prompt", (ctx_r1.selectedPrompt == null ? null : ctx_r1.selectedPrompt.prompt) || null);
-} }
-function PromptManagementComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 4)(2, "div", 5)(3, "button", 6);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleFilterPanel()); });
-    i0.ɵɵelement(4, "i", 7);
-    i0.ɵɵtemplate(5, PromptManagementComponent_Conditional_1_Conditional_5_Template, 1, 0)(6, PromptManagementComponent_Conditional_1_Conditional_6_Template, 1, 0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 8);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 9)(10, "button", 10);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createNewPrompt()); });
-    i0.ɵɵelement(11, "i", 11);
-    i0.ɵɵtext(12, " New Prompt ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 12)(14, "button", 13);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setSubView("list")); });
-    i0.ɵɵelement(15, "i", 14);
-    i0.ɵɵtext(16, " List View ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 15);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setSubView("priority-matrix")); });
-    i0.ɵɵelement(18, "i", 16);
-    i0.ɵɵtext(19, " Priority Matrix ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "button", 17);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_1_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setSubView("version-control")); });
-    i0.ɵɵelement(21, "i", 18);
-    i0.ɵɵtext(22, " Version Control ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 19);
-    i0.ɵɵtemplate(24, PromptManagementComponent_Conditional_1_Conditional_24_Template, 8, 15, "kendo-splitter", 20)(25, PromptManagementComponent_Conditional_1_Conditional_25_Template, 1, 1, "app-model-prompt-priority-matrix", 21)(26, PromptManagementComponent_Conditional_1_Conditional_26_Template, 1, 1, "app-prompt-version-control", 22);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.filterPanelVisible ? 5 : 6);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", ctx_r1.filteredPrompts.length, " prompts");
-    i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("active", ctx_r1.currentSubView === "list");
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.currentSubView === "priority-matrix");
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.currentSubView === "version-control");
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.currentSubView === "list" ? 24 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.currentSubView === "priority-matrix" ? 25 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.currentSubView === "version-control" ? 26 : -1);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 11);
-    i0.ɵɵtext(1, " Create New Prompt ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 59);
-    i0.ɵɵtext(1, " Edit Prompt ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 57);
-    i0.ɵɵtext(1, " View Prompt ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassMapInterpolate1("status-badge status-", ctx_r1.selectedPrompt.prompt.Status.toLowerCase(), "");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.selectedPrompt.prompt.Status, " ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_2_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleEdit()); });
-    i0.ɵɵelement(1, "i", 59);
-    i0.ɵɵtext(2, " Edit ");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementComponent_Conditional_2_Conditional_14_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 94);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_14_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 95);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_2_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleEdit()); });
-    i0.ɵɵelement(1, "i", 92);
-    i0.ɵɵtext(2, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 93);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_2_Conditional_14_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.savePrompt()); });
-    i0.ɵɵtemplate(4, PromptManagementComponent_Conditional_2_Conditional_14_Conditional_4_Template, 1, 0, "span", 94)(5, PromptManagementComponent_Conditional_2_Conditional_14_Conditional_5_Template, 1, 0, "i", 95);
-    i0.ɵɵtext(6, " Save ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isLoading ? 4 : 5);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 96);
-    i0.ɵɵtwoWayListener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_24_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedPrompt.prompt.Name, $event) || (ctx_r1.selectedPrompt.prompt.Name = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function PromptManagementComponent_Conditional_2_Conditional_24_Template_input_input_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.isDirty = true); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedPrompt.prompt.Name);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.selectedPrompt.prompt.Name);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "textarea", 97);
-    i0.ɵɵtwoWayListener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_29_Template_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedPrompt.prompt.Description, $event) || (ctx_r1.selectedPrompt.prompt.Description = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function PromptManagementComponent_Conditional_2_Conditional_29_Template_textarea_input_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.isDirty = true); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedPrompt.prompt.Description);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.selectedPrompt.prompt.Description || "No description provided", " ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_0_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 101);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const category_r14 = ctx.$implicit;
-    i0.ɵɵproperty("value", category_r14.ID);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(category_r14.Name);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 99);
-    i0.ɵɵtwoWayListener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_0_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedPrompt.prompt.CategoryID, $event) || (ctx_r1.selectedPrompt.prompt.CategoryID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_0_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCategoryChange($event)); });
-    i0.ɵɵelementStart(1, "option", 100);
-    i0.ɵɵtext(2, "Select category...");
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, PromptManagementComponent_Conditional_2_Conditional_34_Conditional_0_For_4_Template, 2, 2, "option", 101, _forTrack1);
-    i0.ɵɵelementStart(5, "option", 102);
-    i0.ɵɵtext(6, "+ Create New Category");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedPrompt.prompt.CategoryID);
-    i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r1.categories);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 98)(1, "input", 103, 0);
-    i0.ɵɵtwoWayListener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_1_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.newCategoryName, $event) || (ctx_r1.newCategoryName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("keyup", function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_1_Template_input_keyup_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCreateNewCategoryKeyup($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 104)(4, "button", 58);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createAndSelectNewCategory()); });
-    i0.ɵɵelement(5, "i", 105);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 56);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_2_Conditional_34_Conditional_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.cancelNewCategory()); });
-    i0.ɵɵelement(7, "i", 92);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newCategoryName);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PromptManagementComponent_Conditional_2_Conditional_34_Conditional_0_Template, 7, 1, "select", 84)(1, PromptManagementComponent_Conditional_2_Conditional_34_Conditional_1_Template, 8, 1, "div", 98);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(!ctx_r1.showNewCategoryInput ? 0 : 1);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getCategoryName(ctx_r1.selectedPrompt.prompt.CategoryID), " ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_39_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 101);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const type_r17 = ctx.$implicit;
-    i0.ɵɵproperty("value", type_r17.ID);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(type_r17.Name);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 106);
-    i0.ɵɵtwoWayListener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_39_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedPrompt.prompt.TypeID, $event) || (ctx_r1.selectedPrompt.prompt.TypeID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function PromptManagementComponent_Conditional_2_Conditional_39_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.isDirty = true); });
-    i0.ɵɵelementStart(1, "option", 100);
-    i0.ɵɵtext(2, "Select type...");
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, PromptManagementComponent_Conditional_2_Conditional_39_For_4_Template, 2, 2, "option", 101, _forTrack1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedPrompt.prompt.TypeID);
-    i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r1.types);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getTypeName(ctx_r1.selectedPrompt.prompt.TypeID), " ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 106);
-    i0.ɵɵtwoWayListener("ngModelChange", function PromptManagementComponent_Conditional_2_Conditional_44_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedPrompt.prompt.Status, $event) || (ctx_r1.selectedPrompt.prompt.Status = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function PromptManagementComponent_Conditional_2_Conditional_44_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.isDirty = true); });
-    i0.ɵɵelementStart(1, "option", 107);
-    i0.ɵɵtext(2, "Active");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "option", 108);
-    i0.ɵɵtext(4, "Pending");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "option", 109);
-    i0.ɵɵtext(6, "Disabled");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedPrompt.prompt.Status);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82)(1, "span");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMapInterpolate1("status-badge status-", ctx_r1.selectedPrompt.prompt.Status.toLowerCase(), "");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.selectedPrompt.prompt.Status, " ");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_46_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "strong");
-    i0.ɵɵtext(2, "Description:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.selectedPrompt.template.Description, "");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_46_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "strong");
-    i0.ɵɵtext(2, "Content Length:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", (ctx_r1.selectedPrompt.templateContent.TemplateText || "").length, " characters");
-} }
-function PromptManagementComponent_Conditional_2_Conditional_46_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85)(1, "h4");
-    i0.ɵɵtext(2, "Template Information");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 110)(4, "div")(5, "strong");
-    i0.ɵɵtext(6, "Template:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, PromptManagementComponent_Conditional_2_Conditional_46_Conditional_8_Template, 4, 1, "div")(9, PromptManagementComponent_Conditional_2_Conditional_46_Conditional_9_Template, 4, 1, "div");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.selectedPrompt.template.Name, "");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedPrompt.template.Description ? 8 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedPrompt.templateContent ? 9 : -1);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_53_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 112);
-    i0.ɵɵtext(1, "Unsaved Changes");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementComponent_Conditional_2_Conditional_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
-    i0.ɵɵtext(1, "Nunjucks Template");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, PromptManagementComponent_Conditional_2_Conditional_53_Conditional_2_Template, 2, 0, "span", 112);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isDirty ? 2 : -1);
-} }
-function PromptManagementComponent_Conditional_2_Conditional_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 88);
-    i0.ɵɵtext(1, "Read Only");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementComponent_Conditional_2_Conditional_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91)(1, "div", 113)(2, "h5");
-    i0.ɵɵtext(3, "Nunjucks Template Syntax");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 114)(5, "div", 115)(6, "code");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(8, " - Variable output ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 115)(10, "code");
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(12, " - Conditionals ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 115)(14, "code");
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(16, " - Loops ");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate("{{ variable }}");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate("{% if condition %} ... {% endif %}");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate("{% for item in items %} ... {% endfor %}");
-} }
-function PromptManagementComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 67)(2, "div", 68)(3, "button", 69);
-    i0.ɵɵlistener("click", function PromptManagementComponent_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.backToList()); });
-    i0.ɵɵelement(4, "i", 70);
-    i0.ɵɵtext(5, " Back to Prompts ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 71)(7, "h2");
-    i0.ɵɵtemplate(8, PromptManagementComponent_Conditional_2_Conditional_8_Template, 2, 0)(9, PromptManagementComponent_Conditional_2_Conditional_9_Template, 2, 0)(10, PromptManagementComponent_Conditional_2_Conditional_10_Template, 2, 0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, PromptManagementComponent_Conditional_2_Conditional_11_Template, 2, 4, "div", 72);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 73);
-    i0.ɵɵtemplate(13, PromptManagementComponent_Conditional_2_Conditional_13_Template, 3, 0, "button", 74)(14, PromptManagementComponent_Conditional_2_Conditional_14_Template, 7, 2);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 75)(16, "kendo-splitter", 76);
-    i0.ɵɵlistener("layoutChange", function PromptManagementComponent_Conditional_2_Template_kendo_splitter_layoutChange_16_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditorSplitterChange($event)); });
-    i0.ɵɵelementStart(17, "kendo-splitter-pane", 77)(18, "div", 78)(19, "h3");
-    i0.ɵɵtext(20, "Prompt Details");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 79)(22, "label", 80);
-    i0.ɵɵtext(23, "Name *");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(24, PromptManagementComponent_Conditional_2_Conditional_24_Template, 1, 1, "input", 81)(25, PromptManagementComponent_Conditional_2_Conditional_25_Template, 2, 1, "div", 82);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 79)(27, "label", 80);
-    i0.ɵɵtext(28, "Description");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(29, PromptManagementComponent_Conditional_2_Conditional_29_Template, 1, 1, "textarea", 83)(30, PromptManagementComponent_Conditional_2_Conditional_30_Template, 2, 1, "div", 82);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 79)(32, "label", 80);
-    i0.ɵɵtext(33, "Category");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(34, PromptManagementComponent_Conditional_2_Conditional_34_Template, 2, 1)(35, PromptManagementComponent_Conditional_2_Conditional_35_Template, 2, 1, "div", 82);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "div", 79)(37, "label", 80);
-    i0.ɵɵtext(38, "Type");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(39, PromptManagementComponent_Conditional_2_Conditional_39_Template, 5, 1, "select", 84)(40, PromptManagementComponent_Conditional_2_Conditional_40_Template, 2, 1, "div", 82);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "div", 79)(42, "label", 80);
-    i0.ɵɵtext(43, "Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(44, PromptManagementComponent_Conditional_2_Conditional_44_Template, 7, 1, "select", 84)(45, PromptManagementComponent_Conditional_2_Conditional_45_Template, 3, 4, "div", 82);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(46, PromptManagementComponent_Conditional_2_Conditional_46_Template, 10, 3, "div", 85);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(47, "kendo-splitter-pane", 26)(48, "div", 86)(49, "div", 67)(50, "h3");
-    i0.ɵɵtext(51, "Template Content");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "div", 87);
-    i0.ɵɵtemplate(53, PromptManagementComponent_Conditional_2_Conditional_53_Template, 3, 1)(54, PromptManagementComponent_Conditional_2_Conditional_54_Template, 2, 0, "span", 88);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(55, "div", 89)(56, "mj-code-editor", 90);
-    i0.ɵɵlistener("change", function PromptManagementComponent_Conditional_2_Template_mj_code_editor_change_56_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditorContentChange($event)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(57, PromptManagementComponent_Conditional_2_Conditional_57_Template, 17, 3, "div", 91);
-    i0.ɵɵelementEnd()()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(8);
-    i0.ɵɵconditional(ctx_r1.isEditing && !ctx_r1.selectedPrompt.prompt.ID ? 8 : ctx_r1.isEditing ? 9 : 10);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.selectedPrompt.prompt.ID ? 11 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r1.isEditing ? 13 : 14);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("collapsible", false)("resizable", true)("scrollable", true);
-    i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.isEditing ? 24 : 25);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.isEditing ? 29 : 30);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.isEditing ? 34 : 35);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.isEditing ? 39 : 40);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.isEditing ? 44 : 45);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.selectedPrompt.template ? 46 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("resizable", true)("scrollable", true);
-    i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r1.isEditing ? 53 : 54);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("value", ctx_r1.editorContent)("languages", ctx_r1.supportedLanguages)("language", ctx_r1.editorLanguage)("placeholder", "Enter your Nunjucks template here...")("lineWrapping", true)("highlightWhitespace", false)("indentWithTab", true)("indentUnit", "  ")("readonly", !ctx_r1.isEditing);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isEditing ? 57 : -1);
-} }
-export class PromptManagementComponent {
-    mjNotificationsService;
-    openEntityRecord = new EventEmitter();
-    stateChange = new EventEmitter();
-    // Data properties
-    prompts = [];
-    categories = [];
-    types = [];
-    templates = [];
-    templateContents = [];
-    promptsWithTemplates = [];
-    filteredPrompts = [];
-    // UI state
-    isLoading = false;
-    loadingMessage = 'Loading prompts...';
-    error = null;
-    currentView = 'list';
-    currentSubView = 'list';
-    selectedPrompt = null;
-    isEditing = false;
-    isDirty = false;
-    // Editor state
-    editorContent = '';
-    editorMode = 'nunjucks';
-    showPreview = false;
-    supportedLanguages = languages;
-    editorLanguage = 'jinja2';
-    // Category creation
-    newCategoryName = '';
-    showNewCategoryInput = false;
-    // Splitter panel width
-    promptDetailsPanelWidth = 300;
-    // Filter panel visibility
-    filterPanelVisible = true;
-    // Current filters object for the filter panel
-    currentFilters = {
-        searchTerm: '',
-        categoryId: 'all',
-        typeId: 'all',
-        status: 'all'
-    };
-    // Filter state
-    searchTerm$ = new BehaviorSubject('');
-    selectedCategory$ = new BehaviorSubject('all');
-    selectedType$ = new BehaviorSubject('all');
-    selectedStatus$ = new BehaviorSubject('all');
-    categoryOptions = [];
-    typeOptions = [];
-    statusOptions = [
-        { text: 'All Statuses', value: 'all' },
-        { text: 'Active', value: 'Active' },
-        { text: 'Pending', value: 'Pending' },
-        { text: 'Disabled', value: 'Disabled' }
-    ];
-    destroy$ = new Subject();
-    constructor(mjNotificationsService) {
-        this.mjNotificationsService = mjNotificationsService;
-    }
-    toggleFilterPanel() {
-        this.filterPanelVisible = !this.filterPanelVisible;
-        this.emitStateChange();
-    }
-    onMainSplitterChange(event) {
-        // Handle main splitter layout changes if needed
-        this.emitStateChange();
-    }
-    onFiltersChange(filters) {
-        this.currentFilters = { ...filters };
-        // Update the BehaviorSubjects to match the filter panel
-        this.searchTerm$.next(filters.searchTerm);
-        this.selectedCategory$.next(filters.categoryId);
-        this.selectedType$.next(filters.typeId);
-        this.selectedStatus$.next(filters.status);
-    }
-    onFilterChange() {
-        // This will be called by the filter panel, filtering is handled by existing logic
-    }
-    onResetFilters() {
-        this.currentFilters = {
-            searchTerm: '',
-            categoryId: 'all',
-            typeId: 'all',
-            status: 'all'
-        };
-        this.searchTerm$.next('');
-        this.selectedCategory$.next('all');
-        this.selectedType$.next('all');
-        this.selectedStatus$.next('all');
-    }
-    ngOnInit() {
-        this.setupFilters();
-        this.loadData();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    setupFilters() {
-        combineLatest([
-            this.searchTerm$.pipe(debounceTime(300), distinctUntilChanged()),
-            this.selectedCategory$.pipe(distinctUntilChanged()),
-            this.selectedType$.pipe(distinctUntilChanged()),
-            this.selectedStatus$.pipe(distinctUntilChanged())
-        ]).pipe(takeUntil(this.destroy$)).subscribe(() => {
-            this.applyFilters();
-        });
-    }
-    async loadData() {
-        try {
-            this.isLoading = true;
-            this.error = null;
-            this.loadingMessage = 'Loading prompts and templates...';
-            const [prompts, categories, types, templates, templateContents] = await Promise.all([
-                this.loadPrompts(),
-                this.loadCategories(),
-                this.loadTypes(),
-                this.loadTemplates(),
-                this.loadTemplateContents()
-            ]);
-            this.prompts = prompts;
-            this.categories = categories;
-            this.types = types;
-            this.templates = templates;
-            this.templateContents = templateContents;
-            this.buildPromptTemplateRelationships();
-            this.buildFilterOptions();
-            this.applyFilters();
-            LogStatus('Prompt management data loaded successfully');
-        }
-        catch (error) {
-            this.error = 'Failed to load prompt data. Please try again.';
-            LogError('Error loading prompt management data', undefined, error);
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    async loadPrompts() {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'AI Prompts',
-            ExtraFilter: '',
-            OrderBy: 'Name',
-            UserSearchString: '',
-            IgnoreMaxRows: false,
-            MaxRows: 1000
-        });
-        if (result && result.Success && result.Results) {
-            return result.Results;
-        }
-        else {
-            throw new Error('Failed to load AI prompts');
-        }
-    }
-    async loadCategories() {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'AI Prompt Categories',
-            ExtraFilter: '',
-            OrderBy: 'Name',
-            UserSearchString: '',
-            IgnoreMaxRows: false,
-            MaxRows: 1000
-        });
-        if (result && result.Success && result.Results) {
-            return result.Results;
-        }
-        else {
-            throw new Error('Failed to load AI prompt categories');
-        }
-    }
-    async loadTypes() {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'AI Prompt Types',
-            ExtraFilter: '',
-            OrderBy: 'Name',
-            UserSearchString: '',
-            IgnoreMaxRows: false,
-            MaxRows: 1000
-        });
-        if (result && result.Success && result.Results) {
-            return result.Results;
-        }
-        else {
-            throw new Error('Failed to load AI prompt types');
-        }
-    }
-    async loadTemplates() {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'Templates',
-            ExtraFilter: '',
-            OrderBy: 'Name',
-            UserSearchString: '',
-            IgnoreMaxRows: false,
-            MaxRows: 1000
-        });
-        if (result && result.Success && result.Results) {
-            return result.Results;
-        }
-        else {
-            throw new Error('Failed to load templates');
-        }
-    }
-    async loadTemplateContents() {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'Template Contents',
-            ExtraFilter: '',
-            OrderBy: 'TemplateID',
-            UserSearchString: '',
-            IgnoreMaxRows: false,
-            MaxRows: 1000
-        });
-        if (result && result.Success && result.Results) {
-            return result.Results;
-        }
-        else {
-            throw new Error('Failed to load template contents');
-        }
-    }
-    buildPromptTemplateRelationships() {
-        this.promptsWithTemplates = this.prompts.map(prompt => {
-            const template = this.templates.find(t => t.ID === prompt.TemplateID) || null;
-            const templateContent = template ?
-                this.templateContents.find(tc => tc.TemplateID === template.ID) || null : null;
-            const category = this.categories.find(c => c.ID === prompt.CategoryID) || null;
-            const type = this.types.find(t => t.ID === prompt.TypeID) || null;
-            return {
-                prompt,
-                template,
-                templateContent,
-                category,
-                type
-            };
-        });
-    }
-    buildFilterOptions() {
-        this.categoryOptions = [
-            { text: 'All Categories', value: 'all' },
-            ...this.categories.map(cat => ({ text: cat.Name, value: cat.ID }))
-        ];
-        this.typeOptions = [
-            { text: 'All Types', value: 'all' },
-            ...this.types.map(type => ({ text: type.Name, value: type.ID }))
-        ];
-    }
-    applyFilters() {
-        let filtered = [...this.promptsWithTemplates];
-        // Apply search filter
-        const searchTerm = this.searchTerm$.value.toLowerCase();
-        if (searchTerm) {
-            filtered = filtered.filter(item => item.prompt.Name.toLowerCase().includes(searchTerm) ||
-                (item.prompt.Description || '').toLowerCase().includes(searchTerm) ||
-                (item.category?.Name || '').toLowerCase().includes(searchTerm) ||
-                (item.template?.Name || '').toLowerCase().includes(searchTerm));
-        }
-        // Apply category filter
-        const categoryId = this.selectedCategory$.value;
-        if (categoryId !== 'all') {
-            filtered = filtered.filter(item => item.prompt.CategoryID === categoryId);
-        }
-        // Apply type filter
-        const typeId = this.selectedType$.value;
-        if (typeId !== 'all') {
-            filtered = filtered.filter(item => item.prompt.TypeID === typeId);
-        }
-        // Apply status filter
-        const status = this.selectedStatus$.value;
-        if (status !== 'all') {
-            filtered = filtered.filter(item => item.prompt.Status === status);
-        }
-        this.filteredPrompts = filtered;
-    }
-    // Event handlers
-    onSearchChange(searchTerm) {
-        this.searchTerm$.next(searchTerm);
-    }
-    onCategoryFilterChange(categoryId) {
-        this.selectedCategory$.next(categoryId);
-    }
-    onTypeFilterChange(typeId) {
-        this.selectedType$.next(typeId);
-    }
-    onStatusFilterChange(status) {
-        this.selectedStatus$.next(status);
-    }
-    // Navigation methods
-    viewPrompt(promptWithTemplate) {
-        this.selectedPrompt = promptWithTemplate;
-        this.currentView = 'editor';
-        this.isEditing = false;
-        this.isDirty = false;
-        this.editorContent = promptWithTemplate.templateContent?.TemplateText || '';
-        this.emitStateChange();
-    }
-    editPrompt(promptWithTemplate) {
-        this.selectedPrompt = promptWithTemplate;
-        this.currentView = 'editor';
-        this.isEditing = true;
-        this.isDirty = false;
-        this.editorContent = promptWithTemplate.templateContent?.TemplateText || '';
-        this.emitStateChange();
-    }
-    async createNewCategory() {
-        if (!this.newCategoryName.trim())
-            return null;
-        try {
-            const md = new Metadata();
-            if (!md)
-                throw new Error('Metadata provider not available');
-            const category = await md.GetEntityObject('AI Prompt Categories', md.CurrentUser);
-            category.Name = this.newCategoryName.trim();
-            category.Description = 'Category created during prompt editing';
-            const result = await category.Save();
-            if (result) {
-                LogStatus('Category created successfully');
-                this.mjNotificationsService.CreateSimpleNotification('Category created successfully', 'success', 2000);
-                await this.loadCategories();
-                this.buildFilterOptions();
-                // Update filter panel categories
-                this.updateFilterPanelCategories();
-                this.newCategoryName = '';
-                this.showNewCategoryInput = false;
-                return category.ID;
-            }
-            else {
-                // Handle save failure
-                const errorMessage = category.LatestResult?.Message || 'Unknown error occurred while saving category';
-                console.error('Category save failed:', category.LatestResult);
-                LogError('Category save failed', undefined, category.LatestResult);
-                this.mjNotificationsService.CreateSimpleNotification(errorMessage, 'error', 3500);
-                this.error = `Failed to create category: ${errorMessage}`;
-                return null;
-            }
-        }
-        catch (error) {
-            LogError('Error creating category', undefined, error);
-            this.mjNotificationsService.CreateSimpleNotification('Failed to create category. Please try again.', 'error', 3500);
-            this.error = 'Failed to create category. Please try again.';
-            return null;
-        }
-    }
-    updateFilterPanelCategories() {
-        // Trigger update of filter panel categories when new ones are created
-        // This ensures the filter panel dropdown is updated
-    }
-    onCategoryChange(categoryId) {
-        if (categoryId === 'new') {
-            this.showNewCategoryInput = true;
-            this.selectedPrompt.prompt.CategoryID = ''; // Reset to empty when creating new
-        }
-        else {
-            this.showNewCategoryInput = false;
-            this.isDirty = true;
-        }
-    }
-    async onCreateNewCategoryKeyup(event) {
-        if (event.key === 'Enter') {
-            await this.createAndSelectNewCategory();
-        }
-        else if (event.key === 'Escape') {
-            this.newCategoryName = '';
-            this.showNewCategoryInput = false;
-        }
-    }
-    cancelNewCategory() {
-        this.newCategoryName = '';
-        this.showNewCategoryInput = false;
-    }
-    async createAndSelectNewCategory() {
-        const newCategoryId = await this.createNewCategory();
-        if (newCategoryId && this.selectedPrompt) {
-            this.selectedPrompt.prompt.CategoryID = newCategoryId;
-            this.isDirty = true;
-        }
-    }
-    async createNewPrompt() {
-        // Create a new prompt structure
-        const md = new Metadata();
-        if (!md)
-            return;
-        const promptEntity = await md.GetEntityObject('AI Prompts', md.CurrentUser);
-        promptEntity.Name = 'New Prompt';
-        promptEntity.Description = '';
-        promptEntity.CategoryID = '';
-        promptEntity.TypeID = '';
-        promptEntity.Status = 'Pending';
-        promptEntity.TemplateID = '';
-        const newPrompt = {
-            prompt: promptEntity,
-            template: null,
-            templateContent: null,
-            category: null,
-            type: null
-        };
-        this.selectedPrompt = newPrompt;
-        this.currentView = 'editor';
-        this.isEditing = true;
-        this.isDirty = false;
-        this.editorContent = '';
-    }
-    backToList() {
-        if (this.isDirty) {
-            const confirm = window.confirm('You have unsaved changes. Are you sure you want to go back?');
-            if (!confirm)
-                return;
-        }
-        this.currentView = 'list';
-        this.selectedPrompt = null;
-        this.isEditing = false;
-        this.isDirty = false;
-        this.showNewCategoryInput = false;
-        this.newCategoryName = '';
-        this.emitStateChange();
-    }
-    toggleEdit() {
-        this.isEditing = !this.isEditing;
-        if (!this.isEditing) {
-            this.showNewCategoryInput = false;
-            this.newCategoryName = '';
-        }
-    }
-    onEditorContentChange(content) {
-        // don't modify our modle, it is directly bound to the editor
-        this.isDirty = true;
-    }
-    onEditorSplitterChange(event) {
-        // Update the panel width when user resizes
-        if (event.panes && event.panes.length > 0) {
-            const firstPane = event.panes[0];
-            if (firstPane.size) {
-                // Extract numeric value from size (could be '300px' or just 300)
-                const sizeValue = typeof firstPane.size === 'string' ?
-                    parseInt(firstPane.size.replace('px', '')) : firstPane.size;
-                if (!isNaN(sizeValue)) {
-                    this.promptDetailsPanelWidth = sizeValue;
-                    this.emitStateChange();
-                }
-            }
-        }
-    }
-    emitStateChange() {
-        const state = {
-            currentView: this.currentView,
-            currentSubView: this.currentSubView,
-            selectedPromptId: this.selectedPrompt?.prompt.ID || null,
-            isEditing: this.isEditing,
-            promptDetailsPanelWidth: this.promptDetailsPanelWidth,
-            filterPanelVisible: this.filterPanelVisible,
-            searchTerm: this.searchTerm$.value,
-            selectedCategory: this.selectedCategory$.value,
-            selectedType: this.selectedType$.value,
-            selectedStatus: this.selectedStatus$.value
-        };
-        this.stateChange.emit(state);
-    }
-    async savePrompt() {
-        if (!this.selectedPrompt || !this.isEditing)
-            return;
-        try {
-            this.isLoading = true;
-            const md = new Metadata();
-            if (!md)
-                throw new Error('Metadata provider not available');
-            // Save or create template content first
-            let templateContentId = this.selectedPrompt.templateContent?.ID;
-            if (!templateContentId) {
-                // Create new template content
-                const templateContent = await md.GetEntityObject('Template Contents', md.CurrentUser);
-                templateContent.TemplateText = this.editorContent;
-                // make sure the template engine metadata is set correctly
-                await TemplateEngineBase.Instance.Config(false);
-                const tcType = TemplateEngineBase.Instance.TemplateContentTypes.find(tct => tct.Name.trim().toLowerCase() === 'text');
-                if (!tcType) {
-                    throw new Error('Template content type "text" not found');
-                }
-                templateContent.TypeID = tcType.ID;
-                templateContent.Priority = 0; // Default priority
-                // We need to link to a template, create one if needed
-                if (!this.selectedPrompt.template) {
-                    const template = await md.GetEntityObject('Templates', md.CurrentUser);
-                    template.Name = this.selectedPrompt.prompt.Name + ' Template';
-                    template.Description = 'Template for ' + this.selectedPrompt.prompt.Name;
-                    template.UserID = md.CurrentUser.ID;
-                    if (await template.Save()) {
-                        templateContent.TemplateID = template.ID;
-                        this.selectedPrompt.template = template;
-                    }
-                    else {
-                        // we have an error saving the template
-                        const errorMessage = template.LatestResult?.Message || 'Unknown error occurred while saving template';
-                        console.error('Template save failed:', errorMessage);
-                        LogError('Template save failed', undefined, errorMessage);
-                        this.mjNotificationsService.CreateSimpleNotification(errorMessage, 'error', 3500);
-                        this.error = `Failed to save template: ${errorMessage}`;
-                        return;
-                    }
-                }
-                else {
-                    templateContent.TemplateID = this.selectedPrompt.template.ID;
-                }
-                if (await templateContent.Save()) {
-                    templateContentId = templateContent.ID;
-                    this.selectedPrompt.templateContent = templateContent;
-                }
-                else {
-                    // Handle save failure
-                    const errorMessage = templateContent.LatestResult?.Message || 'Unknown error occurred while saving template content';
-                    console.error('Template content save failed:', errorMessage);
-                    LogError('Template content save failed', undefined, errorMessage);
-                    this.mjNotificationsService.CreateSimpleNotification(errorMessage, 'error', 3500);
-                    this.error = `Failed to save template content: ${errorMessage}`;
-                    return;
-                }
-            }
-            else {
-                // Update existing template content
-                const templateContent = await md.GetEntityObject('Template Contents');
-                await templateContent.Load(templateContentId);
-                templateContent.TemplateText = this.editorContent;
-                if (!await templateContent.Save()) {
-                    // Handle save failure
-                    const errorMessage = templateContent.LatestResult?.Message || 'Unknown error occurred while saving template content';
-                    console.error('Template content update failed:', errorMessage);
-                    LogError('Template content update failed', undefined, errorMessage);
-                    this.mjNotificationsService.CreateSimpleNotification(errorMessage, 'error', 3500);
-                    this.error = `Failed to update template content: ${errorMessage}`;
-                    return;
-                }
-            }
-            // Save the prompt
-            let prompt;
-            if (this.selectedPrompt.prompt.ID) {
-                // Update existing prompt
-                prompt = await md.GetEntityObject('AI Prompts', md.CurrentUser);
-                await prompt.Load(this.selectedPrompt.prompt.ID);
-            }
-            else {
-                // Create new prompt
-                prompt = await md.GetEntityObject('AI Prompts', md.CurrentUser);
-            }
-            // Update prompt properties
-            prompt.Name = this.selectedPrompt.prompt.Name;
-            prompt.Description = this.selectedPrompt.prompt.Description;
-            prompt.CategoryID = this.selectedPrompt.prompt.CategoryID;
-            prompt.TypeID = this.selectedPrompt.prompt.TypeID;
-            prompt.Status = this.selectedPrompt.prompt.Status;
-            prompt.TemplateID = this.selectedPrompt.template?.ID || '';
-            const promptResult = await prompt.Save();
-            if (promptResult) {
-                this.isDirty = false;
-                this.isEditing = false;
-                LogStatus('Prompt saved successfully');
-                // Reload data to get the updated state
-                await this.loadData();
-                // Find and select the updated prompt
-                this.selectedPrompt = this.promptsWithTemplates.find(p => p.prompt.ID === prompt.ID) || null;
-            }
-            else {
-                // Handle save failure
-                const errorMessage = prompt.LatestResult?.Message || 'Unknown error occurred while saving prompt';
-                console.error('Prompt save failed:', errorMessage);
-                LogError('Prompt save failed', undefined, errorMessage);
-                this.mjNotificationsService.CreateSimpleNotification(errorMessage, 'error', 3500);
-                this.error = `Failed to save prompt: ${errorMessage}`;
-            }
-        }
-        catch (error) {
-            LogError('Error saving prompt', undefined, error);
-            this.error = 'Failed to save prompt. Please try again.';
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    async deletePrompt(promptWithTemplate) {
-        if (!promptWithTemplate.prompt.ID)
-            return;
-        const confirm = window.confirm(`Are you sure you want to delete "${promptWithTemplate.prompt.Name}"?`);
-        if (!confirm)
-            return;
-        try {
-            this.isLoading = true;
-            const md = Metadata.Provider;
-            if (!md)
-                throw new Error('Metadata provider not available');
-            const prompt = await md.GetEntityObject('AI Prompts', md.CurrentUser);
-            await prompt.Load(promptWithTemplate.prompt.ID);
-            const result = await prompt.Delete();
-            if (result) {
-                LogStatus('Prompt deleted successfully');
-                await this.loadData();
-                if (this.selectedPrompt?.prompt.ID === promptWithTemplate.prompt.ID) {
-                    this.backToList();
-                }
-            }
-        }
-        catch (error) {
-            LogError('Error deleting prompt', undefined, error);
-            this.error = 'Failed to delete prompt. Please try again.';
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    // Utility methods
-    getStatusColor(status) {
-        switch (status) {
-            case 'Active': return 'success';
-            case 'Pending': return 'warning';
-            case 'Disabled': return 'error';
-            default: return 'info';
-        }
-    }
-    getPromptIcon() {
-        return 'fa-solid fa-comment-dots';
-    }
-    getCategoryName(categoryId) {
-        if (!categoryId || categoryId === '')
-            return 'No Category';
-        return this.categories.find(c => c.ID === categoryId)?.Name || 'Unknown Category';
-    }
-    getTypeName(typeId) {
-        if (!typeId || typeId === '')
-            return 'No Type';
-        return this.types.find(t => t.ID === typeId)?.Name || 'Unknown Type';
-    }
-    setSubView(subView) {
-        this.currentSubView = subView;
-        this.emitStateChange();
-    }
-    onPromptSelectedFromMatrix(prompt) {
-        const promptWithTemplate = this.promptsWithTemplates.find(p => p.prompt.ID === prompt.ID);
-        if (promptWithTemplate) {
-            this.viewPrompt(promptWithTemplate);
-        }
-    }
-    onVersionSelected(version) {
-        // Handle version selection from version control component
-        console.log('Version selected:', version);
-        if (version && this.selectedPrompt) {
-            this.editorContent = version.content || '';
-            this.isDirty = true;
-        }
-    }
-    get promptsForMatrix() {
-        return this.filteredPrompts.map(p => p.prompt);
-    }
-    static ɵfac = function PromptManagementComponent_Factory(t) { return new (t || PromptManagementComponent)(i0.ɵɵdirectiveInject(i1.MJNotificationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PromptManagementComponent, selectors: [["app-prompt-management"]], outputs: { openEntityRecord: "openEntityRecord", stateChange: "stateChange" }, decls: 3, vars: 4, consts: [["newCategoryInput", ""], ["mjFillContainer", "", 1, "prompt-management-container", 3, "rightMargin", "bottomMargin"], [1, "list-view"], [1, "editor-view"], [1, "dashboard-header"], [1, "header-info"], ["type", "button", "title", "Toggle Filters", 1, "filter-toggle-btn", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "prompt-count"], [1, "header-controls"], ["type", "button", 1, "control-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "sub-navigation"], ["type", "button", "title", "List View", 1, "sub-nav-btn", 3, "click"], [1, "fa-solid", "fa-list"], ["type", "button", "title", "Priority Matrix", 1, "sub-nav-btn", 3, "click"], [1, "fa-solid", "fa-th"], ["type", "button", "title", "Version Control", 1, "sub-nav-btn", 3, "click"], [1, "fa-solid", "fa-code-branch"], [1, "main-content"], ["orientation", "horizontal", "mjFillContainer", "", 1, "main-splitter"], ["mjFillContainer", "", 3, "selectedPrompts"], ["mjFillContainer", "", 3, "prompt"], ["orientation", "horizontal", "mjFillContainer", "", 1, "main-splitter", 3, "layoutChange"], [3, "size", "collapsible", "resizable", "scrollable", "hidden"], [3, "filtersChange", "filterChange", "resetFilters", "closePanel", "prompts", "filteredPrompts", "categories", "types", "filters"], [3, "resizable", "scrollable"], [1, "prompts-content"], [1, "loading-container"], [1, "error-container"], [1, "prompts-list"], [1, "loading-content"], [1, "loading-spinner"], [1, "spinner-ring"], [1, "loading-text"], [1, "error-message"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "empty-state"], [1, "prompts-grid"], [1, "fa-solid", "fa-comment-dots"], [1, "prompt-card"], [1, "prompt-card", 3, "click"], [1, "card-header"], [1, "prompt-info"], [1, "prompt-icon"], [1, "prompt-details"], [1, "prompt-name"], [1, "prompt-meta"], [1, "prompt-category"], [1, "prompt-type"], [1, "card-body"], [1, "prompt-description"], [1, "prompt-description", "text-muted"], [1, "template-info"], [1, "template-item", "text-muted"], [1, "card-actions", 3, "click"], ["type", "button", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-eye"], ["type", "button", 1, "action-btn", "action-btn-primary", 3, "click"], [1, "fa-solid", "fa-edit"], ["type", "button", 1, "action-btn", "action-btn-danger", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "template-item"], [1, "fa-solid", "fa-file-code"], [1, "template-content-info"], ["mjFillContainer", "", 3, "promptSelected", "selectedPrompts"], ["mjFillContainer", "", 3, "versionSelected", "prompt"], [1, "editor-header"], [1, "breadcrumb-section"], ["type", "button", 1, "back-btn", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "editor-title"], [3, "class"], [1, "editor-actions"], ["type", "button", 1, "control-btn"], [1, "editor-content"], ["orientation", "horizontal", "mjFillContainer", "", 1, "editor-splitter", 3, "layoutChange"], [3, "collapsible", "resizable", "scrollable"], [1, "prompt-details-panel"], [1, "form-field"], [1, "field-label"], ["type", "text", "placeholder", "Enter prompt name", 1, "field-input", 3, "ngModel"], [1, "field-value"], ["placeholder", "Enter prompt description", 1, "field-textarea", 3, "ngModel"], [1, "field-select", 3, "ngModel"], [1, "template-info-section"], [1, "template-editor-panel"], [1, "editor-info"], [1, "editor-badge", "editor-badge-secondary"], [1, "editor-container"], [3, "change", "value", "languages", "language", "placeholder", "lineWrapping", "highlightWhitespace", "indentWithTab", "indentUnit", "readonly"], [1, "editor-help"], [1, "fa-solid", "fa-times"], ["type", "button", 1, "control-btn", "control-btn-primary", 3, "click", "disabled"], [1, "loading-spinner-sm"], [1, "fa-solid", "fa-save"], ["type", "text", "placeholder", "Enter prompt name", 1, "field-input", 3, "ngModelChange", "input", "ngModel"], ["placeholder", "Enter prompt description", 1, "field-textarea", 3, "ngModelChange", "input", "ngModel"], [1, "new-category-container"], [1, "field-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], ["value", "new", 1, "new-category-option"], ["type", "text", "placeholder", "Enter new category name", 1, "field-input", 3, "ngModelChange", "keyup", "ngModel"], [1, "new-category-actions"], [1, "fa-solid", "fa-check"], [1, "field-select", 3, "ngModelChange", "change", "ngModel"], ["value", "Active"], ["value", "Pending"], ["value", "Disabled"], [1, "template-details"], [1, "editor-badge", "editor-badge-info"], [1, "editor-badge", "editor-badge-warning"], [1, "help-section"], [1, "syntax-examples"], [1, "syntax-item"]], template: function PromptManagementComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, PromptManagementComponent_Conditional_1_Template, 27, 11, "div", 2)(2, PromptManagementComponent_Conditional_2_Template, 58, 25, "div", 3);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵproperty("rightMargin", 8)("bottomMargin", 8);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.currentView === "list" ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.currentView === "editor" && ctx.selectedPrompt ? 2 : -1);
-        } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.SplitterComponent, i3.SplitterPaneComponent, i4.FillContainer, i5.CodeEditorComponent, i6.PromptFilterPanelComponent, i7.ModelPromptPriorityMatrixComponent, i8.PromptVersionControlComponent], styles: [".prompt-management-container[_ngcontent-%COMP%] {\n  overflow: hidden;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dashboard-header[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n  \n  .header-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  \n  .filter-toggle-btn {\n    padding: 6px 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: white;\n    cursor: pointer;\n    font-size: 11px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s;\n    color: #555;\n    \n    &:hover {\n      background-color: #f0f0f0;\n      border-color: #2196f3;\n      color: #2196f3;\n    }\n    \n    .fa-solid {\n      font-size: 10px;\n    }\n  }\n  \n  .prompt-count {\n    font-size: 12px;\n    color: #2196f3;\n    font-weight: 600;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid rgba(33, 150, 243, 0.2);\n  }\n  \n  .header-controls {\n    display: flex;\n    gap: 8px;\n    \n    .control-btn {\n      padding: 8px 12px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: white;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f0f0f0;\n        border-color: #2196f3;\n      }\n      \n      &.active {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n      }\n      \n      &.control-btn-primary {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n        \n        &:hover {\n          background-color: #1976d2;\n        }\n      }\n      \n      &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n        \n        &:hover {\n          background-color: white;\n          border-color: #ccc;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n//[_ngcontent-%COMP%]   Filters[_ngcontent-%COMP%]   now[_ngcontent-%COMP%]   handled[_ngcontent-%COMP%]   by[_ngcontent-%COMP%]   filter[_ngcontent-%COMP%]   panel[_ngcontent-%COMP%]   component\n\n.loading-container[_ngcontent-%COMP%], .error-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #fafafa;\n  flex: 1;\n  \n  p {\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n.error-message[_ngcontent-%COMP%] {\n  color: #d32f2f;\n  font-weight: 500;\n  \n  .fa-solid {\n    margin-right: 8px;\n  }\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  display: inline-block;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  \n  .spinner-ring {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    margin: 4px;\n    border: 3px solid #2196f3;\n    border-radius: 50%;\n    animation: _ngcontent-%COMP%_loading-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: #2196f3 transparent transparent transparent;\n    \n    &:nth-child(1) { animation-delay: -0.45s; }\n    &:nth-child(2) { animation-delay: -0.3s; }\n    &:nth-child(3) { animation-delay: -0.15s; }\n  }\n}\n\n@keyframes _ngcontent-%COMP%_loading-spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 60px 20px;\n  color: #666;\n  \n  .fa-solid {\n    font-size: 48px;\n    margin-bottom: 16px;\n    color: #ccc;\n  }\n  \n  h3 {\n    margin: 0 0 8px 0;\n    color: #333;\n    font-size: 18px;\n    font-weight: 500;\n  }\n  \n  p {\n    margin: 0;\n    font-size: 14px;\n  }\n}\n\n.prompts-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  gap: 16px;\n  flex: 1;\n  overflow-y: auto;\n}\n\n.prompt-card[_ngcontent-%COMP%] {\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  padding: 16px;\n  transition: all 0.2s ease;\n  height: fit-content;\n  cursor: pointer;\n  \n  &:hover {\n    border-color: #2196f3;\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.1);\n    transform: translateY(-1px);\n  }\n  \n  .card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 12px;\n    \n    .prompt-info {\n      display: flex;\n      gap: 12px;\n      flex: 1;\n      \n      .prompt-icon {\n        color: #2196f3;\n        font-size: 20px;\n        margin-top: 2px;\n      }\n      \n      .prompt-details {\n        flex: 1;\n        \n        .prompt-name {\n          margin: 0 0 4px 0;\n          font-size: 16px;\n          font-weight: 500;\n          color: #333;\n        }\n        \n        .prompt-meta {\n          font-size: 12px;\n          color: #666;\n          \n          .prompt-type {\n            margin-left: 8px;\n          }\n        }\n      }\n    }\n  }\n  \n  .card-body {\n    margin-bottom: 12px;\n    \n    .prompt-description {\n      margin-bottom: 12px;\n      color: #555;\n      font-size: 13px;\n      line-height: 1.4;\n    }\n    \n    .template-info {\n      .template-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 4px;\n        font-size: 12px;\n        color: #666;\n        \n        .fa-solid {\n          margin-right: 6px;\n          color: #999;\n        }\n      }\n      \n      .template-content-info {\n        font-size: 11px;\n        color: #999;\n      }\n    }\n  }\n  \n  .card-actions {\n    display: flex;\n    gap: 8px;\n    border-top: 1px solid #f0f0f0;\n    padding-top: 12px;\n    \n    .action-btn {\n      padding: 6px 12px;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n      background: white;\n      cursor: pointer;\n      font-size: 11px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f5f5f5;\n        border-color: #bbb;\n      }\n      \n      &.action-btn-primary {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n        \n        &:hover {\n          background-color: #1976d2;\n        }\n      }\n      \n      &.action-btn-danger {\n        background-color: #f44336;\n        border-color: #f44336;\n        color: white;\n        \n        &:hover {\n          background-color: #d32f2f;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 10px;\n      }\n    }\n  }\n}\n\n//[_ngcontent-%COMP%]   Editor[_ngcontent-%COMP%]   View\n.editor-view[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.editor-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid #e0e0e0;\n  \n  .breadcrumb-section {\n    .back-btn {\n      background: none;\n      border: none;\n      color: #2196f3;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      \n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  \n  .editor-title {\n    flex: 1;\n    margin: 0 20px;\n    \n    h2 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 500;\n      color: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n  }\n  \n  .editor-actions {\n    display: flex;\n    gap: 8px;\n  }\n}\n\n.editor-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n}\n\n.editor-splitter[_ngcontent-%COMP%] {\n  height: 100%;\n  \n  .k-pane {\n    overflow: hidden;\n  }\n}\n\n.prompt-details-panel[_ngcontent-%COMP%], .template-editor-panel[_ngcontent-%COMP%] {\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n  overflow-y: auto;\n  \n  h3 {\n    margin: 0 0 16px 0;\n    font-size: 16px;\n    font-weight: 500;\n    color: #333;\n    border-bottom: 1px solid #f0f0f0;\n    padding-bottom: 8px;\n  }\n}\n\n.form-field[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  \n  .field-label {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    color: #555;\n  }\n  \n  .field-input, .field-select {\n    width: 100%;\n    padding: 6px 8px;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    font-size: 12px;\n    \n    &:focus {\n      outline: none;\n      border-color: #2196f3;\n    }\n  }\n  \n  .field-textarea {\n    width: 100%;\n    padding: 6px 8px;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    font-size: 12px;\n    resize: vertical;\n    min-height: 60px;\n    \n    &:focus {\n      outline: none;\n      border-color: #2196f3;\n    }\n  }\n  \n  .field-value {\n    padding: 6px 8px;\n    background: #f8f9fa;\n    border: 1px solid #e0e0e0;\n    border-radius: 3px;\n    font-size: 12px;\n    color: #555;\n  }\n}\n\n.template-editor-panel[_ngcontent-%COMP%] {\n  .editor-container {\n    margin-bottom: 16px;\n    \n    .code-editor {\n      width: 100%;\n      min-height: 300px;\n      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n      font-size: 12px;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n      padding: 8px;\n      background: #f8f9fa;\n      \n      &:focus {\n        outline: none;\n        border-color: #2196f3;\n      }\n    }\n    \n    .code-display {\n      border: 1px solid #e0e0e0;\n      border-radius: 3px;\n      background: #f8f9fa;\n      max-height: 400px;\n      overflow-y: auto;\n      \n      pre {\n        margin: 0;\n        padding: 12px;\n        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n        font-size: 12px;\n        line-height: 1.4;\n        color: #333;\n        \n        code {\n          background: none;\n          padding: 0;\n          font-size: inherit;\n          color: inherit;\n        }\n      }\n    }\n  }\n  \n  .editor-help {\n    .help-section {\n      h5 {\n        font-size: 13px;\n        font-weight: 500;\n        margin-bottom: 8px;\n        color: #333;\n      }\n      \n      .syntax-examples {\n        .syntax-item {\n          margin-bottom: 6px;\n          padding: 6px 8px;\n          background: #f0f0f0;\n          border-radius: 3px;\n          font-size: 11px;\n          \n          code {\n            background: #e0e0e0;\n            padding: 2px 4px;\n            border-radius: 2px;\n            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n            margin-right: 8px;\n          }\n        }\n      }\n    }\n  }\n}\n\n//[_ngcontent-%COMP%]   CodeMirror[_ngcontent-%COMP%]   overrides\n.CodeMirror[_ngcontent-%COMP%] {\n  border: 1px solid #ddd !important;\n  border-radius: 3px !important;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace !important;\n  font-size: 12px !important;\n  min-height: 300px !important;\n}\n\n.CodeMirror-focused[_ngcontent-%COMP%] {\n  border-color: #2196f3 !important;\n}\n\n//[_ngcontent-%COMP%]   Status[_ngcontent-%COMP%]   badges\n.status-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 500;\n  text-transform: uppercase;\n  \n  &.status-active {\n    background: #e8f5e8;\n    color: #2e7d32;\n  }\n  \n  &.status-pending {\n    background: #fff3e0;\n    color: #f57c00;\n  }\n  \n  &.status-disabled {\n    background: #ffebee;\n    color: #c62828;\n  }\n}\n\n//[_ngcontent-%COMP%]   Editor[_ngcontent-%COMP%]   badges\n.editor-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 500;\n  margin-left: 8px;\n  \n  &.editor-badge-info {\n    background: #e3f2fd;\n    color: #1976d2;\n  }\n  \n  &.editor-badge-warning {\n    background: #fff3e0;\n    color: #f57c00;\n  }\n  \n  &.editor-badge-secondary {\n    background: #f5f5f5;\n    color: #666;\n  }\n}\n\n//[_ngcontent-%COMP%]   New[_ngcontent-%COMP%]   category[_ngcontent-%COMP%]   creation\n.new-category-container[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  \n  .field-input {\n    flex: 1;\n  }\n  \n  .new-category-actions {\n    display: flex;\n    gap: 2px;\n    \n    .action-btn {\n      padding: 4px 6px;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n      background: white;\n      cursor: pointer;\n      font-size: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 24px;\n      height: 24px;\n      \n      &:hover {\n        background-color: #f5f5f5;\n      }\n      \n      &.action-btn-primary {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n        \n        &:hover {\n          background-color: #1976d2;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 10px;\n      }\n    }\n  }\n}\n\n.new-category-option[_ngcontent-%COMP%] {\n  color: #2196f3;\n  font-style: italic;\n}\n\n//[_ngcontent-%COMP%]   CodeMirror[_ngcontent-%COMP%]   6[_ngcontent-%COMP%]   styling\nmj-code-editor[_ngcontent-%COMP%] {\n  display: block;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  overflow: hidden;\n  min-height: 300px;\n  \n  .cm-editor {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace !important;\n    font-size: 12px !important;\n    min-height: 300px;\n  }\n  \n  .cm-focused {\n    outline: none !important;\n  }\n  \n  .cm-editor.cm-focused {\n    border-color: #2196f3;\n  }\n}\n\n//[_ngcontent-%COMP%]   List[_ngcontent-%COMP%]   View[_ngcontent-%COMP%]   Layout\n.list-view[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.sub-navigation[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 16px;\n  padding: 8px 0;\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n\n  .sub-nav-btn {\n    padding: 8px 12px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: white;\n    cursor: pointer;\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s;\n    color: #555;\n    font-weight: 500;\n\n    &:hover {\n      background-color: #f0f0f0;\n      border-color: #2196f3;\n      color: #2196f3;\n    }\n\n    &.active {\n      background-color: #2196f3;\n      border-color: #2196f3;\n      color: white;\n      box-shadow: 0 2px 4px rgba(33, 150, 243, 0.2);\n    }\n\n    .fa-solid {\n      font-size: 11px;\n    }\n  }\n}\n\n.main-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n}\n\n.main-splitter[_ngcontent-%COMP%] {\n  height: 100%;\n  \n  .k-pane {\n    overflow: hidden;\n  }\n}\n\n.prompts-content[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 16px;\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PromptManagementComponent, [{
-        type: Component,
-        args: [{ selector: 'app-prompt-management', template: "<div class=\"prompt-management-container\" mjFillContainer [rightMargin]=\"8\" [bottomMargin]=\"8\">\n  <!-- List View -->\n  @if (currentView === 'list') {\n    <div class=\"list-view\">\n      <!-- Header -->\n      <div class=\"dashboard-header\">\n        <div class=\"header-info\">\n          <button \n            type=\"button\" \n            class=\"filter-toggle-btn\"\n            (click)=\"toggleFilterPanel()\"\n            title=\"Toggle Filters\">\n            <i class=\"fa-solid fa-filter\"></i>\n            @if (filterPanelVisible) {\n              Hide Filters\n            } @else {\n              Show Filters\n            }\n          </button>\n          <span class=\"prompt-count\">{{ filteredPrompts.length }} prompts</span>\n        </div>\n        \n        <div class=\"header-controls\">\n          <button \n            type=\"button\" \n            class=\"control-btn\"\n            (click)=\"createNewPrompt()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            New Prompt\n          </button>\n        </div>\n      </div>\n\n      <!-- Sub Navigation -->\n      <div class=\"sub-navigation\">\n        <button \n          type=\"button\" \n          class=\"sub-nav-btn\"\n          [class.active]=\"currentSubView === 'list'\"\n          (click)=\"setSubView('list')\"\n          title=\"List View\">\n          <i class=\"fa-solid fa-list\"></i>\n          List View\n        </button>\n        <button \n          type=\"button\" \n          class=\"sub-nav-btn\"\n          [class.active]=\"currentSubView === 'priority-matrix'\"\n          (click)=\"setSubView('priority-matrix')\"\n          title=\"Priority Matrix\">\n          <i class=\"fa-solid fa-th\"></i>\n          Priority Matrix\n        </button>\n        <button \n          type=\"button\" \n          class=\"sub-nav-btn\"\n          [class.active]=\"currentSubView === 'version-control'\"\n          (click)=\"setSubView('version-control')\"\n          title=\"Version Control\">\n          <i class=\"fa-solid fa-code-branch\"></i>\n          Version Control\n        </button>\n      </div>\n\n      <!-- Main Content with Splitter -->\n      <div class=\"main-content\">\n        <!-- List View Content -->\n        @if (currentSubView === 'list') {\n          <kendo-splitter \n            class=\"main-splitter\"\n            orientation=\"horizontal\"\n            (layoutChange)=\"onMainSplitterChange($event)\"\n            mjFillContainer>\n          \n          <!-- Filter Panel (Left) -->\n          <kendo-splitter-pane \n            [size]=\"filterPanelVisible ? '320px' : '0px'\"\n            [collapsible]=\"false\"\n            [resizable]=\"filterPanelVisible\"\n            [scrollable]=\"false\"\n            [hidden]=\"!filterPanelVisible\">\n            <mj-prompt-filter-panel\n              [prompts]=\"promptsWithTemplates\"\n              [filteredPrompts]=\"filteredPrompts\"\n              [categories]=\"categories\"\n              [types]=\"types\"\n              [filters]=\"currentFilters\"\n              (filtersChange)=\"onFiltersChange($event)\"\n              (filterChange)=\"onFilterChange()\"\n              (resetFilters)=\"onResetFilters()\"\n              (closePanel)=\"toggleFilterPanel()\">\n            </mj-prompt-filter-panel>\n          </kendo-splitter-pane>\n          \n          <!-- Prompts List Panel -->\n          <kendo-splitter-pane \n            [resizable]=\"true\"\n            [scrollable]=\"false\">\n            <div class=\"prompts-content\">\n\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"loading-container\">\n          <div class=\"loading-content\">\n            <div class=\"loading-spinner\">\n              <div class=\"spinner-ring\"></div>\n              <div class=\"spinner-ring\"></div>\n              <div class=\"spinner-ring\"></div>\n            </div>\n            <div class=\"loading-text\">{{ loadingMessage }}</div>\n          </div>\n        </div>\n      }\n\n      <!-- Error State -->\n      @if (error) {\n        <div class=\"error-container\">\n          <p class=\"error-message\">\n            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n            {{ error }}\n          </p>\n        </div>\n      }\n\n      <!-- Prompts List -->\n      @if (!isLoading && !error) {\n        <div class=\"prompts-list\">\n          @if (filteredPrompts.length === 0) {\n            <div class=\"empty-state\">\n              <i class=\"fa-solid fa-comment-dots\"></i>\n              <h3>No prompts found</h3>\n              <p>No prompts match your current filters. Try adjusting your search criteria or create a new prompt.</p>\n            </div>\n          } @else {\n            <div class=\"prompts-grid\">\n              @for (promptWithTemplate of filteredPrompts; track promptWithTemplate.prompt.ID || $index) {\n                <div class=\"prompt-card\" (click)=\"viewPrompt(promptWithTemplate)\">\n                  <!-- Card Header -->\n                  <div class=\"card-header\">\n                    <div class=\"prompt-info\">\n                      <div class=\"prompt-icon\">\n                        <i [class]=\"getPromptIcon()\"></i>\n                      </div>\n                      <div class=\"prompt-details\">\n                        <h4 class=\"prompt-name\">{{ promptWithTemplate.prompt.Name }}</h4>\n                        <div class=\"prompt-meta\">\n                          <span class=\"prompt-category\">{{ getCategoryName(promptWithTemplate.prompt.CategoryID) }}</span>\n                          @if (promptWithTemplate.type) {\n                            <span class=\"prompt-type\">\u2022 {{ promptWithTemplate.type.Name }}</span>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                    \n                    <div class=\"status-badge status-{{ promptWithTemplate.prompt.Status.toLowerCase() }}\">\n                      {{ promptWithTemplate.prompt.Status }}\n                    </div>\n                  </div>\n\n                  <!-- Card Body -->\n                  <div class=\"card-body\">\n                    @if (promptWithTemplate.prompt.Description) {\n                      <p class=\"prompt-description\">{{ promptWithTemplate.prompt.Description }}</p>\n                    } @else {\n                      <p class=\"prompt-description text-muted\">No description provided</p>\n                    }\n                    \n                    <!-- Template Info -->\n                    <div class=\"template-info\">\n                      @if (promptWithTemplate.template) {\n                        <div class=\"template-item\">\n                          <i class=\"fa-solid fa-file-code\"></i>\n                          <span>{{ promptWithTemplate.template.Name }}</span>\n                        </div>\n                        @if (promptWithTemplate.templateContent) {\n                          <div class=\"template-content-info\">\n                            <small>\n                              Template content: {{ (promptWithTemplate.templateContent.TemplateText || '').length }} characters\n                            </small>\n                          </div>\n                        }\n                      } @else {\n                        <div class=\"template-item text-muted\">\n                          <i class=\"fa-solid fa-file-code\"></i>\n                          <span>No template assigned</span>\n                        </div>\n                      }\n                    </div>\n                  </div>\n\n                  <!-- Card Actions -->\n                  <div class=\"card-actions\" (click)=\"$event.stopPropagation()\">\n                    <button \n                      type=\"button\" \n                      class=\"action-btn\"\n                      (click)=\"viewPrompt(promptWithTemplate)\">\n                      <i class=\"fa-solid fa-eye\"></i>\n                      View\n                    </button>\n                    \n                    <button \n                      type=\"button\" \n                      class=\"action-btn action-btn-primary\"\n                      (click)=\"editPrompt(promptWithTemplate)\">\n                      <i class=\"fa-solid fa-edit\"></i>\n                      Edit\n                    </button>\n                    \n                    <button \n                      type=\"button\" \n                      class=\"action-btn action-btn-danger\"\n                      (click)=\"deletePrompt(promptWithTemplate)\">\n                      <i class=\"fa-solid fa-trash\"></i>\n                      Delete\n                    </button>\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n            </div>\n          </kendo-splitter-pane>\n        </kendo-splitter>\n        }\n\n\n        <!-- Priority Matrix View -->\n        @if (currentSubView === 'priority-matrix') {\n          <app-model-prompt-priority-matrix\n            [selectedPrompts]=\"promptsForMatrix\"\n            (promptSelected)=\"onPromptSelectedFromMatrix($event)\"\n            mjFillContainer>\n          </app-model-prompt-priority-matrix>\n        }\n\n        <!-- Version Control View -->\n        @if (currentSubView === 'version-control') {\n          <app-prompt-version-control\n            [prompt]=\"selectedPrompt?.prompt || null\"\n            (versionSelected)=\"onVersionSelected($event)\"\n            mjFillContainer>\n          </app-prompt-version-control>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Editor View -->\n  @if (currentView === 'editor' && selectedPrompt) {\n    <div class=\"editor-view\">\n      <!-- Editor Header -->\n      <div class=\"editor-header\">\n        <div class=\"breadcrumb-section\">\n          <button \n            type=\"button\" \n            class=\"back-btn\"\n            (click)=\"backToList()\">\n            <i class=\"fa-solid fa-arrow-left\"></i>\n            Back to Prompts\n          </button>\n        </div>\n        \n        <div class=\"editor-title\">\n          <h2>\n            @if (isEditing && !selectedPrompt.prompt.ID) {\n              <i class=\"fa-solid fa-plus\"></i>\n              Create New Prompt\n            } @else if (isEditing) {\n              <i class=\"fa-solid fa-edit\"></i>\n              Edit Prompt\n            } @else {\n              <i class=\"fa-solid fa-eye\"></i>\n              View Prompt\n            }\n          </h2>\n          \n          @if (selectedPrompt.prompt.ID) {\n            <div class=\"status-badge status-{{ selectedPrompt.prompt.Status.toLowerCase() }}\">\n              {{ selectedPrompt.prompt.Status }}\n            </div>\n          }\n        </div>\n        \n        <div class=\"editor-actions\">\n          @if (!isEditing) {\n            <button \n              type=\"button\" \n              class=\"control-btn\"\n              (click)=\"toggleEdit()\">\n              <i class=\"fa-solid fa-edit\"></i>\n              Edit\n            </button>\n          } @else {\n            <button \n              type=\"button\" \n              class=\"control-btn\"\n              (click)=\"toggleEdit()\">\n              <i class=\"fa-solid fa-times\"></i>\n              Cancel\n            </button>\n            \n            <button \n              type=\"button\" \n              class=\"control-btn control-btn-primary\"\n              (click)=\"savePrompt()\"\n              [disabled]=\"isLoading\">\n              @if (isLoading) {\n                <span class=\"loading-spinner-sm\"></span>\n              } @else {\n                <i class=\"fa-solid fa-save\"></i>\n              }\n              Save\n            </button>\n          }\n        </div>\n      </div>\n\n      <!-- Editor Content -->\n      <div class=\"editor-content\">\n        <kendo-splitter \n          class=\"editor-splitter\"\n          orientation=\"horizontal\"\n          (layoutChange)=\"onEditorSplitterChange($event)\"\n          mjFillContainer>\n          \n          <!-- Prompt Details Panel -->\n          <kendo-splitter-pane \n            [collapsible]=\"false\"\n            [resizable]=\"true\"\n            [scrollable]=\"true\">\n            <div class=\"prompt-details-panel\">\n              <h3>Prompt Details</h3>\n              \n              <!-- Name -->\n              <div class=\"form-field\">\n                <label class=\"field-label\">Name *</label>\n                @if (isEditing) {\n                  <input \n                    type=\"text\" \n                    class=\"field-input\"\n                    [(ngModel)]=\"selectedPrompt.prompt.Name\"\n                    placeholder=\"Enter prompt name\"\n                    (input)=\"isDirty = true\">\n                } @else {\n                  <div class=\"field-value\">{{ selectedPrompt.prompt.Name }}</div>\n                }\n              </div>\n              \n              <!-- Description -->\n              <div class=\"form-field\">\n                <label class=\"field-label\">Description</label>\n                @if (isEditing) {\n                  <textarea \n                    class=\"field-textarea\"\n                    [(ngModel)]=\"selectedPrompt.prompt.Description\"\n                    placeholder=\"Enter prompt description\"\n                    (input)=\"isDirty = true\"></textarea>\n                } @else {\n                  <div class=\"field-value\">\n                    {{ selectedPrompt.prompt.Description || 'No description provided' }}\n                  </div>\n                }\n              </div>\n              \n              <!-- Category -->\n              <div class=\"form-field\">\n                <label class=\"field-label\">Category</label>\n                @if (isEditing) {\n                  @if (!showNewCategoryInput) {\n                    <select \n                      class=\"field-select\"\n                      [(ngModel)]=\"selectedPrompt.prompt.CategoryID\"\n                      (ngModelChange)=\"onCategoryChange($event)\">\n                      <option value=\"\">Select category...</option>\n                      @for (category of categories; track category.ID) {\n                        <option [value]=\"category.ID\">{{ category.Name }}</option>\n                      }\n                      <option value=\"new\" class=\"new-category-option\">+ Create New Category</option>\n                    </select>\n                  } @else {\n                    <div class=\"new-category-container\">\n                      <input \n                        type=\"text\" \n                        class=\"field-input\"\n                        [(ngModel)]=\"newCategoryName\"\n                        placeholder=\"Enter new category name\"\n                        (keyup)=\"onCreateNewCategoryKeyup($event)\"\n                        #newCategoryInput>\n                      <div class=\"new-category-actions\">\n                        <button \n                          type=\"button\" \n                          class=\"action-btn action-btn-primary\"\n                          (click)=\"createAndSelectNewCategory()\">\n                          <i class=\"fa-solid fa-check\"></i>\n                        </button>\n                        <button \n                          type=\"button\" \n                          class=\"action-btn\"\n                          (click)=\"cancelNewCategory()\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  }\n                } @else {\n                  <div class=\"field-value\">\n                    {{ getCategoryName(selectedPrompt.prompt.CategoryID) }}\n                  </div>\n                }\n              </div>\n              \n              <!-- Type -->\n              <div class=\"form-field\">\n                <label class=\"field-label\">Type</label>\n                @if (isEditing) {\n                  <select \n                    class=\"field-select\"\n                    [(ngModel)]=\"selectedPrompt.prompt.TypeID\"\n                    (change)=\"isDirty = true\">\n                    <option value=\"\">Select type...</option>\n                    @for (type of types; track type.ID) {\n                      <option [value]=\"type.ID\">{{ type.Name }}</option>\n                    }\n                  </select>\n                } @else {\n                  <div class=\"field-value\">\n                    {{ getTypeName(selectedPrompt.prompt.TypeID) }}\n                  </div>\n                }\n              </div>\n              \n              <!-- Status -->\n              <div class=\"form-field\">\n                <label class=\"field-label\">Status</label>\n                @if (isEditing) {\n                  <select \n                    class=\"field-select\"\n                    [(ngModel)]=\"selectedPrompt.prompt.Status\"\n                    (change)=\"isDirty = true\">\n                    <option value=\"Active\">Active</option>\n                    <option value=\"Pending\">Pending</option>\n                    <option value=\"Disabled\">Disabled</option>\n                  </select>\n                } @else {\n                  <div class=\"field-value\">\n                    <span class=\"status-badge status-{{ selectedPrompt.prompt.Status.toLowerCase() }}\">\n                      {{ selectedPrompt.prompt.Status }}\n                    </span>\n                  </div>\n                }\n              </div>\n              \n              <!-- Template Info -->\n              @if (selectedPrompt.template) {\n                <div class=\"template-info-section\">\n                  <h4>Template Information</h4>\n                  <div class=\"template-details\">\n                    <div><strong>Template:</strong> {{ selectedPrompt.template.Name }}</div>\n                    @if (selectedPrompt.template.Description) {\n                      <div><strong>Description:</strong> {{ selectedPrompt.template.Description }}</div>\n                    }\n                    @if (selectedPrompt.templateContent) {\n                      <div><strong>Content Length:</strong> {{ (selectedPrompt.templateContent.TemplateText || '').length }} characters</div>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n          </kendo-splitter-pane>\n          \n          <!-- Template Editor Panel -->\n          <kendo-splitter-pane \n            [resizable]=\"true\"\n            [scrollable]=\"true\">\n            <div class=\"template-editor-panel\">\n              <div class=\"editor-header\">\n                <h3>Template Content</h3>\n                <div class=\"editor-info\">\n                  @if (isEditing) {\n                    <span class=\"editor-badge editor-badge-info\">Nunjucks Template</span>\n                    @if (isDirty) {\n                      <span class=\"editor-badge editor-badge-warning\">Unsaved Changes</span>\n                    }\n                  } @else {\n                    <span class=\"editor-badge editor-badge-secondary\">Read Only</span>\n                  }\n                </div>\n              </div>\n              \n              <div class=\"editor-container\">\n                <mj-code-editor\n                  [value]=\"editorContent\"\n                  [languages]=\"supportedLanguages\"\n                  [language]=\"editorLanguage\"\n                  [placeholder]=\"'Enter your Nunjucks template here...'\"\n                  [lineWrapping]=\"true\"\n                  [highlightWhitespace]=\"false\"\n                  [indentWithTab]=\"true\"\n                  [indentUnit]=\"'  '\"\n                  [readonly]=\"!isEditing\"\n                  (change)=\"onEditorContentChange($event)\">\n                </mj-code-editor>\n              </div>\n              \n              <!-- Editor Help -->\n              @if (isEditing) {\n                <div class=\"editor-help\">\n                  <div class=\"help-section\">\n                    <h5>Nunjucks Template Syntax</h5>\n                    <div class=\"syntax-examples\">\n                      <div class=\"syntax-item\">\n                        <code>{{ \"{{ variable }}\" }}</code> - Variable output\n                      </div>\n                      <div class=\"syntax-item\">\n                        <code>{{ \"{% if condition %} ... {% endif %}\" }}</code> - Conditionals\n                      </div>\n                      <div class=\"syntax-item\">\n                        <code>{{ \"{% for item in items %} ... {% endfor %}\" }}</code> - Loops\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            </div>\n          </kendo-splitter-pane>\n        </kendo-splitter>\n      </div>\n    </div>\n  }\n</div>", styles: [".prompt-management-container {\n  overflow: hidden;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dashboard-header {\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n  \n  .header-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  \n  .filter-toggle-btn {\n    padding: 6px 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: white;\n    cursor: pointer;\n    font-size: 11px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s;\n    color: #555;\n    \n    &:hover {\n      background-color: #f0f0f0;\n      border-color: #2196f3;\n      color: #2196f3;\n    }\n    \n    .fa-solid {\n      font-size: 10px;\n    }\n  }\n  \n  .prompt-count {\n    font-size: 12px;\n    color: #2196f3;\n    font-weight: 600;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid rgba(33, 150, 243, 0.2);\n  }\n  \n  .header-controls {\n    display: flex;\n    gap: 8px;\n    \n    .control-btn {\n      padding: 8px 12px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: white;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f0f0f0;\n        border-color: #2196f3;\n      }\n      \n      &.active {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n      }\n      \n      &.control-btn-primary {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n        \n        &:hover {\n          background-color: #1976d2;\n        }\n      }\n      \n      &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n        \n        &:hover {\n          background-color: white;\n          border-color: #ccc;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n// Filters now handled by filter panel component\n\n.loading-container, .error-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #fafafa;\n  flex: 1;\n  \n  p {\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n.error-message {\n  color: #d32f2f;\n  font-weight: 500;\n  \n  .fa-solid {\n    margin-right: 8px;\n  }\n}\n\n.loading-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.loading-spinner {\n  display: inline-block;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  \n  .spinner-ring {\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    width: 32px;\n    height: 32px;\n    margin: 4px;\n    border: 3px solid #2196f3;\n    border-radius: 50%;\n    animation: loading-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n    border-color: #2196f3 transparent transparent transparent;\n    \n    &:nth-child(1) { animation-delay: -0.45s; }\n    &:nth-child(2) { animation-delay: -0.3s; }\n    &:nth-child(3) { animation-delay: -0.15s; }\n  }\n}\n\n@keyframes loading-spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.empty-state {\n  text-align: center;\n  padding: 60px 20px;\n  color: #666;\n  \n  .fa-solid {\n    font-size: 48px;\n    margin-bottom: 16px;\n    color: #ccc;\n  }\n  \n  h3 {\n    margin: 0 0 8px 0;\n    color: #333;\n    font-size: 18px;\n    font-weight: 500;\n  }\n  \n  p {\n    margin: 0;\n    font-size: 14px;\n  }\n}\n\n.prompts-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  gap: 16px;\n  flex: 1;\n  overflow-y: auto;\n}\n\n.prompt-card {\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  padding: 16px;\n  transition: all 0.2s ease;\n  height: fit-content;\n  cursor: pointer;\n  \n  &:hover {\n    border-color: #2196f3;\n    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.1);\n    transform: translateY(-1px);\n  }\n  \n  .card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 12px;\n    \n    .prompt-info {\n      display: flex;\n      gap: 12px;\n      flex: 1;\n      \n      .prompt-icon {\n        color: #2196f3;\n        font-size: 20px;\n        margin-top: 2px;\n      }\n      \n      .prompt-details {\n        flex: 1;\n        \n        .prompt-name {\n          margin: 0 0 4px 0;\n          font-size: 16px;\n          font-weight: 500;\n          color: #333;\n        }\n        \n        .prompt-meta {\n          font-size: 12px;\n          color: #666;\n          \n          .prompt-type {\n            margin-left: 8px;\n          }\n        }\n      }\n    }\n  }\n  \n  .card-body {\n    margin-bottom: 12px;\n    \n    .prompt-description {\n      margin-bottom: 12px;\n      color: #555;\n      font-size: 13px;\n      line-height: 1.4;\n    }\n    \n    .template-info {\n      .template-item {\n        display: flex;\n        align-items: center;\n        margin-bottom: 4px;\n        font-size: 12px;\n        color: #666;\n        \n        .fa-solid {\n          margin-right: 6px;\n          color: #999;\n        }\n      }\n      \n      .template-content-info {\n        font-size: 11px;\n        color: #999;\n      }\n    }\n  }\n  \n  .card-actions {\n    display: flex;\n    gap: 8px;\n    border-top: 1px solid #f0f0f0;\n    padding-top: 12px;\n    \n    .action-btn {\n      padding: 6px 12px;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n      background: white;\n      cursor: pointer;\n      font-size: 11px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f5f5f5;\n        border-color: #bbb;\n      }\n      \n      &.action-btn-primary {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n        \n        &:hover {\n          background-color: #1976d2;\n        }\n      }\n      \n      &.action-btn-danger {\n        background-color: #f44336;\n        border-color: #f44336;\n        color: white;\n        \n        &:hover {\n          background-color: #d32f2f;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 10px;\n      }\n    }\n  }\n}\n\n// Editor View\n.editor-view {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.editor-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid #e0e0e0;\n  \n  .breadcrumb-section {\n    .back-btn {\n      background: none;\n      border: none;\n      color: #2196f3;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      \n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  \n  .editor-title {\n    flex: 1;\n    margin: 0 20px;\n    \n    h2 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 500;\n      color: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n  }\n  \n  .editor-actions {\n    display: flex;\n    gap: 8px;\n  }\n}\n\n.editor-content {\n  flex: 1;\n  overflow: hidden;\n}\n\n.editor-splitter {\n  height: 100%;\n  \n  .k-pane {\n    overflow: hidden;\n  }\n}\n\n.prompt-details-panel, .template-editor-panel {\n  background: white;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  padding: 16px;\n  height: 100%;\n  overflow-y: auto;\n  \n  h3 {\n    margin: 0 0 16px 0;\n    font-size: 16px;\n    font-weight: 500;\n    color: #333;\n    border-bottom: 1px solid #f0f0f0;\n    padding-bottom: 8px;\n  }\n}\n\n.form-field {\n  margin-bottom: 16px;\n  \n  .field-label {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 12px;\n    font-weight: 500;\n    color: #555;\n  }\n  \n  .field-input, .field-select {\n    width: 100%;\n    padding: 6px 8px;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    font-size: 12px;\n    \n    &:focus {\n      outline: none;\n      border-color: #2196f3;\n    }\n  }\n  \n  .field-textarea {\n    width: 100%;\n    padding: 6px 8px;\n    border: 1px solid #ddd;\n    border-radius: 3px;\n    font-size: 12px;\n    resize: vertical;\n    min-height: 60px;\n    \n    &:focus {\n      outline: none;\n      border-color: #2196f3;\n    }\n  }\n  \n  .field-value {\n    padding: 6px 8px;\n    background: #f8f9fa;\n    border: 1px solid #e0e0e0;\n    border-radius: 3px;\n    font-size: 12px;\n    color: #555;\n  }\n}\n\n.template-editor-panel {\n  .editor-container {\n    margin-bottom: 16px;\n    \n    .code-editor {\n      width: 100%;\n      min-height: 300px;\n      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n      font-size: 12px;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n      padding: 8px;\n      background: #f8f9fa;\n      \n      &:focus {\n        outline: none;\n        border-color: #2196f3;\n      }\n    }\n    \n    .code-display {\n      border: 1px solid #e0e0e0;\n      border-radius: 3px;\n      background: #f8f9fa;\n      max-height: 400px;\n      overflow-y: auto;\n      \n      pre {\n        margin: 0;\n        padding: 12px;\n        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n        font-size: 12px;\n        line-height: 1.4;\n        color: #333;\n        \n        code {\n          background: none;\n          padding: 0;\n          font-size: inherit;\n          color: inherit;\n        }\n      }\n    }\n  }\n  \n  .editor-help {\n    .help-section {\n      h5 {\n        font-size: 13px;\n        font-weight: 500;\n        margin-bottom: 8px;\n        color: #333;\n      }\n      \n      .syntax-examples {\n        .syntax-item {\n          margin-bottom: 6px;\n          padding: 6px 8px;\n          background: #f0f0f0;\n          border-radius: 3px;\n          font-size: 11px;\n          \n          code {\n            background: #e0e0e0;\n            padding: 2px 4px;\n            border-radius: 2px;\n            font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n            margin-right: 8px;\n          }\n        }\n      }\n    }\n  }\n}\n\n// CodeMirror overrides\n.CodeMirror {\n  border: 1px solid #ddd !important;\n  border-radius: 3px !important;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace !important;\n  font-size: 12px !important;\n  min-height: 300px !important;\n}\n\n.CodeMirror-focused {\n  border-color: #2196f3 !important;\n}\n\n// Status badges\n.status-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 500;\n  text-transform: uppercase;\n  \n  &.status-active {\n    background: #e8f5e8;\n    color: #2e7d32;\n  }\n  \n  &.status-pending {\n    background: #fff3e0;\n    color: #f57c00;\n  }\n  \n  &.status-disabled {\n    background: #ffebee;\n    color: #c62828;\n  }\n}\n\n// Editor badges\n.editor-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 500;\n  margin-left: 8px;\n  \n  &.editor-badge-info {\n    background: #e3f2fd;\n    color: #1976d2;\n  }\n  \n  &.editor-badge-warning {\n    background: #fff3e0;\n    color: #f57c00;\n  }\n  \n  &.editor-badge-secondary {\n    background: #f5f5f5;\n    color: #666;\n  }\n}\n\n// New category creation\n.new-category-container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  \n  .field-input {\n    flex: 1;\n  }\n  \n  .new-category-actions {\n    display: flex;\n    gap: 2px;\n    \n    .action-btn {\n      padding: 4px 6px;\n      border: 1px solid #ddd;\n      border-radius: 3px;\n      background: white;\n      cursor: pointer;\n      font-size: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-width: 24px;\n      height: 24px;\n      \n      &:hover {\n        background-color: #f5f5f5;\n      }\n      \n      &.action-btn-primary {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n        \n        &:hover {\n          background-color: #1976d2;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 10px;\n      }\n    }\n  }\n}\n\n.new-category-option {\n  color: #2196f3;\n  font-style: italic;\n}\n\n// CodeMirror 6 styling\nmj-code-editor {\n  display: block;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  overflow: hidden;\n  min-height: 300px;\n  \n  .cm-editor {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace !important;\n    font-size: 12px !important;\n    min-height: 300px;\n  }\n  \n  .cm-focused {\n    outline: none !important;\n  }\n  \n  .cm-editor.cm-focused {\n    border-color: #2196f3;\n  }\n}\n\n// List View Layout\n.list-view {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.sub-navigation {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 16px;\n  padding: 8px 0;\n  border-bottom: 1px solid #e0e0e0;\n  flex-shrink: 0;\n\n  .sub-nav-btn {\n    padding: 8px 12px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    background: white;\n    cursor: pointer;\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s;\n    color: #555;\n    font-weight: 500;\n\n    &:hover {\n      background-color: #f0f0f0;\n      border-color: #2196f3;\n      color: #2196f3;\n    }\n\n    &.active {\n      background-color: #2196f3;\n      border-color: #2196f3;\n      color: white;\n      box-shadow: 0 2px 4px rgba(33, 150, 243, 0.2);\n    }\n\n    .fa-solid {\n      font-size: 11px;\n    }\n  }\n}\n\n.main-content {\n  flex: 1;\n  overflow: hidden;\n}\n\n.main-splitter {\n  height: 100%;\n  \n  .k-pane {\n    overflow: hidden;\n  }\n}\n\n.prompts-content {\n  height: 100%;\n  overflow-y: auto;\n  padding: 0 16px;\n}"] }]
-    }], () => [{ type: i1.MJNotificationService }], { openEntityRecord: [{
-            type: Output
-        }], stateChange: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PromptManagementComponent, { className: "PromptManagementComponent", filePath: "src/AI/components/prompts/prompt-management.component.ts", lineNumber: 24 }); })();
-//# sourceMappingURL=prompt-management.component.js.map