@memberjunction/ng-dashboards 2.128.0 → 2.129.0

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

@@ -1,811 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component } from '@angular/core';
-import { Subject, BehaviorSubject } from 'rxjs';
-import { takeUntil, debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
-import { BaseResourceComponent } from '@memberjunction/ng-shared';
-import { MJNotificationService } from '@memberjunction/ng-notifications';
-import { RegisterClass } from '@memberjunction/global';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@memberjunction/ng-ai-test-harness";
-import * as i3 from "@angular/forms";
-import * as i4 from "@progress/kendo-angular-layout";
-import * as i5 from "@memberjunction/ng-shared-generic";
-const _forTrack0 = ($index, $item) => $item.ID;
-function PromptManagementV2Component_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Hide Filters ");
-} }
-function PromptManagementV2Component_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " Show Filters ");
-} }
-function PromptManagementV2Component_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 44);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createNewPrompt()); });
-    i0.ɵɵelement(1, "i", 45);
-    i0.ɵɵtext(2, " New Prompt ");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_For_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 33);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const category_r3 = ctx.$implicit;
-    i0.ɵɵproperty("value", category_r3.ID);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(category_r3.Name);
-} }
-function PromptManagementV2Component_For_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 33);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const type_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", type_r4.ID);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(type_r4.Name);
-} }
-function PromptManagementV2Component_Conditional_74_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
-    i0.ɵɵelement(1, "mj-loading", 46);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("text", ctx_r1.currentLoadingMessage);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 49);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_75_Conditional_0_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewPrompt()); });
-    i0.ɵɵelement(1, "i", 45);
-    i0.ɵɵtext(2, " Create New Prompt ");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵelement(1, "i", 4);
-    i0.ɵɵelementStart(2, "h3");
-    i0.ɵɵtext(3, "No prompts found");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, PromptManagementV2Component_Conditional_75_Conditional_0_Conditional_6_Template, 3, 0, "button", 48);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.hasActiveFilters ? "Try adjusting your filters" : "Create your first AI prompt to get started");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.hasActiveFilters && ctx_r1.UserCanCreatePrompts ? 6 : -1);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 60);
-    i0.ɵɵelement(1, "i", 70);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const prompt_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMap("status-" + prompt_r7.Status.toLowerCase());
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", prompt_r7.Status, " ");
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 64);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const prompt_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(prompt_r7.Description);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 65);
-    i0.ɵɵtext(1, "No description provided");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_17_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 75);
-    i0.ɵɵtext(1, " Yes ");
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 76);
-    i0.ɵɵtext(1, " No ");
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "div", 71)(2, "div", 72)(3, "span", 73);
-    i0.ɵɵtext(4, "Type");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 74);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 72)(8, "span", 73);
-    i0.ɵɵtext(9, "Template");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 74);
-    i0.ɵɵtemplate(11, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_17_Conditional_11_Template, 2, 0)(12, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_17_Conditional_12_Template, 2, 0);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const prompt_r7 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(prompt_r7.TypeName);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(prompt_r7.TemplateEntity ? 11 : 12);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 77);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_19_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r8); const prompt_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.openPrompt(prompt_r7.ID); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "i", 78);
-    i0.ɵɵtext(2, " Open ");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 79);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_20_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r9); const prompt_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.testPrompt(prompt_r7.ID, $event)); });
-    i0.ɵɵelement(1, "i", 80);
-    i0.ɵɵtext(2, " Run ");
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 53)(1, "div", 54);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Template_div_click_1_listener() { const prompt_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.togglePromptExpansion(prompt_r7.ID)); });
-    i0.ɵɵelementStart(2, "div", 55)(3, "div", 56);
-    i0.ɵɵelement(4, "i");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 57)(6, "h4", 58);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 59)(9, "span", 60);
-    i0.ɵɵelement(10, "i", 30);
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(12, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_12_Template, 3, 3, "span", 61);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(13, "i", 62);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 63);
-    i0.ɵɵtemplate(15, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_15_Template, 2, 1, "p", 64)(16, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_16_Template, 2, 0, "p", 65)(17, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_17_Template, 13, 2, "div", 66);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 67);
-    i0.ɵɵtemplate(19, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_19_Template, 3, 0, "button", 68)(20, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Conditional_20_Template, 3, 0, "button", 69);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const prompt_r7 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r1.expandedPromptId === prompt_r7.ID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r1.getPromptIcon(prompt_r7));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(prompt_r7.Name);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", prompt_r7.CategoryName, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(prompt_r7.Status ? 12 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("rotated", ctx_r1.expandedPromptId === prompt_r7.ID);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(prompt_r7.Description ? 15 : 16);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.expandedPromptId === prompt_r7.ID ? 17 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.UserCanReadPrompts ? 19 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(prompt_r7.Status === "Active" && ctx_r1.UserCanReadPrompts ? 20 : -1);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 50);
-    i0.ɵɵrepeaterCreate(1, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_For_2_Template, 21, 13, "div", 52, _forTrack0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.filteredPrompts);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const prompt_r10 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(prompt_r10.Description);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 86);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 87);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 91);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_21_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const prompt_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openPrompt(prompt_r10.ID)); });
-    i0.ɵɵelement(1, "i", 78);
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 92);
-    i0.ɵɵlistener("click", function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_22_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const prompt_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.testPrompt(prompt_r10.ID, $event)); });
-    i0.ɵɵelement(1, "i", 80);
-    i0.ɵɵelementEnd();
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 82)(3, "div", 83);
-    i0.ɵɵelement(4, "i");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div")(6, "div", 58);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_8_Template, 2, 1, "div", 84);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "td");
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td");
-    i0.ɵɵtext(12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td")(14, "span", 85);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "td");
-    i0.ɵɵtemplate(17, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_17_Template, 1, 0, "i", 86)(18, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_18_Template, 1, 0, "i", 87);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td")(20, "div", 88);
-    i0.ɵɵtemplate(21, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_21_Template, 2, 0, "button", 89)(22, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Conditional_22_Template, 2, 0, "button", 90);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const prompt_r10 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r1.getPromptIcon(prompt_r10));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(prompt_r10.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(prompt_r10.Description ? 8 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(prompt_r10.CategoryName);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(prompt_r10.TypeName);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap("status-" + (prompt_r10.Status || "unknown").toLowerCase());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", prompt_r10.Status || "Unknown", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(prompt_r10.TemplateEntity ? 17 : 18);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.UserCanReadPrompts ? 21 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(prompt_r10.Status === "Active" && ctx_r1.UserCanReadPrompts ? 22 : -1);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "table", 81)(2, "thead")(3, "tr")(4, "th");
-    i0.ɵɵtext(5, "Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "th");
-    i0.ɵɵtext(7, "Category");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th");
-    i0.ɵɵtext(9, "Type");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th");
-    i0.ɵɵtext(11, "Status");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th");
-    i0.ɵɵtext(13, "Template");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th");
-    i0.ɵɵtext(15, "Actions");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "tbody");
-    i0.ɵɵrepeaterCreate(17, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_For_18_Template, 23, 12, "tr", null, _forTrack0);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(17);
-    i0.ɵɵrepeater(ctx_r1.filteredPrompts);
-} }
-function PromptManagementV2Component_Conditional_75_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_0_Template, 3, 0, "div", 50)(1, PromptManagementV2Component_Conditional_75_Conditional_1_Conditional_1_Template, 19, 0, "div", 51);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r1.viewMode === "grid" ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.viewMode === "list" ? 1 : -1);
-} }
-function PromptManagementV2Component_Conditional_75_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PromptManagementV2Component_Conditional_75_Conditional_0_Template, 7, 2, "div", 47)(1, PromptManagementV2Component_Conditional_75_Conditional_1_Template, 2, 2);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.filteredPrompts.length === 0 ? 0 : 1);
-} }
-/**
- * Tree-shaking prevention function - ensures component is included in builds
- */
-export function LoadAIPromptsResource() {
-    // Force inclusion in production builds
-}
-/**
- * AI Prompts Resource - displays AI prompt management
- * Extends BaseResourceComponent to work with the resource type system
- */
-let PromptManagementV2Component = class PromptManagementV2Component extends BaseResourceComponent {
-    sharedService;
-    testHarnessService;
-    navigationService;
-    // View state
-    viewMode = 'grid';
-    isLoading = true;
-    showFilters = true;
-    expandedPromptId = null;
-    // Data
-    prompts = [];
-    filteredPrompts = [];
-    categories = [];
-    types = [];
-    // Filtering
-    searchTerm = '';
-    searchSubject = new BehaviorSubject('');
-    selectedCategory = 'all';
-    selectedType = 'all';
-    selectedStatus = 'all';
-    // Loading messages
-    loadingMessages = [
-        'Loading AI prompts...',
-        'Fetching templates...',
-        'Organizing categories...',
-        'Almost there...'
-    ];
-    currentLoadingMessage = this.loadingMessages[0];
-    loadingMessageIndex = 0;
-    loadingMessageInterval;
-    destroy$ = new Subject();
-    selectedPromptForTest = null;
-    // === Permission Checks ===
-    /** Cache for permission checks to avoid repeated calculations */
-    _permissionCache = new Map();
-    _metadata = new Metadata();
-    /** Check if user can create AI Prompts */
-    get UserCanCreatePrompts() {
-        return this.checkEntityPermission('AI Prompts', 'Create');
-    }
-    /** Check if user can read AI Prompts */
-    get UserCanReadPrompts() {
-        return this.checkEntityPermission('AI Prompts', 'Read');
-    }
-    /** Check if user can update AI Prompts */
-    get UserCanUpdatePrompts() {
-        return this.checkEntityPermission('AI Prompts', 'Update');
-    }
-    /** Check if user can delete AI Prompts */
-    get UserCanDeletePrompts() {
-        return this.checkEntityPermission('AI Prompts', 'Delete');
-    }
-    /**
-     * Helper method to check entity permissions with caching
-     * @param entityName - The name of the entity to check permissions for
-     * @param permissionType - The type of permission to check (Create, Read, Update, Delete)
-     * @returns boolean indicating if user has the permission
-     */
-    checkEntityPermission(entityName, permissionType) {
-        const cacheKey = `${entityName}_${permissionType}`;
-        if (this._permissionCache.has(cacheKey)) {
-            return this._permissionCache.get(cacheKey);
-        }
-        try {
-            const entityInfo = this._metadata.Entities.find(e => e.Name === entityName);
-            if (!entityInfo) {
-                console.warn(`Entity '${entityName}' not found for permission check`);
-                this._permissionCache.set(cacheKey, false);
-                return false;
-            }
-            const userPermissions = entityInfo.GetUserPermisions(this._metadata.CurrentUser);
-            let hasPermission = false;
-            switch (permissionType) {
-                case 'Create':
-                    hasPermission = userPermissions.CanCreate;
-                    break;
-                case 'Read':
-                    hasPermission = userPermissions.CanRead;
-                    break;
-                case 'Update':
-                    hasPermission = userPermissions.CanUpdate;
-                    break;
-                case 'Delete':
-                    hasPermission = userPermissions.CanDelete;
-                    break;
-            }
-            this._permissionCache.set(cacheKey, hasPermission);
-            return hasPermission;
-        }
-        catch (error) {
-            console.error(`Error checking ${permissionType} permission for ${entityName}:`, error);
-            this._permissionCache.set(cacheKey, false);
-            return false;
-        }
-    }
-    /**
-     * Clears the permission cache. Call this when user context changes or permissions are updated.
-     */
-    clearPermissionCache() {
-        this._permissionCache.clear();
-    }
-    constructor(sharedService, testHarnessService, navigationService) {
-        super();
-        this.sharedService = sharedService;
-        this.testHarnessService = testHarnessService;
-        this.navigationService = navigationService;
-    }
-    ngOnInit() {
-        this.setupSearchListener();
-        this.startLoadingMessages();
-        this.loadInitialData();
-        if (this.Data?.Configuration) {
-            this.applyInitialState(this.Data.Configuration);
-        }
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-        if (this.loadingMessageInterval) {
-            clearInterval(this.loadingMessageInterval);
-        }
-    }
-    setupSearchListener() {
-        this.searchSubject.pipe(debounceTime(300), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(searchTerm => {
-            this.searchTerm = searchTerm;
-            this.applyFilters();
-        });
-    }
-    startLoadingMessages() {
-        this.loadingMessageInterval = setInterval(() => {
-            this.loadingMessageIndex = (this.loadingMessageIndex + 1) % this.loadingMessages.length;
-            this.currentLoadingMessage = this.loadingMessages[this.loadingMessageIndex];
-        }, 2000);
-    }
-    async loadInitialData() {
-        try {
-            const rv = new RunView();
-            const md = new Metadata();
-            // Load all data in parallel using RunViews
-            const [promptResults, categoryResults, typeResults, templateResults, templateContentResults] = await rv.RunViews([
-                {
-                    EntityName: 'AI Prompts',
-                    OrderBy: 'Name'
-                },
-                {
-                    EntityName: 'AI Prompt Categories',
-                    OrderBy: 'Name',
-                },
-                {
-                    EntityName: 'AI Prompt Types',
-                    OrderBy: 'Name'
-                },
-                {
-                    EntityName: 'Templates',
-                    ExtraFilter: `ID IN (SELECT TemplateID FROM __mj.AIPrompt)`
-                },
-                {
-                    EntityName: 'Template Contents'
-                }
-            ]);
-            this.categories = categoryResults.Results;
-            this.types = typeResults.Results;
-            // Combine prompts with their templates
-            const templates = templateResults.Results;
-            const templateContents = templateContentResults.Results;
-            // Create lookup maps
-            const templateMap = new Map(templates.map(t => [t.ID, t]));
-            const templateContentMap = new Map();
-            templateContents.forEach(tc => {
-                const contents = templateContentMap.get(tc.TemplateID) || [];
-                contents.push(tc);
-                templateContentMap.set(tc.TemplateID, contents);
-            });
-            const categoryMap = new Map(this.categories.map(c => [c.ID, c.Name]));
-            const typeMap = new Map(this.types.map(t => [t.ID, t.Name]));
-            // Combine the data - keep the actual entity objects
-            this.prompts = promptResults.Results.map(prompt => {
-                const template = templateMap.get(prompt.ID);
-                // Add the extra properties directly to the entity
-                prompt.TemplateEntity = template;
-                prompt.TemplateContents = template ? (templateContentMap.get(template.ID) || []) : [];
-                prompt.CategoryName = prompt.CategoryID ? categoryMap.get(prompt.CategoryID) || 'Unknown' : 'Uncategorized';
-                prompt.TypeName = prompt.TypeID ? typeMap.get(prompt.TypeID) || 'Unknown' : 'Untyped';
-                return prompt;
-            });
-            this.filteredPrompts = [...this.prompts];
-            this.applyFilters();
-        }
-        catch (error) {
-            console.error('Error loading prompt data:', error);
-            MJNotificationService.Instance.CreateSimpleNotification('Error loading prompts', 'error', 3000);
-        }
-        finally {
-            this.isLoading = false;
-            if (this.loadingMessageInterval) {
-                clearInterval(this.loadingMessageInterval);
-            }
-            this.NotifyLoadComplete();
-        }
-    }
-    applyInitialState(state) {
-        if (state.viewMode)
-            this.viewMode = state.viewMode;
-        if (state.showFilters !== undefined)
-            this.showFilters = state.showFilters;
-        if (state.searchTerm)
-            this.searchTerm = state.searchTerm;
-        if (state.selectedCategory)
-            this.selectedCategory = state.selectedCategory;
-        if (state.selectedType)
-            this.selectedType = state.selectedType;
-        if (state.selectedStatus)
-            this.selectedStatus = state.selectedStatus;
-    }
-    onSearchChange(value) {
-        this.searchSubject.next(value);
-    }
-    toggleFilters() {
-        this.showFilters = !this.showFilters;
-    }
-    toggleFilterPanel() {
-        this.showFilters = !this.showFilters;
-    }
-    setViewMode(mode) {
-        this.viewMode = mode;
-        this.expandedPromptId = null;
-    }
-    togglePromptExpansion(promptId) {
-        this.expandedPromptId = this.expandedPromptId === promptId ? null : promptId;
-    }
-    applyFilters() {
-        this.filteredPrompts = this.prompts.filter(prompt => {
-            // Search filter
-            if (this.searchTerm) {
-                const searchLower = this.searchTerm.toLowerCase();
-                const matchesSearch = prompt.Name?.toLowerCase().includes(searchLower) ||
-                    prompt.Description?.toLowerCase().includes(searchLower) ||
-                    prompt.CategoryName?.toLowerCase().includes(searchLower) ||
-                    prompt.TypeName?.toLowerCase().includes(searchLower);
-                if (!matchesSearch)
-                    return false;
-            }
-            // Category filter
-            if (this.selectedCategory !== 'all' && prompt.CategoryID !== this.selectedCategory) {
-                return false;
-            }
-            // Type filter
-            if (this.selectedType !== 'all' && prompt.TypeID !== this.selectedType) {
-                return false;
-            }
-            // Status filter
-            if (this.selectedStatus !== 'all') {
-                const isActive = prompt.Status === 'Active';
-                if (this.selectedStatus === 'active' && !isActive)
-                    return false;
-                if (this.selectedStatus === 'inactive' && isActive)
-                    return false;
-            }
-            return true;
-        });
-    }
-    onCategoryChange(categoryId) {
-        this.selectedCategory = categoryId;
-        this.applyFilters();
-    }
-    onTypeChange(typeId) {
-        this.selectedType = typeId;
-        this.applyFilters();
-    }
-    onStatusChange(status) {
-        this.selectedStatus = status;
-        this.applyFilters();
-    }
-    openPrompt(promptId) {
-        const compositeKey = new CompositeKey([{ FieldName: 'ID', Value: promptId }]);
-        this.navigationService.OpenEntityRecord('AI Prompts', compositeKey);
-    }
-    testPrompt(promptId, event) {
-        if (event) {
-            event.stopPropagation();
-        }
-        // Use the test harness service for window management features
-        this.testHarnessService.openForPrompt(promptId);
-    }
-    closeTestHarness() {
-        // No longer needed - window manages its own closure
-        this.selectedPromptForTest = null;
-    }
-    createNewPrompt() {
-        // Use the standard MemberJunction pattern to open a new AI Prompt form
-        // Empty CompositeKey indicates a new record
-        this.navigationService.OpenEntityRecord('AI Prompts', new CompositeKey([]));
-    }
-    getPromptIcon(prompt) {
-        if (prompt.TypeName?.toLowerCase().includes('system')) {
-            return 'fa-solid fa-cogs';
-        }
-        else if (prompt.TypeName?.toLowerCase().includes('user')) {
-            return 'fa-solid fa-user';
-        }
-        else if (prompt.TypeName?.toLowerCase().includes('chat')) {
-            return 'fa-solid fa-comments';
-        }
-        return 'fa-solid fa-comment-dots';
-    }
-    getStatusClass(status) {
-        return status === 'Active' ? 'active' : 'inactive';
-    }
-    get hasActiveFilters() {
-        return this.searchTerm !== '' ||
-            this.selectedCategory !== 'all' ||
-            this.selectedType !== 'all' ||
-            this.selectedStatus !== 'all';
-    }
-    get filteredPromptsAsEntities() {
-        // The prompts are already AIPromptEntityExtended instances with extra properties
-        return this.filteredPrompts;
-    }
-    clearFilters() {
-        this.searchTerm = '';
-        this.selectedCategory = 'all';
-        this.selectedType = 'all';
-        this.selectedStatus = 'all';
-        this.searchSubject.next('');
-        this.applyFilters();
-    }
-    // BaseResourceComponent abstract method implementations
-    async GetResourceDisplayName(data) {
-        return 'Prompts';
-    }
-    async GetResourceIconClass(data) {
-        return 'fa-solid fa-comment-dots';
-    }
-    static ɵfac = function PromptManagementV2Component_Factory(t) { return new (t || PromptManagementV2Component)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.AITestHarnessDialogService), i0.ɵɵdirectiveInject(i1.NavigationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PromptManagementV2Component, selectors: [["app-prompt-management-v2"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 76, vars: 22, consts: [[1, "prompt-management-container"], [1, "dashboard-header"], [1, "header-info"], [1, "dashboard-title"], [1, "fa-solid", "fa-message"], ["type", "button", "title", "Toggle Filters", 1, "filter-toggle-btn", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "item-count"], [1, "header-controls"], [1, "view-toggle"], ["type", "button", "title", "Grid View", 1, "view-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["type", "button", "title", "List View", 1, "view-btn", 3, "click"], [1, "fa-solid", "fa-list"], ["type", "button", "title", "Create New Prompt", 1, "control-btn", "primary"], [1, "main-content"], ["orientation", "horizontal", 1, "main-splitter"], [3, "size", "collapsible", "resizable", "scrollable", "hidden"], [1, "filter-panel"], [1, "filter-panel-header"], [1, "filter-summary-inline"], [1, "summary-value"], [1, "summary-label"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "filter-content"], [1, "filter-group"], [1, "filter-label"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search prompts...", 1, "filter-input", 3, "input", "value"], [1, "fa-solid", "fa-folder"], [1, "filter-select", 3, "change", "value"], ["value", "all"], [3, "value"], [1, "fa-solid", "fa-tag"], [1, "fa-solid", "fa-toggle-on"], ["value", "active"], ["value", "inactive"], [1, "filter-actions"], ["title", "Reset all filters", 1, "reset-btn", 3, "click"], [1, "fa-solid", "fa-undo"], [3, "resizable", "scrollable"], [1, "prompts-content"], [1, "loading-container"], ["type", "button", "title", "Create New Prompt", 1, "control-btn", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["size", "large", 3, "text"], [1, "empty-state"], ["type", "button", 1, "empty-state-btn"], ["type", "button", 1, "empty-state-btn", 3, "click"], [1, "prompts-grid"], [1, "prompts-list"], [1, "prompt-card", 3, "expanded"], [1, "prompt-card"], [1, "card-header", 3, "click"], [1, "prompt-info"], [1, "prompt-icon"], [1, "prompt-details"], [1, "prompt-name"], [1, "prompt-meta"], [1, "meta-item"], [1, "meta-item", 3, "class"], [1, "fa-solid", "fa-chevron-down", "expand-icon"], [1, "card-body"], [1, "prompt-description"], [1, "prompt-description", "text-muted"], [1, "expanded-content"], [1, "card-actions"], ["type", "button", "title", "Open Prompt", 1, "action-btn"], ["type", "button", "title", "Run Prompt", 1, "action-btn", "action-btn-primary"], [1, "fa-solid", "fa-circle", 2, "font-size", "8px"], [1, "prompt-stats"], [1, "stat-item"], [1, "stat-label"], [1, "stat-value"], [1, "fa-solid", "fa-check", 2, "color", "#28a745"], [1, "fa-solid", "fa-times", 2, "color", "#dc3545"], ["type", "button", "title", "Open Prompt", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], ["type", "button", "title", "Run Prompt", 1, "action-btn", "action-btn-primary", 3, "click"], [1, "fa-solid", "fa-play"], [1, "prompts-table"], [1, "prompt-name-cell"], [1, "prompt-icon-small"], [1, "prompt-description-small"], [1, "status-badge"], [1, "fa-solid", "fa-check-circle", 2, "color", "#28a745"], [1, "fa-solid", "fa-times-circle", 2, "color", "#6c757d"], [1, "table-actions"], ["type", "button", "title", "Open Prompt", 1, "action-btn-small"], ["type", "button", "title", "Run Prompt", 1, "action-btn-small", "primary"], ["type", "button", "title", "Open Prompt", 1, "action-btn-small", 3, "click"], ["type", "button", "title", "Run Prompt", 1, "action-btn-small", "primary", 3, "click"]], template: function PromptManagementV2Component_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2", 3);
-            i0.ɵɵelement(4, "i", 4);
-            i0.ɵɵtext(5, " AI Prompts ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "button", 5);
-            i0.ɵɵlistener("click", function PromptManagementV2Component_Template_button_click_6_listener() { return ctx.toggleFilters(); });
-            i0.ɵɵelement(7, "i", 6);
-            i0.ɵɵtemplate(8, PromptManagementV2Component_Conditional_8_Template, 1, 0)(9, PromptManagementV2Component_Conditional_9_Template, 1, 0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "span", 7);
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(12, "div", 8)(13, "div", 9)(14, "button", 10);
-            i0.ɵɵlistener("click", function PromptManagementV2Component_Template_button_click_14_listener() { return ctx.setViewMode("grid"); });
-            i0.ɵɵelement(15, "i", 11);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "button", 12);
-            i0.ɵɵlistener("click", function PromptManagementV2Component_Template_button_click_16_listener() { return ctx.setViewMode("list"); });
-            i0.ɵɵelement(17, "i", 13);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(18, PromptManagementV2Component_Conditional_18_Template, 3, 0, "button", 14);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(19, "div", 15)(20, "kendo-splitter", 16)(21, "kendo-splitter-pane", 17)(22, "div", 18)(23, "div", 19)(24, "h3");
-            i0.ɵɵtext(25, "Prompt Filters");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "div", 20)(27, "span", 21);
-            i0.ɵɵtext(28);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "span", 22);
-            i0.ɵɵtext(30);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(31, "button", 23);
-            i0.ɵɵlistener("click", function PromptManagementV2Component_Template_button_click_31_listener() { return ctx.toggleFilterPanel(); });
-            i0.ɵɵelement(32, "i", 24);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(33, "div", 25)(34, "div", 26)(35, "label", 27);
-            i0.ɵɵelement(36, "i", 28);
-            i0.ɵɵtext(37, " Name ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(38, "input", 29);
-            i0.ɵɵlistener("input", function PromptManagementV2Component_Template_input_input_38_listener($event) { return ctx.onSearchChange($event.target.value); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(39, "div", 26)(40, "label", 27);
-            i0.ɵɵelement(41, "i", 30);
-            i0.ɵɵtext(42, " Category ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(43, "select", 31);
-            i0.ɵɵlistener("change", function PromptManagementV2Component_Template_select_change_43_listener($event) { return ctx.onCategoryChange($event.target.value); });
-            i0.ɵɵelementStart(44, "option", 32);
-            i0.ɵɵtext(45, "All Categories");
-            i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(46, PromptManagementV2Component_For_47_Template, 2, 2, "option", 33, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(48, "div", 26)(49, "label", 27);
-            i0.ɵɵelement(50, "i", 34);
-            i0.ɵɵtext(51, " Type ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(52, "select", 31);
-            i0.ɵɵlistener("change", function PromptManagementV2Component_Template_select_change_52_listener($event) { return ctx.onTypeChange($event.target.value); });
-            i0.ɵɵelementStart(53, "option", 32);
-            i0.ɵɵtext(54, "All Types");
-            i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(55, PromptManagementV2Component_For_56_Template, 2, 2, "option", 33, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(57, "div", 26)(58, "label", 27);
-            i0.ɵɵelement(59, "i", 35);
-            i0.ɵɵtext(60, " Status ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(61, "select", 31);
-            i0.ɵɵlistener("change", function PromptManagementV2Component_Template_select_change_61_listener($event) { return ctx.onStatusChange($event.target.value); });
-            i0.ɵɵelementStart(62, "option", 32);
-            i0.ɵɵtext(63, "All Statuses");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(64, "option", 36);
-            i0.ɵɵtext(65, "Active");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(66, "option", 37);
-            i0.ɵɵtext(67, "Inactive");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(68, "div", 38)(69, "button", 39);
-            i0.ɵɵlistener("click", function PromptManagementV2Component_Template_button_click_69_listener() { return ctx.clearFilters(); });
-            i0.ɵɵelement(70, "i", 40);
-            i0.ɵɵtext(71, " Reset Filters ");
-            i0.ɵɵelementEnd()()()()();
-            i0.ɵɵelementStart(72, "kendo-splitter-pane", 41)(73, "div", 42);
-            i0.ɵɵtemplate(74, PromptManagementV2Component_Conditional_74_Template, 2, 1, "div", 43)(75, PromptManagementV2Component_Conditional_75_Template, 2, 1);
-            i0.ɵɵelementEnd()()()()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(8);
-            i0.ɵɵconditional(ctx.showFilters ? 8 : 9);
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1("", ctx.filteredPrompts.length, " prompts");
-            i0.ɵɵadvance(3);
-            i0.ɵɵclassProp("active", ctx.viewMode === "grid");
-            i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("active", ctx.viewMode === "list");
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.UserCanCreatePrompts ? 18 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("size", ctx.showFilters ? "320px" : "0px")("collapsible", false)("resizable", ctx.showFilters)("scrollable", false)("hidden", !ctx.showFilters);
-            i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate(ctx.filteredPrompts.length);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("of ", ctx.prompts.length, "");
-            i0.ɵɵadvance(8);
-            i0.ɵɵproperty("value", ctx.searchTerm);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("value", ctx.selectedCategory);
-            i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(ctx.categories);
-            i0.ɵɵadvance(6);
-            i0.ɵɵproperty("value", ctx.selectedType);
-            i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(ctx.types);
-            i0.ɵɵadvance(6);
-            i0.ɵɵproperty("value", ctx.selectedStatus);
-            i0.ɵɵadvance(11);
-            i0.ɵɵproperty("resizable", true)("scrollable", true);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.isLoading ? 74 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading ? 75 : -1);
-        } }, dependencies: [i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i4.SplitterComponent, i4.SplitterPaneComponent, i5.LoadingComponent], styles: ["\n\n.prompt-management-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f5f7fa;\n}\n\n\n\n.dashboard-header[_ngcontent-%COMP%] {\n  background: white;\n  padding: 16px 24px;\n  border-bottom: 1px solid #e0e6ed;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n.header-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.dashboard-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.dashboard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #17a2b8;\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%] {\n  background: #f8f9fa;\n  border: 1px solid #dee2e6;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-size: 14px;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.filter-toggle-btn[_ngcontent-%COMP%]:hover {\n  background: #e9ecef;\n  border-color: #ced4da;\n}\n\n.item-count[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.header-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  background: #f8f9fa;\n  border-radius: 6px;\n  padding: 2px;\n  border: 1px solid #dee2e6;\n}\n\n.view-btn[_ngcontent-%COMP%] {\n  background: transparent;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  color: #6c757d;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  font-size: 16px;\n}\n\n.view-btn[_ngcontent-%COMP%]:hover {\n  color: #495057;\n}\n\n.view-btn.active[_ngcontent-%COMP%] {\n  background: white;\n  color: #17a2b8;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);\n}\n\n.control-btn[_ngcontent-%COMP%] {\n  background: white;\n  border: 1px solid #dee2e6;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.control-btn[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #ced4da;\n}\n\n.control-btn.primary[_ngcontent-%COMP%] {\n  background: #17a2b8;\n  border-color: #17a2b8;\n  color: white;\n}\n\n.control-btn.primary[_ngcontent-%COMP%]:hover {\n  background: #1485a3;\n  border-color: #1485a3;\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.main-splitter[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n}\n\n\n\n.filter-panel[_ngcontent-%COMP%] {\n  height: 100%;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.filter-panel-header[_ngcontent-%COMP%] {\n  padding: 16px;\n  border-bottom: 1px solid #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n.filter-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  font-size: 12px;\n}\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%]   .summary-value[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #17a2b8;\n}\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%]   .summary-label[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 4px 8px;\n  cursor: pointer;\n  color: #6c757d;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n  background: #f0f0f0;\n  color: #333;\n}\n\n.filter-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n.filter-group[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n}\n.filter-group[_ngcontent-%COMP%]   .filter-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.filter-group[_ngcontent-%COMP%]   .filter-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #17a2b8;\n}\n\n.filter-input[_ngcontent-%COMP%], \n.filter-select[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid #dee2e6;\n  border-radius: 6px;\n  font-size: 14px;\n  background: white;\n  transition: border-color 0.2s;\n  box-sizing: border-box;\n}\n.filter-input[_ngcontent-%COMP%]:focus, \n.filter-select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #17a2b8;\n}\n.filter-input[_ngcontent-%COMP%]::placeholder, \n.filter-select[_ngcontent-%COMP%]::placeholder {\n  color: #adb5bd;\n}\n\n.filter-select[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.filter-actions[_ngcontent-%COMP%] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid #f0f0f0;\n}\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px 16px;\n  background: #f8f9fa;\n  border: 1px solid #dee2e6;\n  border-radius: 6px;\n  color: #6c757d;\n  font-size: 14px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition: all 0.2s;\n}\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%]:hover {\n  background: #e9ecef;\n  border-color: #ced4da;\n  color: #495057;\n}\n\n\n\n.prompts-content[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 24px;\n  background: #f5f7fa;\n}\n\n\n\n.prompts-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n  gap: 20px;\n}\n\n.prompt-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n  border: 1px solid #e0e6ed;\n  transition: all 0.3s ease;\n  overflow: hidden;\n}\n\n.prompt-card[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n  transform: translateY(-2px);\n}\n\n.prompt-card.expanded[_ngcontent-%COMP%] {\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);\n}\n\n.card-header[_ngcontent-%COMP%] {\n  padding: 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  cursor: pointer;\n  user-select: none;\n  border-bottom: 1px solid #f0f4f8;\n}\n\n.prompt-info[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n}\n\n.prompt-icon[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: #17a2b8;\n}\n\n.prompt-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: white;\n  font-size: 20px;\n}\n\n.prompt-details[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-name[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n  margin-bottom: 6px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.prompt-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.meta-item[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6c757d;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.meta-item.status-active[_ngcontent-%COMP%] {\n  color: #28a745;\n}\n\n.meta-item.status-pending[_ngcontent-%COMP%] {\n  color: #ffc107;\n}\n\n.meta-item.status-inactive[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #6c757d;\n  transition: transform 0.3s ease;\n}\n\n.expand-icon.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 0 20px 20px 20px;\n}\n\n.prompt-description[_ngcontent-%COMP%] {\n  margin: 16px 0 0 0;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #6c757d;\n}\n\n.prompt-description.text-muted[_ngcontent-%COMP%] {\n  font-style: italic;\n  color: #adb5bd;\n}\n\n\n\n.expanded-content[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #f0f4f8;\n  animation: _ngcontent-%COMP%_slideDown 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.prompt-stats[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 16px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #495057;\n  font-weight: 500;\n}\n\n\n\n.card-actions[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n  background: #f8f9fa;\n  border-top: 1px solid #e0e6ed;\n  display: flex;\n  gap: 12px;\n  justify-content: flex-end;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n  background: white;\n  border: 1px solid #dee2e6;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #ced4da;\n}\n\n.action-btn-primary[_ngcontent-%COMP%] {\n  background: #17a2b8;\n  border-color: #17a2b8;\n  color: white;\n}\n\n.action-btn-primary[_ngcontent-%COMP%]:hover {\n  background: #1485a3;\n  border-color: #1485a3;\n}\n\n\n\n.prompts-list[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n  border: 1px solid #e0e6ed;\n  overflow: hidden;\n}\n\n.prompts-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.prompts-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background: #f8f9fa;\n  border-bottom: 2px solid #e0e6ed;\n}\n\n.prompts-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.prompts-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #f0f4f8;\n}\n\n.prompts-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n}\n\n.prompts-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 16px;\n  font-size: 14px;\n  color: #495057;\n}\n\n.prompt-name-cell[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.prompt-icon-small[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: #17a2b8;\n}\n\n.prompt-icon-small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: white;\n  font-size: 16px;\n}\n\n.prompt-description-small[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6c757d;\n  margin-top: 2px;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  border-radius: 16px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.status-badge.status-active[_ngcontent-%COMP%] {\n  background: #d4edda;\n  color: #155724;\n}\n\n.status-badge.status-pending[_ngcontent-%COMP%] {\n  background: #fff3cd;\n  color: #856404;\n}\n\n.status-badge.status-inactive[_ngcontent-%COMP%] {\n  background: #e2e3e5;\n  color: #383d41;\n}\n\n.status-badge.status-unknown[_ngcontent-%COMP%] {\n  background: #f8f9fa;\n  color: #6c757d;\n}\n\n.table-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.action-btn-small[_ngcontent-%COMP%] {\n  background: white;\n  border: 1px solid #dee2e6;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.action-btn-small[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #ced4da;\n}\n\n.action-btn-small.primary[_ngcontent-%COMP%] {\n  background: #17a2b8;\n  border-color: #17a2b8;\n  color: white;\n}\n\n.action-btn-small.primary[_ngcontent-%COMP%]:hover {\n  background: #1485a3;\n  border-color: #1485a3;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 80px 20px;\n  color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 64px;\n  color: #dee2e6;\n  margin-bottom: 24px;\n  display: block;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  color: #495057;\n  font-weight: 600;\n  margin-bottom: 12px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 15px;\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0 auto 24px;\n}\n\n.empty-state-btn[_ngcontent-%COMP%] {\n  background: #17a2b8;\n  color: white;\n  border: none;\n  padding: 10px 24px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.empty-state-btn[_ngcontent-%COMP%]:hover {\n  background: #1485a3;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(23, 162, 184, 0.3);\n}\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 400px;\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  display: inline-block;\n  margin-bottom: 16px;\n}\n\n.spinner-ring[_ngcontent-%COMP%] {\n  display: inline-block;\n  width: 40px;\n  height: 40px;\n  margin: 3px;\n  border-radius: 50%;\n  border: 3px solid #17a2b8;\n  border-color: #17a2b8 transparent #17a2b8 transparent;\n  animation: _ngcontent-%COMP%_spinner-ring 1.2s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spinner-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loading-text[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 14px;\n}\n\n\n\n@media (max-width: 768px) {\n  .dashboard-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n    align-items: stretch;\n  }\n  .header-info[_ngcontent-%COMP%] {\n    justify-content: space-between;\n  }\n  .header-controls[_ngcontent-%COMP%] {\n    justify-content: space-between;\n  }\n  .prompts-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n  .prompt-stats[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n}"] });
-};
-PromptManagementV2Component = __decorate([
-    RegisterClass(BaseResourceComponent, 'AIPromptsResource')
-], PromptManagementV2Component);
-export { PromptManagementV2Component };
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PromptManagementV2Component, [{
-        type: Component,
-        args: [{ selector: 'app-prompt-management-v2', template: "<div class=\"prompt-management-container\">\n  <!-- Header -->\n  <div class=\"dashboard-header\">\n    <div class=\"header-info\">\n      <h2 class=\"dashboard-title\">\n        <i class=\"fa-solid fa-message\"></i>\n        AI Prompts\n      </h2>\n      <button\n        type=\"button\"\n        class=\"filter-toggle-btn\"\n        (click)=\"toggleFilters()\"\n        title=\"Toggle Filters\">\n        <i class=\"fa-solid fa-filter\"></i>\n        @if (showFilters) {\n          Hide Filters\n        } @else {\n          Show Filters\n        }\n      </button>\n      <span class=\"item-count\">{{ filteredPrompts.length }} prompts</span>\n    </div>\n\n    <div class=\"header-controls\">\n      <div class=\"view-toggle\">\n        <button\n          type=\"button\"\n          class=\"view-btn\"\n          [class.active]=\"viewMode === 'grid'\"\n          (click)=\"setViewMode('grid')\"\n          title=\"Grid View\">\n          <i class=\"fa-solid fa-grip\"></i>\n        </button>\n        <button\n          type=\"button\"\n          class=\"view-btn\"\n          [class.active]=\"viewMode === 'list'\"\n          (click)=\"setViewMode('list')\"\n          title=\"List View\">\n          <i class=\"fa-solid fa-list\"></i>\n        </button>\n      </div>\n\n      @if (UserCanCreatePrompts) {\n        <button\n          type=\"button\"\n          class=\"control-btn primary\"\n          (click)=\"createNewPrompt()\"\n          title=\"Create New Prompt\">\n          <i class=\"fa-solid fa-plus\"></i>\n          New Prompt\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content with Splitter -->\n  <div class=\"main-content\">\n    <kendo-splitter\n      class=\"main-splitter\"\n      orientation=\"horizontal\">\n\n      <!-- Filter Panel (Left) -->\n      <kendo-splitter-pane\n        [size]=\"showFilters ? '320px' : '0px'\"\n        [collapsible]=\"false\"\n        [resizable]=\"showFilters\"\n        [scrollable]=\"false\"\n        [hidden]=\"!showFilters\">\n        <div class=\"filter-panel\">\n          <div class=\"filter-panel-header\">\n            <h3>Prompt Filters</h3>\n            <div class=\"filter-summary-inline\">\n              <span class=\"summary-value\">{{ filteredPrompts.length }}</span>\n              <span class=\"summary-label\">of {{ prompts.length }}</span>\n            </div>\n            <button class=\"close-btn\" (click)=\"toggleFilterPanel()\">\n              <i class=\"fa-solid fa-times\"></i>\n            </button>\n          </div>\n\n          <div class=\"filter-content\">\n            <!-- Search Filter -->\n            <div class=\"filter-group\">\n              <label class=\"filter-label\">\n                <i class=\"fa-solid fa-search\"></i>\n                Name\n              </label>\n              <input\n                type=\"text\"\n                class=\"filter-input\"\n                placeholder=\"Search prompts...\"\n                [value]=\"searchTerm\"\n                (input)=\"onSearchChange($any($event.target).value)\"\n              />\n            </div>\n\n            <!-- Category Filter -->\n            <div class=\"filter-group\">\n              <label class=\"filter-label\">\n                <i class=\"fa-solid fa-folder\"></i>\n                Category\n              </label>\n              <select class=\"filter-select\" [value]=\"selectedCategory\" (change)=\"onCategoryChange($any($event.target).value)\">\n                <option value=\"all\">All Categories</option>\n                @for (category of categories; track category.ID) {\n                  <option [value]=\"category.ID\">{{ category.Name }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Type Filter -->\n            <div class=\"filter-group\">\n              <label class=\"filter-label\">\n                <i class=\"fa-solid fa-tag\"></i>\n                Type\n              </label>\n              <select class=\"filter-select\" [value]=\"selectedType\" (change)=\"onTypeChange($any($event.target).value)\">\n                <option value=\"all\">All Types</option>\n                @for (type of types; track type.ID) {\n                  <option [value]=\"type.ID\">{{ type.Name }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Status Filter -->\n            <div class=\"filter-group\">\n              <label class=\"filter-label\">\n                <i class=\"fa-solid fa-toggle-on\"></i>\n                Status\n              </label>\n              <select class=\"filter-select\" [value]=\"selectedStatus\" (change)=\"onStatusChange($any($event.target).value)\">\n                <option value=\"all\">All Statuses</option>\n                <option value=\"active\">Active</option>\n                <option value=\"inactive\">Inactive</option>\n              </select>\n            </div>\n\n            <!-- Reset Button -->\n            <div class=\"filter-actions\">\n              <button class=\"reset-btn\" (click)=\"clearFilters()\" title=\"Reset all filters\">\n                <i class=\"fa-solid fa-undo\"></i>\n                Reset Filters\n              </button>\n            </div>\n          </div>\n        </div>\n      </kendo-splitter-pane>\n\n      <!-- Prompts List Panel -->\n      <kendo-splitter-pane\n        [resizable]=\"true\"\n        [scrollable]=\"true\">\n        <div class=\"prompts-content\">\n          <!-- Loading State -->\n          @if (isLoading) {\n            <div class=\"loading-container\">\n              <mj-loading [text]=\"currentLoadingMessage\" size=\"large\"></mj-loading>\n            </div>\n          }\n\n          <!-- Prompts Display -->\n          @if (!isLoading) {\n            @if (filteredPrompts.length === 0) {\n              <div class=\"empty-state\">\n                <i class=\"fa-solid fa-message\"></i>\n                <h3>No prompts found</h3>\n                <p>{{ hasActiveFilters ? 'Try adjusting your filters' : 'Create your first AI prompt to get started' }}</p>\n                @if (!hasActiveFilters && UserCanCreatePrompts) {\n                  <button\n                    type=\"button\"\n                    class=\"empty-state-btn\"\n                    (click)=\"createNewPrompt()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Create New Prompt\n                  </button>\n                }\n              </div>\n            } @else {\n              <!-- Grid View -->\n              @if (viewMode === 'grid') {\n                <div class=\"prompts-grid\">\n                  @for (prompt of filteredPrompts; track prompt.ID) {\n                    <div class=\"prompt-card\" [class.expanded]=\"expandedPromptId === prompt.ID\">\n                      <!-- Card Header -->\n                      <div class=\"card-header\" (click)=\"togglePromptExpansion(prompt.ID)\">\n                        <div class=\"prompt-info\">\n                          <div class=\"prompt-icon\">\n                            <i [class]=\"getPromptIcon(prompt)\"></i>\n                          </div>\n                          <div class=\"prompt-details\">\n                            <h4 class=\"prompt-name\">{{ prompt.Name }}</h4>\n                            <div class=\"prompt-meta\">\n                              <span class=\"meta-item\">\n                                <i class=\"fa-solid fa-folder\"></i>\n                                {{ prompt.CategoryName }}\n                              </span>\n                              @if (prompt.Status) {\n                                <span class=\"meta-item\" [class]=\"'status-' + prompt.Status.toLowerCase()\">\n                                  <i class=\"fa-solid fa-circle\" style=\"font-size: 8px;\"></i>\n                                  {{ prompt.Status }}\n                                </span>\n                              }\n                            </div>\n                          </div>\n                        </div>\n\n                        <i class=\"fa-solid fa-chevron-down expand-icon\"\n                           [class.rotated]=\"expandedPromptId === prompt.ID\"></i>\n                      </div>\n\n                      <!-- Card Body -->\n                      <div class=\"card-body\">\n                        @if (prompt.Description) {\n                          <p class=\"prompt-description\">{{ prompt.Description }}</p>\n                        } @else {\n                          <p class=\"prompt-description text-muted\">No description provided</p>\n                        }\n\n                        <!-- Expandable Content -->\n                        @if (expandedPromptId === prompt.ID) {\n                          <div class=\"expanded-content\">\n                            <div class=\"prompt-stats\">\n                              <div class=\"stat-item\">\n                                <span class=\"stat-label\">Type</span>\n                                <span class=\"stat-value\">{{ prompt.TypeName }}</span>\n                              </div>\n                              <div class=\"stat-item\">\n                                <span class=\"stat-label\">Template</span>\n                                <span class=\"stat-value\">\n                                  @if (prompt.TemplateEntity) {\n                                    <i class=\"fa-solid fa-check\" style=\"color: #28a745;\"></i> Yes\n                                  } @else {\n                                    <i class=\"fa-solid fa-times\" style=\"color: #dc3545;\"></i> No\n                                  }\n                                </span>\n                              </div>\n                            </div>\n                          </div>\n                        }\n                      </div>\n\n                      <!-- Card Actions -->\n                      <div class=\"card-actions\">\n                        @if (UserCanReadPrompts) {\n                          <button\n                            type=\"button\"\n                            class=\"action-btn\"\n                            (click)=\"openPrompt(prompt.ID); $event.stopPropagation()\"\n                            title=\"Open Prompt\">\n                            <i class=\"fa-solid fa-external-link-alt\"></i>\n                            Open\n                          </button>\n                        }\n\n                        @if (prompt.Status === 'Active' && UserCanReadPrompts) {\n                          <button\n                            type=\"button\"\n                            class=\"action-btn action-btn-primary\"\n                            (click)=\"testPrompt(prompt.ID, $event)\"\n                            title=\"Run Prompt\">\n                            <i class=\"fa-solid fa-play\"></i>\n                            Run\n                          </button>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n\n              <!-- List View -->\n              @if (viewMode === 'list') {\n                <div class=\"prompts-list\">\n                  <table class=\"prompts-table\">\n                    <thead>\n                      <tr>\n                        <th>Name</th>\n                        <th>Category</th>\n                        <th>Type</th>\n                        <th>Status</th>\n                        <th>Template</th>\n                        <th>Actions</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      @for (prompt of filteredPrompts; track prompt.ID) {\n                        <tr>\n                          <td>\n                            <div class=\"prompt-name-cell\">\n                              <div class=\"prompt-icon-small\">\n                                <i [class]=\"getPromptIcon(prompt)\"></i>\n                              </div>\n                              <div>\n                                <div class=\"prompt-name\">{{ prompt.Name }}</div>\n                                @if (prompt.Description) {\n                                  <div class=\"prompt-description-small\">{{ prompt.Description }}</div>\n                                }\n                              </div>\n                            </div>\n                          </td>\n                          <td>{{ prompt.CategoryName }}</td>\n                          <td>{{ prompt.TypeName }}</td>\n                          <td>\n                            <span class=\"status-badge\" [class]=\"'status-' + (prompt.Status || 'unknown').toLowerCase()\">\n                              {{ prompt.Status || 'Unknown' }}\n                            </span>\n                          </td>\n                          <td>\n                            @if (prompt.TemplateEntity) {\n                              <i class=\"fa-solid fa-check-circle\" style=\"color: #28a745;\"></i>\n                            } @else {\n                              <i class=\"fa-solid fa-times-circle\" style=\"color: #6c757d;\"></i>\n                            }\n                          </td>\n                          <td>\n                            <div class=\"table-actions\">\n                              @if (UserCanReadPrompts) {\n                                <button\n                                  type=\"button\"\n                                  class=\"action-btn-small\"\n                                  (click)=\"openPrompt(prompt.ID)\"\n                                  title=\"Open Prompt\">\n                                  <i class=\"fa-solid fa-external-link-alt\"></i>\n                                </button>\n                              }\n                              @if (prompt.Status === 'Active' && UserCanReadPrompts) {\n                                <button\n                                  type=\"button\"\n                                  class=\"action-btn-small primary\"\n                                  (click)=\"testPrompt(prompt.ID, $event)\"\n                                  title=\"Run Prompt\">\n                                  <i class=\"fa-solid fa-play\"></i>\n                                </button>\n                              }\n                            </div>\n                          </td>\n                        </tr>\n                      }\n                    </tbody>\n                  </table>\n                </div>\n              }\n            }\n          }\n        </div>\n      </kendo-splitter-pane>\n    </kendo-splitter>\n  </div>\n</div>\n", styles: ["/* Prompt Management Component - Modern Design */\n.prompt-management-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f5f7fa;\n}\n\n/* Dashboard Header */\n.dashboard-header {\n  background: white;\n  padding: 16px 24px;\n  border-bottom: 1px solid #e0e6ed;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);\n}\n\n.header-info {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.dashboard-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: #2c3e50;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.dashboard-title i {\n  color: #17a2b8;\n}\n\n.filter-toggle-btn {\n  background: #f8f9fa;\n  border: 1px solid #dee2e6;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-size: 14px;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.filter-toggle-btn:hover {\n  background: #e9ecef;\n  border-color: #ced4da;\n}\n\n.item-count {\n  color: #6c757d;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.header-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n/* View Toggle */\n.view-toggle {\n  display: flex;\n  background: #f8f9fa;\n  border-radius: 6px;\n  padding: 2px;\n  border: 1px solid #dee2e6;\n}\n\n.view-btn {\n  background: transparent;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  color: #6c757d;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  font-size: 16px;\n}\n\n.view-btn:hover {\n  color: #495057;\n}\n\n.view-btn.active {\n  background: white;\n  color: #17a2b8;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);\n}\n\n.control-btn {\n  background: white;\n  border: 1px solid #dee2e6;\n  padding: 8px 16px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.control-btn:hover {\n  background: #f8f9fa;\n  border-color: #ced4da;\n}\n\n.control-btn.primary {\n  background: #17a2b8;\n  border-color: #17a2b8;\n  color: white;\n}\n\n.control-btn.primary:hover {\n  background: #1485a3;\n  border-color: #1485a3;\n}\n\n/* Main Content */\n.main-content {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.main-splitter {\n  flex: 1;\n  min-height: 0;\n}\n\n/* Filter Panel */\n.filter-panel {\n  height: 100%;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.filter-panel-header {\n  padding: 16px;\n  border-bottom: 1px solid #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n.filter-panel-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n}\n.filter-panel-header .filter-summary-inline {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  font-size: 12px;\n}\n.filter-panel-header .filter-summary-inline .summary-value {\n  font-weight: 600;\n  color: #17a2b8;\n}\n.filter-panel-header .filter-summary-inline .summary-label {\n  color: #6c757d;\n}\n.filter-panel-header .close-btn {\n  background: none;\n  border: none;\n  padding: 4px 8px;\n  cursor: pointer;\n  color: #6c757d;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n.filter-panel-header .close-btn:hover {\n  background: #f0f0f0;\n  color: #333;\n}\n\n.filter-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n.filter-group {\n  margin-bottom: 20px;\n}\n.filter-group .filter-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.filter-group .filter-label i {\n  font-size: 12px;\n  color: #17a2b8;\n}\n\n.filter-input,\n.filter-select {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid #dee2e6;\n  border-radius: 6px;\n  font-size: 14px;\n  background: white;\n  transition: border-color 0.2s;\n  box-sizing: border-box;\n}\n.filter-input:focus,\n.filter-select:focus {\n  outline: none;\n  border-color: #17a2b8;\n}\n.filter-input::placeholder,\n.filter-select::placeholder {\n  color: #adb5bd;\n}\n\n.filter-select {\n  cursor: pointer;\n}\n\n.filter-actions {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid #f0f0f0;\n}\n.filter-actions .reset-btn {\n  width: 100%;\n  padding: 10px 16px;\n  background: #f8f9fa;\n  border: 1px solid #dee2e6;\n  border-radius: 6px;\n  color: #6c757d;\n  font-size: 14px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition: all 0.2s;\n}\n.filter-actions .reset-btn:hover {\n  background: #e9ecef;\n  border-color: #ced4da;\n  color: #495057;\n}\n\n/* Prompts Content */\n.prompts-content {\n  height: 100%;\n  overflow-y: auto;\n  padding: 24px;\n  background: #f5f7fa;\n}\n\n/* Grid View */\n.prompts-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n  gap: 20px;\n}\n\n.prompt-card {\n  background: white;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n  border: 1px solid #e0e6ed;\n  transition: all 0.3s ease;\n  overflow: hidden;\n}\n\n.prompt-card:hover {\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n  transform: translateY(-2px);\n}\n\n.prompt-card.expanded {\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);\n}\n\n.card-header {\n  padding: 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  cursor: pointer;\n  user-select: none;\n  border-bottom: 1px solid #f0f4f8;\n}\n\n.prompt-info {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n}\n\n.prompt-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: #17a2b8;\n}\n\n.prompt-icon i {\n  color: white;\n  font-size: 20px;\n}\n\n.prompt-details {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-name {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #2c3e50;\n  margin-bottom: 6px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.prompt-meta {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.meta-item {\n  font-size: 13px;\n  color: #6c757d;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.meta-item i {\n  font-size: 12px;\n}\n\n.meta-item.status-active {\n  color: #28a745;\n}\n\n.meta-item.status-pending {\n  color: #ffc107;\n}\n\n.meta-item.status-inactive {\n  color: #6c757d;\n}\n\n.expand-icon {\n  font-size: 14px;\n  color: #6c757d;\n  transition: transform 0.3s ease;\n}\n\n.expand-icon.rotated {\n  transform: rotate(180deg);\n}\n\n.card-body {\n  padding: 0 20px 20px 20px;\n}\n\n.prompt-description {\n  margin: 16px 0 0 0;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #6c757d;\n}\n\n.prompt-description.text-muted {\n  font-style: italic;\n  color: #adb5bd;\n}\n\n/* Expanded Content */\n.expanded-content {\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #f0f4f8;\n  animation: slideDown 0.3s ease;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.prompt-stats {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 16px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-value {\n  font-size: 14px;\n  color: #495057;\n  font-weight: 500;\n}\n\n/* Card Actions */\n.card-actions {\n  padding: 16px 20px;\n  background: #f8f9fa;\n  border-top: 1px solid #e0e6ed;\n  display: flex;\n  gap: 12px;\n  justify-content: flex-end;\n}\n\n.action-btn {\n  background: white;\n  border: 1px solid #dee2e6;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.action-btn:hover {\n  background: #f8f9fa;\n  border-color: #ced4da;\n}\n\n.action-btn-primary {\n  background: #17a2b8;\n  border-color: #17a2b8;\n  color: white;\n}\n\n.action-btn-primary:hover {\n  background: #1485a3;\n  border-color: #1485a3;\n}\n\n/* List View */\n.prompts-list {\n  background: white;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n  border: 1px solid #e0e6ed;\n  overflow: hidden;\n}\n\n.prompts-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.prompts-table thead {\n  background: #f8f9fa;\n  border-bottom: 2px solid #e0e6ed;\n}\n\n.prompts-table th {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.prompts-table tbody tr {\n  border-bottom: 1px solid #f0f4f8;\n}\n\n.prompts-table tbody tr:hover {\n  background: #f8f9fa;\n}\n\n.prompts-table td {\n  padding: 16px;\n  font-size: 14px;\n  color: #495057;\n}\n\n.prompt-name-cell {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.prompt-icon-small {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: #17a2b8;\n}\n\n.prompt-icon-small i {\n  color: white;\n  font-size: 16px;\n}\n\n.prompt-description-small {\n  font-size: 13px;\n  color: #6c757d;\n  margin-top: 2px;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 12px;\n  border-radius: 16px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.status-badge.status-active {\n  background: #d4edda;\n  color: #155724;\n}\n\n.status-badge.status-pending {\n  background: #fff3cd;\n  color: #856404;\n}\n\n.status-badge.status-inactive {\n  background: #e2e3e5;\n  color: #383d41;\n}\n\n.status-badge.status-unknown {\n  background: #f8f9fa;\n  color: #6c757d;\n}\n\n.table-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.action-btn-small {\n  background: white;\n  border: 1px solid #dee2e6;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 12px;\n  color: #495057;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.action-btn-small:hover {\n  background: #f8f9fa;\n  border-color: #ced4da;\n}\n\n.action-btn-small.primary {\n  background: #17a2b8;\n  border-color: #17a2b8;\n  color: white;\n}\n\n.action-btn-small.primary:hover {\n  background: #1485a3;\n  border-color: #1485a3;\n}\n\n/* Empty State */\n.empty-state {\n  text-align: center;\n  padding: 80px 20px;\n  color: #6c757d;\n}\n\n.empty-state i {\n  font-size: 64px;\n  color: #dee2e6;\n  margin-bottom: 24px;\n  display: block;\n}\n\n.empty-state h3 {\n  color: #495057;\n  font-weight: 600;\n  margin-bottom: 12px;\n}\n\n.empty-state p {\n  font-size: 15px;\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0 auto 24px;\n}\n\n.empty-state-btn {\n  background: #17a2b8;\n  color: white;\n  border: none;\n  padding: 10px 24px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.empty-state-btn:hover {\n  background: #1485a3;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(23, 162, 184, 0.3);\n}\n\n/* Loading State */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 400px;\n}\n\n.loading-content {\n  text-align: center;\n}\n\n.loading-spinner {\n  display: inline-block;\n  margin-bottom: 16px;\n}\n\n.spinner-ring {\n  display: inline-block;\n  width: 40px;\n  height: 40px;\n  margin: 3px;\n  border-radius: 50%;\n  border: 3px solid #17a2b8;\n  border-color: #17a2b8 transparent #17a2b8 transparent;\n  animation: spinner-ring 1.2s linear infinite;\n}\n\n@keyframes spinner-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loading-text {\n  color: #6c757d;\n  font-size: 14px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .dashboard-header {\n    flex-direction: column;\n    gap: 16px;\n    align-items: stretch;\n  }\n  .header-info {\n    justify-content: space-between;\n  }\n  .header-controls {\n    justify-content: space-between;\n  }\n  .prompts-grid {\n    grid-template-columns: 1fr;\n  }\n  .prompt-stats {\n    grid-template-columns: 1fr;\n  }\n}\n"] }]
-    }], () => [{ type: i1.SharedService }, { type: i2.AITestHarnessDialogService }, { type: i1.NavigationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PromptManagementV2Component, { className: "PromptManagementV2Component", filePath: "src/AI/components/prompts/prompt-management-v2.component.ts", lineNumber: 36 }); })();
-//# sourceMappingURL=prompt-management-v2.component.js.map