@memberjunction/ng-dashboards 2.42.0 → 2.42.1

package/dist/AI/components/prompts/model-prompt-priority-matrix.component.js

@@ -0,0 +1,954 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { RunView, Metadata, LogError, LogStatus } from '@memberjunction/core';
+import { Subject, BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-notifications";
+import * as i2 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.promptId + "_" + $item.modelId;
+function ModelPromptPriorityMatrixComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵtext(2, " Unsaved changes ");
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "button", 25);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_26_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.bulkEditMode = !ctx_r1.bulkEditMode); });
+    i0.ɵɵelement(2, "i", 26);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 27);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_26_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.bulkRemoveSelectedCells()); });
+    i0.ɵɵelement(5, "i", 28);
+    i0.ɵɵtext(6, " Remove ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r1.bulkEditMode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Edit (", ctx_r1.selectedCells.size, ") ");
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_28_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.discardChanges()); });
+    i0.ɵɵelement(1, "i", 30);
+    i0.ɵɵtext(2, " Discard ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 31);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_28_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveChanges()); });
+    i0.ɵɵelement(4, "i", 32);
+    i0.ɵɵtext(5, " Save ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.isLoading);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 33)(2, "div", 34)(3, "label", 35);
+    i0.ɵɵtext(4, "Priority:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "input", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function ModelPromptPriorityMatrixComponent_Conditional_32_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.bulkEditPriority, $event) || (ctx_r1.bulkEditPriority = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 34)(7, "label", 37);
+    i0.ɵɵtext(8, "Status:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "select", 38);
+    i0.ɵɵtwoWayListener("ngModelChange", function ModelPromptPriorityMatrixComponent_Conditional_32_Template_select_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.bulkEditStatus, $event) || (ctx_r1.bulkEditStatus = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "option", 39);
+    i0.ɵɵtext(11, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "option", 40);
+    i0.ɵɵtext(13, "Inactive");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(14, "div", 34)(15, "button", 41);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_32_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.bulkUpdateSelectedCells()); });
+    i0.ɵɵelement(16, "i", 42);
+    i0.ɵɵtext(17, " Apply ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "button", 43);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_32_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.bulkEditMode = false); });
+    i0.ɵɵelement(19, "i", 44);
+    i0.ɵɵtext(20, " Cancel ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "div", 45)(22, "small", 46);
+    i0.ɵɵtext(23);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.bulkEditPriority);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.bulkEditStatus);
+    i0.ɵɵadvance(14);
+    i0.ɵɵtextInterpolate1(" Editing ", ctx_r1.selectedCells.size, " selected cell(s). Use Ctrl+Click for multi-select, Shift+Click for range select. ");
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 47)(2, "div", 48)(3, "span", 49);
+    i0.ɵɵtext(4, "Loading...");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "p", 50);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.loadingMessage);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 56)(1, "div", 58)(2, "div", 59);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 60)(5, "small", 46);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const model_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("title", model_r5.Description || model_r5.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(model_r5.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.getModelAssociationCount(model_r5.ID));
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵelement(1, "i", 70);
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69)(1, "small");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const assoc_r11 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r1.performanceData[assoc_r11.promptId + "_" + assoc_r11.modelId].avgResponseTime, "ms");
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64)(1, "div");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_3_Template, 2, 0, "div", 66)(4, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_4_Template, 2, 0, "div", 67)(5, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_5_Template, 2, 0, "div", 68)(6, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Conditional_6_Template, 3, 1, "div", 69);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const assoc_r11 = ctx;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMapInterpolate1("priority-badge priority-", assoc_r11.priority, "");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", assoc_r11.priority, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(assoc_r11.status === "Inactive" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(assoc_r11.isNew ? 4 : assoc_r11.isModified ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.showPerformanceOverlay && ctx_r1.performanceData[assoc_r11.promptId + "_" + assoc_r11.modelId] ? 6 : -1);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelement(1, "i", 70);
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵtemplate(1, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_2_Conditional_1_Template, 2, 0, "div", 72)(2, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_2_Conditional_2_Template, 2, 0, "div", 73);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_183_r9 = i0.ɵɵnextContext().$index;
+    const ɵ$index_168_r10 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.matrix[ɵ$index_168_r10][ɵ$index_183_r9].canAssign ? 1 : 2);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "td", 63);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Template_td_click_0_listener($event) { const ɵ$index_183_r9 = i0.ɵɵrestoreView(_r8).$index; const ɵ$index_168_r10 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCellClick(ɵ$index_168_r10, ɵ$index_183_r9, $event)); })("dblclick", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Template_td_dblclick_0_listener() { const ɵ$index_183_r9 = i0.ɵɵrestoreView(_r8).$index; const ɵ$index_168_r10 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onCellDoubleClick(ɵ$index_168_r10, ɵ$index_183_r9)); });
+    i0.ɵɵtemplate(1, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_1_Template, 7, 7, "div", 64)(2, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Conditional_2_Template, 3, 1, "div", 65);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_26_0;
+    const ɵ$index_183_r9 = ctx.$index;
+    const ɵ$index_168_r10 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r1.getCellClass(ctx_r1.matrix[ɵ$index_168_r10][ɵ$index_183_r9]));
+    i0.ɵɵproperty("title", ctx_r1.getCellTooltip(ctx_r1.matrix[ɵ$index_168_r10][ɵ$index_183_r9]));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_26_0 = ctx_r1.matrix[ɵ$index_168_r10][ɵ$index_183_r9].association) ? 1 : 2, tmp_26_0);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 57)(1, "th", 61);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_Template_th_click_1_listener() { const prompt_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectPrompt(prompt_r7)); });
+    i0.ɵɵelementStart(2, "div", 58)(3, "div", 59);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 60)(6, "small", 46);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵrepeaterCreate(8, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_For_9_Template, 3, 4, "td", 62, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const prompt_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", prompt_r7.Description || prompt_r7.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(prompt_r7.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.getPromptAssociationCount(prompt_r7.ID));
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.models);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51)(1, "div", 53)(2, "table", 54)(3, "thead")(4, "tr")(5, "th", 55);
+    i0.ɵɵtext(6, "Prompts \\\\ Models");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(7, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_8_Template, 7, 3, "th", 56, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "tbody");
+    i0.ɵɵrepeaterCreate(10, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_For_11_Template, 10, 3, "tr", 57, _forTrack0);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r1.models);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.prompts);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 102);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 103);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_9_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r13); const association_r14 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeAssociation(association_r14.promptId, association_r14.modelId)); });
+    i0.ɵɵelement(3, "i", 28);
+    i0.ɵɵelementEnd();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 99)(1, "span", 104);
+    i0.ɵɵelement(2, "i", 71);
+    i0.ɵɵtext(3, " New ");
+    i0.ɵɵelementEnd()();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 99)(1, "span", 105);
+    i0.ɵɵelement(2, "i", 26);
+    i0.ɵɵtext(3, " Modified ");
+    i0.ɵɵelementEnd()();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "div", 92)(2, "div", 93)(3, "strong", 94);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "i", 95);
+    i0.ɵɵelementStart(6, "strong", 96);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 97);
+    i0.ɵɵtemplate(9, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_9_Template, 4, 0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 98)(11, "div", 99)(12, "span", 100);
+    i0.ɵɵtext(13, "Priority:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 99)(17, "span", 100);
+    i0.ɵɵtext(18, "Status:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 101);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(21, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_21_Template, 4, 0, "div", 99)(22, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Conditional_22_Template, 4, 0, "div", 99);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const association_r14 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("inactive", association_r14.status === "Inactive")("new", association_r14.isNew)("modified", association_r14.isModified);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(association_r14.promptName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(association_r14.modelName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.readonly ? 9 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassMapInterpolate1("priority-badge priority-", association_r14.priority, "");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", association_r14.priority, " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("badge-success", association_r14.status === "Active")("badge-secondary", association_r14.status === "Inactive");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", association_r14.status, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(association_r14.isNew ? 21 : association_r14.isModified ? 22 : -1);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Conditional_0_Template, 23, 19, "div", 90);
+} if (rf & 2) {
+    const association_r14 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.showInactiveAssociations || association_r14.status === "Active" ? 0 : -1);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵelement(1, "i", 106);
+    i0.ɵɵelementStart(2, "p", 107);
+    i0.ɵɵtext(3, "No prompt-model associations found. Click on matrix cells to create associations.");
+    i0.ɵɵelementEnd()();
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 52)(1, "div", 74)(2, "div", 75)(3, "div", 76)(4, "label", 77);
+    i0.ɵɵtext(5, "Sort by:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "select", 78);
+    i0.ɵɵtwoWayListener("ngModelChange", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Template_select_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.sortBy, $event) || (ctx_r1.sortBy = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Template_select_ngModelChange_6_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.sortAssociations()); });
+    i0.ɵɵelementStart(7, "option", 79);
+    i0.ɵɵtext(8, "Prompt Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "option", 80);
+    i0.ɵɵtext(10, "Model Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "option", 81);
+    i0.ɵɵtext(12, "Priority");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "button", 82);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleSortDirection()); });
+    i0.ɵɵelement(14, "i", 83);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 84)(16, "div", 85)(17, "input", 86);
+    i0.ɵɵtwoWayListener("ngModelChange", function ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Template_input_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.showInactiveAssociations, $event) || (ctx_r1.showInactiveAssociations = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "label", 87);
+    i0.ɵɵtext(19, " Show inactive ");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(20, "div", 88);
+    i0.ɵɵrepeaterCreate(21, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_For_22_Template, 1, 1, null, null, _forTrack1);
+    i0.ɵɵtemplate(23, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Conditional_23_Template, 4, 0, "div", 89);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.sortBy);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("title", "Sort " + (ctx_r1.sortDirection === "asc" ? "descending" : "ascending"));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-sort-up", ctx_r1.sortDirection === "asc")("fa-sort-down", ctx_r1.sortDirection === "desc");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.showInactiveAssociations);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.associations);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.associations.length === 0 ? 23 : -1);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_0_Template, 12, 0, "div", 51)(1, ModelPromptPriorityMatrixComponent_Conditional_34_Conditional_1_Template, 24, 8, "div", 52);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.viewMode === "matrix" ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.viewMode === "list" ? 1 : -1);
+} }
+function ModelPromptPriorityMatrixComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 108);
+    i0.ɵɵelement(2, "i", 24);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementStart(4, "button", 109);
+    i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Conditional_35_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.loadData()); });
+    i0.ɵɵelement(5, "i", 110);
+    i0.ɵɵtext(6, " Retry ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.error, " ");
+} }
+export class ModelPromptPriorityMatrixComponent {
+    constructor(notificationService) {
+        this.notificationService = notificationService;
+        this.selectedPrompts = [];
+        this.selectedModels = [];
+        this.readonly = false;
+        this.associationsChange = new EventEmitter();
+        this.stateChange = new EventEmitter();
+        this.promptSelected = new EventEmitter();
+        // Data
+        this.prompts = [];
+        this.models = [];
+        this.associations = [];
+        this.matrix = [];
+        // UI State
+        this.isLoading = false;
+        this.loadingMessage = '';
+        this.error = null;
+        this.viewMode = 'matrix';
+        this.sortBy = 'priority';
+        this.sortDirection = 'asc';
+        this.showInactiveAssociations = false;
+        // Selection and editing
+        this.selectedCells = new Set();
+        this.editingCell = null;
+        this.bulkEditMode = false;
+        this.bulkEditPriority = 1;
+        this.bulkEditStatus = 'Active';
+        // Filtering
+        this.promptFilter$ = new BehaviorSubject('');
+        this.modelFilter$ = new BehaviorSubject('');
+        this.statusFilter$ = new BehaviorSubject('all');
+        // Performance metrics
+        this.performanceData = {};
+        this.showPerformanceOverlay = false;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.loadData();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    loadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                this.isLoading = true;
+                this.error = null;
+                this.loadingMessage = 'Loading prompts, models, and associations...';
+                const [prompts, models, associations] = yield Promise.all([
+                    this.loadPrompts(),
+                    this.loadModels(),
+                    this.loadAssociations()
+                ]);
+                this.prompts = this.selectedPrompts.length > 0 ? this.selectedPrompts : prompts;
+                this.models = this.selectedModels.length > 0 ? this.selectedModels : models;
+                this.buildAssociations(associations);
+                this.buildMatrix();
+                LogStatus('Model-prompt priority matrix loaded successfully');
+            }
+            catch (error) {
+                this.error = 'Failed to load matrix data. Please try again.';
+                LogError('Error loading matrix data', undefined, error);
+            }
+            finally {
+                this.isLoading = false;
+            }
+        });
+    }
+    loadPrompts() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            const result = yield rv.RunView({
+                EntityName: 'AI Prompts',
+                ExtraFilter: "Status = 'Active'",
+                OrderBy: 'Name',
+                UserSearchString: '',
+                IgnoreMaxRows: false,
+                MaxRows: 500
+            });
+            if (result && result.Success && result.Results) {
+                return result.Results;
+            }
+            else {
+                throw new Error('Failed to load AI prompts');
+            }
+        });
+    }
+    loadModels() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            const result = yield rv.RunView({
+                EntityName: 'AI Models',
+                ExtraFilter: "IsActive = 1",
+                OrderBy: 'Name',
+                UserSearchString: '',
+                IgnoreMaxRows: false,
+                MaxRows: 200
+            });
+            if (result && result.Success && result.Results) {
+                return result.Results;
+            }
+            else {
+                throw new Error('Failed to load AI models');
+            }
+        });
+    }
+    loadAssociations() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const rv = new RunView();
+            const result = yield rv.RunView({
+                EntityName: 'MJ: AI Prompt Models',
+                ExtraFilter: '',
+                OrderBy: 'Priority',
+                UserSearchString: '',
+                IgnoreMaxRows: false,
+                MaxRows: 2000
+            });
+            if (result && result.Success && result.Results) {
+                return result.Results;
+            }
+            else {
+                throw new Error('Failed to load prompt-model associations');
+            }
+        });
+    }
+    buildAssociations(dbAssociations) {
+        this.associations = [];
+        // Create associations for existing database records
+        dbAssociations.forEach(dbAssoc => {
+            const prompt = this.prompts.find(p => p.ID === dbAssoc.PromptID);
+            const model = this.models.find(m => m.ID === dbAssoc.ModelID);
+            if (prompt && model) {
+                this.associations.push({
+                    promptId: prompt.ID,
+                    promptName: prompt.Name,
+                    modelId: model.ID,
+                    modelName: model.Name,
+                    priority: dbAssoc.Priority || 1,
+                    status: dbAssoc.Status || 'Active',
+                    association: dbAssoc,
+                    isNew: false,
+                    isModified: false
+                });
+            }
+        });
+    }
+    buildMatrix() {
+        this.matrix = [];
+        this.prompts.forEach((prompt, promptIndex) => {
+            this.matrix[promptIndex] = [];
+            this.models.forEach((model, modelIndex) => {
+                const association = this.associations.find(a => a.promptId === prompt.ID && a.modelId === model.ID);
+                this.matrix[promptIndex][modelIndex] = {
+                    promptId: prompt.ID,
+                    modelId: model.ID,
+                    association: association || null,
+                    canAssign: this.canAssignModelToPrompt(prompt, model)
+                };
+            });
+        });
+    }
+    canAssignModelToPrompt(prompt, model) {
+        // Check model type compatibility
+        if (prompt.OutputType && model.AIModelTypeID) {
+            // Add business logic for compatibility checking
+            return true;
+        }
+        return true;
+    }
+    getCellKey(promptIndex, modelIndex) {
+        return `${promptIndex}-${modelIndex}`;
+    }
+    getCellClass(cell) {
+        const classes = ['matrix-cell'];
+        if (cell.association) {
+            classes.push('has-association');
+            classes.push(`priority-${Math.min(cell.association.priority, 5)}`);
+            if (cell.association.status === 'Inactive') {
+                classes.push('inactive');
+            }
+            if (cell.association.isNew) {
+                classes.push('new');
+            }
+            if (cell.association.isModified) {
+                classes.push('modified');
+            }
+        }
+        else {
+            classes.push('no-association');
+        }
+        if (!cell.canAssign) {
+            classes.push('cannot-assign');
+        }
+        const cellKey = this.getCellKey(this.prompts.findIndex(p => p.ID === cell.promptId), this.models.findIndex(m => m.ID === cell.modelId));
+        if (this.selectedCells.has(cellKey)) {
+            classes.push('selected');
+        }
+        if (this.editingCell === cellKey) {
+            classes.push('editing');
+        }
+        return classes.join(' ');
+    }
+    onCellClick(promptIndex, modelIndex, event) {
+        if (this.readonly)
+            return;
+        const cellKey = this.getCellKey(promptIndex, modelIndex);
+        const cell = this.matrix[promptIndex][modelIndex];
+        if (event.ctrlKey || event.metaKey) {
+            // Multi-select mode
+            if (this.selectedCells.has(cellKey)) {
+                this.selectedCells.delete(cellKey);
+            }
+            else {
+                this.selectedCells.add(cellKey);
+            }
+        }
+        else if (event.shiftKey && this.selectedCells.size > 0) {
+            // Range select mode
+            this.selectRange(promptIndex, modelIndex);
+        }
+        else {
+            // Single select mode
+            this.selectedCells.clear();
+            if (cell.canAssign) {
+                this.selectedCells.add(cellKey);
+            }
+        }
+    }
+    onCellDoubleClick(promptIndex, modelIndex) {
+        if (this.readonly)
+            return;
+        const cellKey = this.getCellKey(promptIndex, modelIndex);
+        const cell = this.matrix[promptIndex][modelIndex];
+        if (cell.canAssign) {
+            this.editingCell = cellKey;
+            if (!cell.association) {
+                // Create new association
+                this.createAssociation(cell.promptId, cell.modelId);
+            }
+        }
+    }
+    selectRange(endPromptIndex, endModelIndex) {
+        const selectedKeys = Array.from(this.selectedCells);
+        if (selectedKeys.length === 0)
+            return;
+        const lastSelectedKey = selectedKeys[selectedKeys.length - 1];
+        const [startPromptIndex, startModelIndex] = lastSelectedKey.split('-').map(Number);
+        const minPromptIndex = Math.min(startPromptIndex, endPromptIndex);
+        const maxPromptIndex = Math.max(startPromptIndex, endPromptIndex);
+        const minModelIndex = Math.min(startModelIndex, endModelIndex);
+        const maxModelIndex = Math.max(startModelIndex, endModelIndex);
+        this.selectedCells.clear();
+        for (let p = minPromptIndex; p <= maxPromptIndex; p++) {
+            for (let m = minModelIndex; m <= maxModelIndex; m++) {
+                const cell = this.matrix[p][m];
+                if (cell && cell.canAssign) {
+                    this.selectedCells.add(this.getCellKey(p, m));
+                }
+            }
+        }
+    }
+    createAssociation(promptId, modelId, priority = 1) {
+        const prompt = this.prompts.find(p => p.ID === promptId);
+        const model = this.models.find(m => m.ID === modelId);
+        if (!prompt || !model)
+            return;
+        const newAssociation = {
+            promptId,
+            promptName: prompt.Name,
+            modelId,
+            modelName: model.Name,
+            priority,
+            status: 'Active',
+            association: null,
+            isNew: true,
+            isModified: false
+        };
+        this.associations.push(newAssociation);
+        this.buildMatrix();
+        this.associationsChange.emit(this.associations);
+    }
+    updateAssociation(promptId, modelId, updates) {
+        const associationIndex = this.associations.findIndex(a => a.promptId === promptId && a.modelId === modelId);
+        if (associationIndex >= 0) {
+            const association = this.associations[associationIndex];
+            Object.assign(association, updates);
+            if (!association.isNew) {
+                association.isModified = true;
+            }
+            this.buildMatrix();
+            this.associationsChange.emit(this.associations);
+        }
+    }
+    removeAssociation(promptId, modelId) {
+        const associationIndex = this.associations.findIndex(a => a.promptId === promptId && a.modelId === modelId);
+        if (associationIndex >= 0) {
+            this.associations.splice(associationIndex, 1);
+            this.buildMatrix();
+            this.associationsChange.emit(this.associations);
+        }
+    }
+    bulkUpdateSelectedCells() {
+        if (this.selectedCells.size === 0)
+            return;
+        this.selectedCells.forEach(cellKey => {
+            const [promptIndex, modelIndex] = cellKey.split('-').map(Number);
+            const cell = this.matrix[promptIndex][modelIndex];
+            if (cell && cell.canAssign) {
+                if (cell.association) {
+                    this.updateAssociation(cell.promptId, cell.modelId, {
+                        priority: this.bulkEditPriority,
+                        status: this.bulkEditStatus
+                    });
+                }
+                else {
+                    this.createAssociation(cell.promptId, cell.modelId, this.bulkEditPriority);
+                }
+            }
+        });
+        this.selectedCells.clear();
+        this.bulkEditMode = false;
+    }
+    bulkRemoveSelectedCells() {
+        if (this.selectedCells.size === 0)
+            return;
+        this.selectedCells.forEach(cellKey => {
+            const [promptIndex, modelIndex] = cellKey.split('-').map(Number);
+            const cell = this.matrix[promptIndex][modelIndex];
+            if (cell && cell.association) {
+                this.removeAssociation(cell.promptId, cell.modelId);
+            }
+        });
+        this.selectedCells.clear();
+    }
+    saveChanges() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                this.isLoading = true;
+                this.loadingMessage = 'Saving associations...';
+                const md = new Metadata();
+                if (!md)
+                    throw new Error('Metadata provider not available');
+                const savePromises = [];
+                for (const association of this.associations) {
+                    if (association.isNew || association.isModified) {
+                        let entity;
+                        if (association.association) {
+                            // Update existing
+                            entity = yield md.GetEntityObject('MJ: AI Prompt Models', md.CurrentUser);
+                            yield entity.Load(association.association.ID);
+                        }
+                        else {
+                            // Create new
+                            entity = yield md.GetEntityObject('MJ: AI Prompt Models', md.CurrentUser);
+                        }
+                        entity.PromptID = association.promptId;
+                        entity.ModelID = association.modelId;
+                        entity.Priority = association.priority;
+                        entity.Status = association.status;
+                        savePromises.push(entity.Save());
+                    }
+                }
+                const results = yield Promise.all(savePromises);
+                const failures = results.filter(r => !r).length;
+                if (failures === 0) {
+                    this.notificationService.CreateSimpleNotification('All associations saved successfully', 'success', 3000);
+                    // Reload data to get fresh state
+                    yield this.loadData();
+                }
+                else {
+                    this.notificationService.CreateSimpleNotification(`${failures} association(s) failed to save`, 'warning', 4000);
+                }
+            }
+            catch (error) {
+                this.error = 'Failed to save associations. Please try again.';
+                LogError('Error saving associations', undefined, error);
+                this.notificationService.CreateSimpleNotification('Failed to save associations', 'error', 4000);
+            }
+            finally {
+                this.isLoading = false;
+            }
+        });
+    }
+    hasUnsavedChanges() {
+        return this.associations.some(a => a.isNew || a.isModified);
+    }
+    discardChanges() {
+        if (!this.hasUnsavedChanges())
+            return;
+        const confirm = window.confirm('Discard all unsaved changes?');
+        if (confirm) {
+            this.loadData();
+        }
+    }
+    getAssociationCount() {
+        return this.associations.filter(a => a.status === 'Active').length;
+    }
+    getModelAssociationCount(modelId) {
+        return this.associations.filter(a => a.modelId === modelId && a.status === 'Active').length;
+    }
+    getPromptAssociationCount(promptId) {
+        return this.associations.filter(a => a.promptId === promptId && a.status === 'Active').length;
+    }
+    getCellTooltip(association) {
+        if (!association)
+            return 'No association';
+        return `Priority: ${association.priority || 'Not set'}`;
+    }
+    getAveragePriority() {
+        const activeAssociations = this.associations.filter(a => a.status === 'Active');
+        if (activeAssociations.length === 0)
+            return 0;
+        const sum = activeAssociations.reduce((total, a) => total + a.priority, 0);
+        return Math.round((sum / activeAssociations.length) * 100) / 100;
+    }
+    sortAssociations() {
+        this.associations.sort((a, b) => {
+            let comparison = 0;
+            switch (this.sortBy) {
+                case 'prompt':
+                    comparison = a.promptName.localeCompare(b.promptName);
+                    break;
+                case 'model':
+                    comparison = a.modelName.localeCompare(b.modelName);
+                    break;
+                case 'priority':
+                    comparison = a.priority - b.priority;
+                    break;
+            }
+            return this.sortDirection === 'desc' ? -comparison : comparison;
+        });
+        this.buildMatrix();
+    }
+    toggleSortDirection() {
+        this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
+        this.sortAssociations();
+    }
+    onViewModeChange(mode) {
+        this.viewMode = mode;
+        this.selectedCells.clear();
+        this.editingCell = null;
+    }
+    exportMatrix() {
+        const exportData = {
+            prompts: this.prompts.map(p => ({ id: p.ID, name: p.Name })),
+            models: this.models.map(m => ({ id: m.ID, name: m.Name })),
+            associations: this.associations.map(a => ({
+                promptId: a.promptId,
+                promptName: a.promptName,
+                modelId: a.modelId,
+                modelName: a.modelName,
+                priority: a.priority,
+                status: a.status
+            })),
+            exportDate: new Date().toISOString()
+        };
+        const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `prompt-model-matrix-${new Date().toISOString().split('T')[0]}.json`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    selectPrompt(prompt) {
+        this.promptSelected.emit(prompt);
+    }
+}
+ModelPromptPriorityMatrixComponent.ɵfac = function ModelPromptPriorityMatrixComponent_Factory(t) { return new (t || ModelPromptPriorityMatrixComponent)(i0.ɵɵdirectiveInject(i1.MJNotificationService)); };
+ModelPromptPriorityMatrixComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModelPromptPriorityMatrixComponent, selectors: [["app-model-prompt-priority-matrix"]], inputs: { selectedPrompts: "selectedPrompts", selectedModels: "selectedModels", readonly: "readonly" }, outputs: { associationsChange: "associationsChange", stateChange: "stateChange", promptSelected: "promptSelected" }, decls: 36, vars: 10, consts: [[1, "model-prompt-priority-matrix"], [1, "matrix-toolbar"], [1, "toolbar-section"], [1, "toolbar-title"], [1, "fa-solid", "fa-table-cells"], [1, "view-mode-toggle"], ["role", "group", 1, "btn-group"], ["type", "radio", "name", "viewMode", "id", "matrixView", "value", "matrix", 1, "btn-check", 3, "ngModelChange", "ngModel"], ["for", "matrixView", 1, "btn", "btn-outline-primary", "btn-sm"], ["type", "radio", "name", "viewMode", "id", "listView", "value", "list", 1, "btn-check", 3, "ngModelChange", "ngModel"], ["for", "listView", 1, "btn", "btn-outline-primary", "btn-sm"], [1, "fa-solid", "fa-list"], [1, "matrix-stats"], [1, "stat-item"], [1, "fa-solid", "fa-link", "text-primary"], [1, "fa-solid", "fa-star", "text-warning"], [1, "stat-item", "text-warning"], [1, "bulk-actions"], [1, "action-buttons"], ["type", "button", "title", "Export matrix", 1, "btn", "btn-sm", "btn-outline-info", 3, "click"], [1, "fa-solid", "fa-download"], [1, "bulk-edit-panel"], [1, "loading-container"], [1, "error-container"], [1, "fa-solid", "fa-exclamation-triangle"], ["type", "button", "title", "Bulk edit selected cells", 1, "btn", "btn-sm", "btn-outline-primary", 3, "click"], [1, "fa-solid", "fa-edit"], ["type", "button", "title", "Remove selected associations", 1, "btn", "btn-sm", "btn-outline-danger", 3, "click"], [1, "fa-solid", "fa-trash"], ["type", "button", "title", "Discard changes", 1, "btn", "btn-sm", "btn-outline-secondary", 3, "click"], [1, "fa-solid", "fa-undo"], ["type", "button", "title", "Save changes", 1, "btn", "btn-sm", "btn-success", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], [1, "bulk-edit-controls"], [1, "form-group"], ["for", "bulkPriority", 1, "form-label"], ["type", "number", "id", "bulkPriority", "min", "1", "max", "10", 1, "form-control", "form-control-sm", 3, "ngModelChange", "ngModel"], ["for", "bulkStatus", 1, "form-label"], ["id", "bulkStatus", 1, "form-select", "form-select-sm", 3, "ngModelChange", "ngModel"], ["value", "Active"], ["value", "Inactive"], ["type", "button", "title", "Apply changes to selected cells", 1, "btn", "btn-sm", "btn-primary", 3, "click"], [1, "fa-solid", "fa-check"], ["type", "button", "title", "Cancel bulk edit", 1, "btn", "btn-sm", "btn-outline-secondary", 3, "click"], [1, "fa-solid", "fa-times"], [1, "bulk-edit-info"], [1, "text-muted"], [1, "loading-content"], ["role", "status", 1, "spinner-border", "text-primary"], [1, "visually-hidden"], [1, "loading-message"], [1, "matrix-container"], [1, "list-container"], [1, "matrix-scroll"], [1, "matrix-table"], [1, "prompt-header"], [1, "model-header", 3, "title"], [1, "matrix-row"], [1, "header-content"], [1, "header-name"], [1, "header-stats"], [1, "prompt-header", 3, "click", "title"], [3, "class", "title"], [3, "click", "dblclick", "title"], [1, "cell-content"], [1, "cell-content", "empty"], [1, "status-indicator", "inactive"], [1, "change-indicator", "new"], [1, "change-indicator", "modified"], [1, "performance-overlay"], [1, "fa-solid", "fa-ban"], [1, "fa-solid", "fa-plus"], [1, "empty-cell-indicator"], [1, "blocked-cell-indicator"], [1, "list-header"], [1, "list-controls"], [1, "sort-controls"], [1, "form-label"], [1, "form-select", "form-select-sm", 3, "ngModelChange", "ngModel"], ["value", "prompt"], ["value", "model"], ["value", "priority"], ["type", "button", 1, "btn", "btn-sm", "btn-outline-secondary", 3, "click", "title"], [1, "fa-solid"], [1, "filter-controls"], [1, "form-check", "form-switch"], ["type", "checkbox", "id", "showInactive", 1, "form-check-input", 3, "ngModelChange", "ngModel"], ["for", "showInactive", 1, "form-check-label"], [1, "associations-list"], [1, "no-associations-message"], [1, "association-item", 3, "inactive", "new", "modified"], [1, "association-item"], [1, "association-header"], [1, "association-names"], [1, "prompt-name"], [1, "fa-solid", "fa-arrow-right", "text-muted"], [1, "model-name"], [1, "association-actions"], [1, "association-details"], [1, "detail-item"], [1, "detail-label"], [1, "status-badge"], ["type", "button", "title", "Edit association", 1, "btn", "btn-sm", "btn-outline-primary"], ["type", "button", "title", "Remove association", 1, "btn", "btn-sm", "btn-outline-danger", 3, "click"], [1, "change-badge", "new"], [1, "change-badge", "modified"], [1, "fa-solid", "fa-info-circle", "text-muted"], [1, "text-muted", "mb-0"], ["role", "alert", 1, "alert", "alert-danger"], ["type", "button", 1, "btn", "btn-sm", "btn-outline-danger", "ms-2", 3, "click"], [1, "fa-solid", "fa-refresh"]], template: function ModelPromptPriorityMatrixComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h5", 3);
+        i0.ɵɵelement(4, "i", 4);
+        i0.ɵɵtext(5, " Model-Prompt Priority Matrix ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "input", 7);
+        i0.ɵɵtwoWayListener("ngModelChange", function ModelPromptPriorityMatrixComponent_Template_input_ngModelChange_8_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.viewMode, $event) || (ctx.viewMode = $event); return $event; });
+        i0.ɵɵlistener("ngModelChange", function ModelPromptPriorityMatrixComponent_Template_input_ngModelChange_8_listener($event) { return ctx.onViewModeChange($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "label", 8);
+        i0.ɵɵelement(10, "i", 4);
+        i0.ɵɵtext(11, " Matrix ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(12, "input", 9);
+        i0.ɵɵtwoWayListener("ngModelChange", function ModelPromptPriorityMatrixComponent_Template_input_ngModelChange_12_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.viewMode, $event) || (ctx.viewMode = $event); return $event; });
+        i0.ɵɵlistener("ngModelChange", function ModelPromptPriorityMatrixComponent_Template_input_ngModelChange_12_listener($event) { return ctx.onViewModeChange($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(13, "label", 10);
+        i0.ɵɵelement(14, "i", 11);
+        i0.ɵɵtext(15, " List ");
+        i0.ɵɵelementEnd()()()();
+        i0.ɵɵelementStart(16, "div", 2)(17, "div", 12)(18, "span", 13);
+        i0.ɵɵelement(19, "i", 14);
+        i0.ɵɵtext(20);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(21, "span", 13);
+        i0.ɵɵelement(22, "i", 15);
+        i0.ɵɵtext(23);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(24, ModelPromptPriorityMatrixComponent_Conditional_24_Template, 3, 0, "span", 16);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(25, "div", 2);
+        i0.ɵɵtemplate(26, ModelPromptPriorityMatrixComponent_Conditional_26_Template, 7, 3, "div", 17);
+        i0.ɵɵelementStart(27, "div", 18);
+        i0.ɵɵtemplate(28, ModelPromptPriorityMatrixComponent_Conditional_28_Template, 6, 1);
+        i0.ɵɵelementStart(29, "button", 19);
+        i0.ɵɵlistener("click", function ModelPromptPriorityMatrixComponent_Template_button_click_29_listener() { return ctx.exportMatrix(); });
+        i0.ɵɵelement(30, "i", 20);
+        i0.ɵɵtext(31, " Export ");
+        i0.ɵɵelementEnd()()()();
+        i0.ɵɵtemplate(32, ModelPromptPriorityMatrixComponent_Conditional_32_Template, 24, 3, "div", 21)(33, ModelPromptPriorityMatrixComponent_Conditional_33_Template, 7, 1, "div", 22)(34, ModelPromptPriorityMatrixComponent_Conditional_34_Template, 2, 2)(35, ModelPromptPriorityMatrixComponent_Conditional_35_Template, 7, 1, "div", 23);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(8);
+        i0.ɵɵtwoWayProperty("ngModel", ctx.viewMode);
+        i0.ɵɵadvance(4);
+        i0.ɵɵtwoWayProperty("ngModel", ctx.viewMode);
+        i0.ɵɵadvance(8);
+        i0.ɵɵtextInterpolate1(" ", ctx.getAssociationCount(), " associations ");
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate1(" ", ctx.getAveragePriority(), " avg priority ");
+        i0.ɵɵadvance();
+        i0.ɵɵconditional(ctx.hasUnsavedChanges() ? 24 : -1);
+        i0.ɵɵadvance(2);
+        i0.ɵɵconditional(ctx.selectedCells.size > 0 ? 26 : -1);
+        i0.ɵɵadvance(2);
+        i0.ɵɵconditional(ctx.hasUnsavedChanges() ? 28 : -1);
+        i0.ɵɵadvance(4);
+        i0.ɵɵconditional(ctx.bulkEditMode && ctx.selectedCells.size > 0 ? 32 : -1);
+        i0.ɵɵadvance();
+        i0.ɵɵconditional(ctx.isLoading ? 33 : 34);
+        i0.ɵɵadvance(2);
+        i0.ɵɵconditional(ctx.error ? 35 : -1);
+    } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.MinValidator, i2.MaxValidator, i2.NgModel], styles: [".model-prompt-priority-matrix[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n\n  .matrix-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem;\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    flex-shrink: 0;\n    gap: 1rem;\n    flex-wrap: wrap;\n\n    .toolbar-section {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n\n      .toolbar-title {\n        margin: 0;\n        color: #495057;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-weight: 600;\n\n        i {\n          color: #0d6efd;\n        }\n      }\n\n      .matrix-stats {\n        display: flex;\n        gap: 1rem;\n\n        .stat-item {\n          display: flex;\n          align-items: center;\n          gap: 0.25rem;\n          font-size: 0.875rem;\n          color: #6c757d;\n\n          i {\n            font-size: 1rem;\n          }\n        }\n      }\n\n      .bulk-actions,\n      .action-buttons {\n        display: flex;\n        gap: 0.5rem;\n\n        .btn {\n          font-size: 0.875rem;\n        }\n      }\n    }\n  }\n\n  .bulk-edit-panel {\n    padding: 1rem;\n    background: #fff3cd;\n    border-bottom: 1px solid #ffeaa7;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 1rem;\n\n    .bulk-edit-controls {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n\n      .form-group {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n\n        .form-label {\n          margin: 0;\n          font-size: 0.875rem;\n          font-weight: 500;\n          white-space: nowrap;\n        }\n\n        .form-control,\n        .form-select {\n          min-width: 100px;\n        }\n      }\n    }\n\n    .bulk-edit-info {\n      font-size: 0.875rem;\n      color: #856404;\n    }\n  }\n\n  .loading-container {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .loading-content {\n      text-align: center;\n      \n      .loading-message {\n        margin-top: 1rem;\n        color: #6c757d;\n      }\n    }\n  }\n\n  .matrix-container {\n    flex: 1;\n    overflow: hidden;\n\n    .matrix-scroll {\n      height: 100%;\n      overflow: auto;\n      padding: 1rem;\n\n      .matrix-table {\n        border-collapse: separate;\n        border-spacing: 2px;\n        background: white;\n        border-radius: 0.5rem;\n        overflow: hidden;\n\n        .prompt-header,\n        .model-header {\n          background: #f8f9fa;\n          border: 1px solid #dee2e6;\n          padding: 0.75rem;\n          font-weight: 600;\n          text-align: center;\n          position: sticky;\n          top: 0;\n          z-index: 10;\n\n          .header-content {\n            display: flex;\n            flex-direction: column;\n            gap: 0.25rem;\n\n            .header-name {\n              font-size: 0.875rem;\n              font-weight: 600;\n            }\n\n            .header-stats {\n              font-size: 0.75rem;\n              color: #6c757d;\n            }\n          }\n        }\n\n        .prompt-header {\n          min-width: 200px;\n          position: sticky;\n          left: 0;\n          z-index: 11;\n        }\n\n        .matrix-cell {\n          width: 80px;\n          height: 60px;\n          border: 2px solid #e9ecef;\n          text-align: center;\n          cursor: pointer;\n          transition: all 0.2s ease;\n          position: relative;\n\n          &:hover {\n            border-color: #007bff;\n            transform: scale(1.05);\n          }\n\n          &.selected {\n            border-color: #007bff;\n            background: rgba(0, 123, 255, 0.1);\n          }\n\n          &.editing {\n            border-color: #28a745;\n            background: rgba(40, 167, 69, 0.1);\n          }\n\n          &.no-association {\n            background: #f8f9fa;\n            border-style: dashed;\n\n            .empty-cell-indicator {\n              color: #6c757d;\n              font-size: 1.5rem;\n              opacity: 0.5;\n            }\n          }\n\n          &.cannot-assign {\n            background: #f5f5f5;\n            cursor: not-allowed;\n            opacity: 0.5;\n\n            .blocked-cell-indicator {\n              color: #dc3545;\n              font-size: 1.25rem;\n            }\n          }\n\n          &.has-association {\n            background: white;\n\n            &.priority-1 { border-color: #28a745; }\n            &.priority-2 { border-color: #20c997; }\n            &.priority-3 { border-color: #ffc107; }\n            &.priority-4 { border-color: #fd7e14; }\n            &.priority-5 { border-color: #dc3545; }\n\n            &.inactive {\n              opacity: 0.6;\n              background: #f8f9fa;\n            }\n\n            &.new {\n              box-shadow: 0 0 0 2px #28a745;\n            }\n\n            &.modified {\n              box-shadow: 0 0 0 2px #ffc107;\n            }\n          }\n\n          .cell-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n            gap: 0.25rem;\n\n            .priority-badge {\n              background: #007bff;\n              color: white;\n              border-radius: 50%;\n              width: 24px;\n              height: 24px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              font-size: 0.75rem;\n              font-weight: 600;\n\n              &.priority-1 { background: #28a745; }\n              &.priority-2 { background: #20c997; }\n              &.priority-3 { background: #ffc107; color: #212529; }\n              &.priority-4 { background: #fd7e14; }\n              &.priority-5 { background: #dc3545; }\n            }\n\n            .status-indicator {\n              font-size: 0.75rem;\n\n              &.inactive {\n                color: #dc3545;\n              }\n            }\n\n            .change-indicator {\n              position: absolute;\n              top: 2px;\n              right: 2px;\n              width: 12px;\n              height: 12px;\n              border-radius: 50%;\n              font-size: 0.625rem;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n\n              &.new {\n                background: #28a745;\n                color: white;\n              }\n\n              &.modified {\n                background: #ffc107;\n                color: #212529;\n              }\n            }\n\n            .performance-overlay {\n              position: absolute;\n              bottom: 2px;\n              left: 2px;\n              right: 2px;\n              background: rgba(0, 0, 0, 0.8);\n              color: white;\n              border-radius: 0.25rem;\n              padding: 0.125rem;\n              font-size: 0.625rem;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .list-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .list-header {\n      margin-bottom: 1.5rem;\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n      padding: 1rem;\n\n      .list-controls {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 1rem;\n\n        .sort-controls,\n        .filter-controls {\n          display: flex;\n          align-items: center;\n          gap: 0.5rem;\n\n          .form-label {\n            margin: 0;\n            font-size: 0.875rem;\n            color: #6c757d;\n            white-space: nowrap;\n          }\n\n          .form-select {\n            min-width: 120px;\n          }\n\n          .form-check {\n            margin: 0;\n          }\n        }\n      }\n    }\n\n    .associations-list {\n      .association-item {\n        background: white;\n        border: 1px solid #dee2e6;\n        border-radius: 0.5rem;\n        padding: 1rem;\n        margin-bottom: 1rem;\n        transition: all 0.2s ease;\n\n        &:hover {\n          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n          transform: translateY(-1px);\n        }\n\n        &.inactive {\n          opacity: 0.7;\n          background: #f8f9fa;\n        }\n\n        &.new {\n          border-color: #28a745;\n          border-left-width: 4px;\n        }\n\n        &.modified {\n          border-color: #ffc107;\n          border-left-width: 4px;\n        }\n\n        .association-header {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          margin-bottom: 0.75rem;\n\n          .association-names {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n\n            .prompt-name,\n            .model-name {\n              color: #495057;\n              font-weight: 500;\n            }\n\n            i {\n              color: #6c757d;\n            }\n          }\n\n          .association-actions {\n            display: flex;\n            gap: 0.5rem;\n\n            .btn {\n              padding: 0.25rem 0.5rem;\n              font-size: 0.75rem;\n            }\n          }\n        }\n\n        .association-details {\n          display: flex;\n          align-items: center;\n          gap: 1rem;\n          flex-wrap: wrap;\n\n          .detail-item {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n\n            .detail-label {\n              font-size: 0.875rem;\n              color: #6c757d;\n            }\n\n            .priority-badge {\n              background: #007bff;\n              color: white;\n              padding: 0.25rem 0.5rem;\n              border-radius: 0.25rem;\n              font-size: 0.75rem;\n              font-weight: 600;\n\n              &.priority-1 { background: #28a745; }\n              &.priority-2 { background: #20c997; }\n              &.priority-3 { background: #ffc107; color: #212529; }\n              &.priority-4 { background: #fd7e14; }\n              &.priority-5 { background: #dc3545; }\n            }\n\n            .status-badge {\n              padding: 0.25rem 0.5rem;\n              border-radius: 0.25rem;\n              font-size: 0.75rem;\n              font-weight: 500;\n\n              &.badge-success {\n                background: #d4edda;\n                color: #155724;\n              }\n\n              &.badge-secondary {\n                background: #e2e3e5;\n                color: #383d41;\n              }\n            }\n\n            .change-badge {\n              padding: 0.25rem 0.5rem;\n              border-radius: 0.25rem;\n              font-size: 0.75rem;\n              font-weight: 500;\n              display: flex;\n              align-items: center;\n              gap: 0.25rem;\n\n              &.new {\n                background: #d4edda;\n                color: #155724;\n              }\n\n              &.modified {\n                background: #fff3cd;\n                color: #856404;\n              }\n            }\n          }\n        }\n      }\n\n      .no-associations-message {\n        text-align: center;\n        padding: 3rem 1rem;\n        color: #6c757d;\n\n        i {\n          font-size: 3rem;\n          margin-bottom: 1rem;\n          display: block;\n          opacity: 0.5;\n        }\n\n        p {\n          margin: 0;\n          font-size: 1rem;\n          line-height: 1.5;\n        }\n      }\n    }\n  }\n\n  .error-container {\n    padding: 1rem;\n\n    .alert {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n  }\n}\n\n//[_ngcontent-%COMP%]   Responsive[_ngcontent-%COMP%]   adjustments\n@media[_ngcontent-%COMP%]   (max-width[_ngcontent-%COMP%]:   1200px)[_ngcontent-%COMP%] {\n  .model-prompt-priority-matrix {\n    .matrix-toolbar {\n      .toolbar-section {\n        min-width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .matrix-container {\n      .matrix-scroll {\n        .matrix-table {\n          .matrix-cell {\n            width: 60px;\n            height: 50px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .model-prompt-priority-matrix[_ngcontent-%COMP%] {\n    .matrix-toolbar {\n      padding: 0.75rem;\n      \n      .toolbar-section {\n        flex-wrap: wrap;\n        gap: 0.5rem;\n      }\n    }\n\n    .bulk-edit-panel {\n      padding: 0.75rem;\n\n      .bulk-edit-controls {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 0.75rem;\n      }\n    }\n\n    .matrix-container {\n      .matrix-scroll {\n        padding: 0.75rem;\n\n        .matrix-table {\n          .matrix-cell {\n            width: 50px;\n            height: 40px;\n          }\n        }\n      }\n    }\n\n    .list-container {\n      padding: 0.75rem;\n\n      .list-header {\n        .list-controls {\n          flex-direction: column;\n          align-items: stretch;\n        }\n      }\n\n      .associations-list {\n        .association-item {\n          .association-header {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 0.75rem;\n          }\n\n          .association-details {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      }\n    }\n  }\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModelPromptPriorityMatrixComponent, [{
+        type: Component,
+        args: [{ selector: 'app-model-prompt-priority-matrix', template: "<div class=\"model-prompt-priority-matrix\">\n  <!-- Header toolbar -->\n  <div class=\"matrix-toolbar\">\n    <div class=\"toolbar-section\">\n      <h5 class=\"toolbar-title\">\n        <i class=\"fa-solid fa-table-cells\"></i>\n        Model-Prompt Priority Matrix\n      </h5>\n      \n      <div class=\"view-mode-toggle\">\n        <div class=\"btn-group\" role=\"group\">\n          <input \n            type=\"radio\" \n            class=\"btn-check\" \n            name=\"viewMode\" \n            id=\"matrixView\" \n            value=\"matrix\"\n            [(ngModel)]=\"viewMode\"\n            (ngModelChange)=\"onViewModeChange($event)\">\n          <label class=\"btn btn-outline-primary btn-sm\" for=\"matrixView\">\n            <i class=\"fa-solid fa-table-cells\"></i>\n            Matrix\n          </label>\n          \n          <input \n            type=\"radio\" \n            class=\"btn-check\" \n            name=\"viewMode\" \n            id=\"listView\" \n            value=\"list\"\n            [(ngModel)]=\"viewMode\"\n            (ngModelChange)=\"onViewModeChange($event)\">\n          <label class=\"btn btn-outline-primary btn-sm\" for=\"listView\">\n            <i class=\"fa-solid fa-list\"></i>\n            List\n          </label>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"toolbar-section\">\n      <div class=\"matrix-stats\">\n        <span class=\"stat-item\">\n          <i class=\"fa-solid fa-link text-primary\"></i>\n          {{ getAssociationCount() }} associations\n        </span>\n        <span class=\"stat-item\">\n          <i class=\"fa-solid fa-star text-warning\"></i>\n          {{ getAveragePriority() }} avg priority\n        </span>\n        @if (hasUnsavedChanges()) {\n          <span class=\"stat-item text-warning\">\n            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n            Unsaved changes\n          </span>\n        }\n      </div>\n    </div>\n    \n    <div class=\"toolbar-section\">\n      @if (selectedCells.size > 0) {\n        <div class=\"bulk-actions\">\n          <button \n            type=\"button\" \n            class=\"btn btn-sm btn-outline-primary\"\n            [class.active]=\"bulkEditMode\"\n            (click)=\"bulkEditMode = !bulkEditMode\"\n            title=\"Bulk edit selected cells\">\n            <i class=\"fa-solid fa-edit\"></i>\n            Edit ({{ selectedCells.size }})\n          </button>\n          \n          <button \n            type=\"button\" \n            class=\"btn btn-sm btn-outline-danger\"\n            (click)=\"bulkRemoveSelectedCells()\"\n            title=\"Remove selected associations\">\n            <i class=\"fa-solid fa-trash\"></i>\n            Remove\n          </button>\n        </div>\n      }\n      \n      <div class=\"action-buttons\">\n        @if (hasUnsavedChanges()) {\n          <button \n            type=\"button\" \n            class=\"btn btn-sm btn-outline-secondary\"\n            (click)=\"discardChanges()\"\n            title=\"Discard changes\">\n            <i class=\"fa-solid fa-undo\"></i>\n            Discard\n          </button>\n          \n          <button \n            type=\"button\" \n            class=\"btn btn-sm btn-success\"\n            (click)=\"saveChanges()\"\n            [disabled]=\"isLoading\"\n            title=\"Save changes\">\n            <i class=\"fa-solid fa-save\"></i>\n            Save\n          </button>\n        }\n        \n        <button \n          type=\"button\" \n          class=\"btn btn-sm btn-outline-info\"\n          (click)=\"exportMatrix()\"\n          title=\"Export matrix\">\n          <i class=\"fa-solid fa-download\"></i>\n          Export\n        </button>\n      </div>\n    </div>\n  </div>\n  \n  <!-- Bulk edit panel -->\n  @if (bulkEditMode && selectedCells.size > 0) {\n    <div class=\"bulk-edit-panel\">\n      <div class=\"bulk-edit-controls\">\n        <div class=\"form-group\">\n          <label for=\"bulkPriority\" class=\"form-label\">Priority:</label>\n          <input \n            type=\"number\" \n            id=\"bulkPriority\"\n            class=\"form-control form-control-sm\"\n            [(ngModel)]=\"bulkEditPriority\"\n            min=\"1\"\n            max=\"10\">\n        </div>\n        \n        <div class=\"form-group\">\n          <label for=\"bulkStatus\" class=\"form-label\">Status:</label>\n          <select \n            id=\"bulkStatus\"\n            class=\"form-select form-select-sm\"\n            [(ngModel)]=\"bulkEditStatus\">\n            <option value=\"Active\">Active</option>\n            <option value=\"Inactive\">Inactive</option>\n          </select>\n        </div>\n        \n        <div class=\"form-group\">\n          <button \n            type=\"button\" \n            class=\"btn btn-sm btn-primary\"\n            (click)=\"bulkUpdateSelectedCells()\"\n            title=\"Apply changes to selected cells\">\n            <i class=\"fa-solid fa-check\"></i>\n            Apply\n          </button>\n          \n          <button \n            type=\"button\" \n            class=\"btn btn-sm btn-outline-secondary\"\n            (click)=\"bulkEditMode = false\"\n            title=\"Cancel bulk edit\">\n            <i class=\"fa-solid fa-times\"></i>\n            Cancel\n          </button>\n        </div>\n      </div>\n      \n      <div class=\"bulk-edit-info\">\n        <small class=\"text-muted\">\n          Editing {{ selectedCells.size }} selected cell(s). \n          Use Ctrl+Click for multi-select, Shift+Click for range select.\n        </small>\n      </div>\n    </div>\n  }\n  \n  <!-- Loading state -->\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <div class=\"loading-content\">\n        <div class=\"spinner-border text-primary\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n        <p class=\"loading-message\">{{ loadingMessage }}</p>\n      </div>\n    </div>\n  } @else {\n    <!-- Matrix view -->\n    @if (viewMode === 'matrix') {\n      <div class=\"matrix-container\">\n        <div class=\"matrix-scroll\">\n          <table class=\"matrix-table\">\n            <!-- Header row with model names -->\n            <thead>\n              <tr>\n                <th class=\"prompt-header\">Prompts \\\\ Models</th>\n                @for (model of models; track model.ID) {\n                  <th class=\"model-header\" [title]=\"model.Description || model.Name\">\n                    <div class=\"header-content\">\n                      <div class=\"header-name\">{{ model.Name }}</div>\n                      <div class=\"header-stats\">\n                        <small class=\"text-muted\">{{ getModelAssociationCount(model.ID) }}</small>\n                      </div>\n                    </div>\n                  </th>\n                }\n              </tr>\n            </thead>\n            \n            <!-- Matrix body -->\n            <tbody>\n              @for (prompt of prompts; track prompt.ID; let promptIndex = $index) {\n                <tr class=\"matrix-row\">\n                  <th class=\"prompt-header\" [title]=\"prompt.Description || prompt.Name\" (click)=\"selectPrompt(prompt)\">\n                    <div class=\"header-content\">\n                      <div class=\"header-name\">{{ prompt.Name }}</div>\n                      <div class=\"header-stats\">\n                        <small class=\"text-muted\">{{ getPromptAssociationCount(prompt.ID) }}</small>\n                      </div>\n                    </div>\n                  </th>\n                  \n                  @for (model of models; track model.ID; let modelIndex = $index) {\n                    <td \n                      [class]=\"getCellClass(matrix[promptIndex][modelIndex])\"\n                      (click)=\"onCellClick(promptIndex, modelIndex, $event)\"\n                      (dblclick)=\"onCellDoubleClick(promptIndex, modelIndex)\"\n                      [title]=\"getCellTooltip(matrix[promptIndex][modelIndex])\">\n                      \n                      @if (matrix[promptIndex][modelIndex].association; as assoc) {\n                        <div class=\"cell-content\">\n                          <div class=\"priority-badge priority-{{ assoc.priority }}\">\n                            {{ assoc.priority }}\n                          </div>\n                          \n                          @if (assoc.status === 'Inactive') {\n                            <div class=\"status-indicator inactive\">\n                              <i class=\"fa-solid fa-ban\"></i>\n                            </div>\n                          }\n                          \n                          @if (assoc.isNew) {\n                            <div class=\"change-indicator new\">\n                              <i class=\"fa-solid fa-plus\"></i>\n                            </div>\n                          } @else if (assoc.isModified) {\n                            <div class=\"change-indicator modified\">\n                              <i class=\"fa-solid fa-edit\"></i>\n                            </div>\n                          }\n                          \n                          @if (showPerformanceOverlay && performanceData[assoc.promptId + '_' + assoc.modelId]) {\n                            <div class=\"performance-overlay\">\n                              <small>{{ performanceData[assoc.promptId + '_' + assoc.modelId].avgResponseTime }}ms</small>\n                            </div>\n                          }\n                        </div>\n                      } @else {\n                        <div class=\"cell-content empty\">\n                          @if (matrix[promptIndex][modelIndex].canAssign) {\n                            <div class=\"empty-cell-indicator\">\n                              <i class=\"fa-solid fa-plus\"></i>\n                            </div>\n                          } @else {\n                            <div class=\"blocked-cell-indicator\">\n                              <i class=\"fa-solid fa-ban\"></i>\n                            </div>\n                          }\n                        </div>\n                      }\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      </div>\n    }\n    \n    <!-- List view -->\n    @if (viewMode === 'list') {\n      <div class=\"list-container\">\n        <div class=\"list-header\">\n          <div class=\"list-controls\">\n            <div class=\"sort-controls\">\n              <label class=\"form-label\">Sort by:</label>\n              <select \n                class=\"form-select form-select-sm\"\n                [(ngModel)]=\"sortBy\"\n                (ngModelChange)=\"sortAssociations()\">\n                <option value=\"prompt\">Prompt Name</option>\n                <option value=\"model\">Model Name</option>\n                <option value=\"priority\">Priority</option>\n              </select>\n              \n              <button \n                type=\"button\" \n                class=\"btn btn-sm btn-outline-secondary\"\n                (click)=\"toggleSortDirection()\"\n                [title]=\"'Sort ' + (sortDirection === 'asc' ? 'descending' : 'ascending')\">\n                <i class=\"fa-solid\" [class.fa-sort-up]=\"sortDirection === 'asc'\" [class.fa-sort-down]=\"sortDirection === 'desc'\"></i>\n              </button>\n            </div>\n            \n            <div class=\"filter-controls\">\n              <div class=\"form-check form-switch\">\n                <input \n                  class=\"form-check-input\" \n                  type=\"checkbox\" \n                  id=\"showInactive\"\n                  [(ngModel)]=\"showInactiveAssociations\">\n                <label class=\"form-check-label\" for=\"showInactive\">\n                  Show inactive\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n        \n        <div class=\"associations-list\">\n          @for (association of associations; track association.promptId + '_' + association.modelId) {\n            @if (showInactiveAssociations || association.status === 'Active') {\n              <div class=\"association-item\" \n                   [class.inactive]=\"association.status === 'Inactive'\"\n                   [class.new]=\"association.isNew\"\n                   [class.modified]=\"association.isModified\">\n                \n                <div class=\"association-header\">\n                  <div class=\"association-names\">\n                    <strong class=\"prompt-name\">{{ association.promptName }}</strong>\n                    <i class=\"fa-solid fa-arrow-right text-muted\"></i>\n                    <strong class=\"model-name\">{{ association.modelName }}</strong>\n                  </div>\n                  \n                  <div class=\"association-actions\">\n                    @if (!readonly) {\n                      <button \n                        type=\"button\" \n                        class=\"btn btn-sm btn-outline-primary\"\n                        title=\"Edit association\">\n                        <i class=\"fa-solid fa-edit\"></i>\n                      </button>\n                      \n                      <button \n                        type=\"button\" \n                        class=\"btn btn-sm btn-outline-danger\"\n                        (click)=\"removeAssociation(association.promptId, association.modelId)\"\n                        title=\"Remove association\">\n                        <i class=\"fa-solid fa-trash\"></i>\n                      </button>\n                    }\n                  </div>\n                </div>\n                \n                <div class=\"association-details\">\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Priority:</span>\n                    <span class=\"priority-badge priority-{{ association.priority }}\">\n                      {{ association.priority }}\n                    </span>\n                  </div>\n                  \n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Status:</span>\n                    <span class=\"status-badge\" [class.badge-success]=\"association.status === 'Active'\" [class.badge-secondary]=\"association.status === 'Inactive'\">\n                      {{ association.status }}\n                    </span>\n                  </div>\n                  \n                  @if (association.isNew) {\n                    <div class=\"detail-item\">\n                      <span class=\"change-badge new\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                        New\n                      </span>\n                    </div>\n                  } @else if (association.isModified) {\n                    <div class=\"detail-item\">\n                      <span class=\"change-badge modified\">\n                        <i class=\"fa-solid fa-edit\"></i>\n                        Modified\n                      </span>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          }\n          \n          @if (associations.length === 0) {\n            <div class=\"no-associations-message\">\n              <i class=\"fa-solid fa-info-circle text-muted\"></i>\n              <p class=\"text-muted mb-0\">No prompt-model associations found. Click on matrix cells to create associations.</p>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n  \n  <!-- Error state -->\n  @if (error) {\n    <div class=\"error-container\">\n      <div class=\"alert alert-danger\" role=\"alert\">\n        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n        {{ error }}\n        <button \n          type=\"button\" \n          class=\"btn btn-sm btn-outline-danger ms-2\"\n          (click)=\"loadData()\">\n          <i class=\"fa-solid fa-refresh\"></i>\n          Retry\n        </button>\n      </div>\n    </div>\n  }\n</div>", styles: [".model-prompt-priority-matrix {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n\n  .matrix-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem;\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    flex-shrink: 0;\n    gap: 1rem;\n    flex-wrap: wrap;\n\n    .toolbar-section {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n\n      .toolbar-title {\n        margin: 0;\n        color: #495057;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        font-weight: 600;\n\n        i {\n          color: #0d6efd;\n        }\n      }\n\n      .matrix-stats {\n        display: flex;\n        gap: 1rem;\n\n        .stat-item {\n          display: flex;\n          align-items: center;\n          gap: 0.25rem;\n          font-size: 0.875rem;\n          color: #6c757d;\n\n          i {\n            font-size: 1rem;\n          }\n        }\n      }\n\n      .bulk-actions,\n      .action-buttons {\n        display: flex;\n        gap: 0.5rem;\n\n        .btn {\n          font-size: 0.875rem;\n        }\n      }\n    }\n  }\n\n  .bulk-edit-panel {\n    padding: 1rem;\n    background: #fff3cd;\n    border-bottom: 1px solid #ffeaa7;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 1rem;\n\n    .bulk-edit-controls {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n\n      .form-group {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n\n        .form-label {\n          margin: 0;\n          font-size: 0.875rem;\n          font-weight: 500;\n          white-space: nowrap;\n        }\n\n        .form-control,\n        .form-select {\n          min-width: 100px;\n        }\n      }\n    }\n\n    .bulk-edit-info {\n      font-size: 0.875rem;\n      color: #856404;\n    }\n  }\n\n  .loading-container {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .loading-content {\n      text-align: center;\n      \n      .loading-message {\n        margin-top: 1rem;\n        color: #6c757d;\n      }\n    }\n  }\n\n  .matrix-container {\n    flex: 1;\n    overflow: hidden;\n\n    .matrix-scroll {\n      height: 100%;\n      overflow: auto;\n      padding: 1rem;\n\n      .matrix-table {\n        border-collapse: separate;\n        border-spacing: 2px;\n        background: white;\n        border-radius: 0.5rem;\n        overflow: hidden;\n\n        .prompt-header,\n        .model-header {\n          background: #f8f9fa;\n          border: 1px solid #dee2e6;\n          padding: 0.75rem;\n          font-weight: 600;\n          text-align: center;\n          position: sticky;\n          top: 0;\n          z-index: 10;\n\n          .header-content {\n            display: flex;\n            flex-direction: column;\n            gap: 0.25rem;\n\n            .header-name {\n              font-size: 0.875rem;\n              font-weight: 600;\n            }\n\n            .header-stats {\n              font-size: 0.75rem;\n              color: #6c757d;\n            }\n          }\n        }\n\n        .prompt-header {\n          min-width: 200px;\n          position: sticky;\n          left: 0;\n          z-index: 11;\n        }\n\n        .matrix-cell {\n          width: 80px;\n          height: 60px;\n          border: 2px solid #e9ecef;\n          text-align: center;\n          cursor: pointer;\n          transition: all 0.2s ease;\n          position: relative;\n\n          &:hover {\n            border-color: #007bff;\n            transform: scale(1.05);\n          }\n\n          &.selected {\n            border-color: #007bff;\n            background: rgba(0, 123, 255, 0.1);\n          }\n\n          &.editing {\n            border-color: #28a745;\n            background: rgba(40, 167, 69, 0.1);\n          }\n\n          &.no-association {\n            background: #f8f9fa;\n            border-style: dashed;\n\n            .empty-cell-indicator {\n              color: #6c757d;\n              font-size: 1.5rem;\n              opacity: 0.5;\n            }\n          }\n\n          &.cannot-assign {\n            background: #f5f5f5;\n            cursor: not-allowed;\n            opacity: 0.5;\n\n            .blocked-cell-indicator {\n              color: #dc3545;\n              font-size: 1.25rem;\n            }\n          }\n\n          &.has-association {\n            background: white;\n\n            &.priority-1 { border-color: #28a745; }\n            &.priority-2 { border-color: #20c997; }\n            &.priority-3 { border-color: #ffc107; }\n            &.priority-4 { border-color: #fd7e14; }\n            &.priority-5 { border-color: #dc3545; }\n\n            &.inactive {\n              opacity: 0.6;\n              background: #f8f9fa;\n            }\n\n            &.new {\n              box-shadow: 0 0 0 2px #28a745;\n            }\n\n            &.modified {\n              box-shadow: 0 0 0 2px #ffc107;\n            }\n          }\n\n          .cell-content {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100%;\n            gap: 0.25rem;\n\n            .priority-badge {\n              background: #007bff;\n              color: white;\n              border-radius: 50%;\n              width: 24px;\n              height: 24px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              font-size: 0.75rem;\n              font-weight: 600;\n\n              &.priority-1 { background: #28a745; }\n              &.priority-2 { background: #20c997; }\n              &.priority-3 { background: #ffc107; color: #212529; }\n              &.priority-4 { background: #fd7e14; }\n              &.priority-5 { background: #dc3545; }\n            }\n\n            .status-indicator {\n              font-size: 0.75rem;\n\n              &.inactive {\n                color: #dc3545;\n              }\n            }\n\n            .change-indicator {\n              position: absolute;\n              top: 2px;\n              right: 2px;\n              width: 12px;\n              height: 12px;\n              border-radius: 50%;\n              font-size: 0.625rem;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n\n              &.new {\n                background: #28a745;\n                color: white;\n              }\n\n              &.modified {\n                background: #ffc107;\n                color: #212529;\n              }\n            }\n\n            .performance-overlay {\n              position: absolute;\n              bottom: 2px;\n              left: 2px;\n              right: 2px;\n              background: rgba(0, 0, 0, 0.8);\n              color: white;\n              border-radius: 0.25rem;\n              padding: 0.125rem;\n              font-size: 0.625rem;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .list-container {\n    flex: 1;\n    padding: 1rem;\n    overflow-y: auto;\n\n    .list-header {\n      margin-bottom: 1.5rem;\n      background: white;\n      border: 1px solid #dee2e6;\n      border-radius: 0.5rem;\n      padding: 1rem;\n\n      .list-controls {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 1rem;\n\n        .sort-controls,\n        .filter-controls {\n          display: flex;\n          align-items: center;\n          gap: 0.5rem;\n\n          .form-label {\n            margin: 0;\n            font-size: 0.875rem;\n            color: #6c757d;\n            white-space: nowrap;\n          }\n\n          .form-select {\n            min-width: 120px;\n          }\n\n          .form-check {\n            margin: 0;\n          }\n        }\n      }\n    }\n\n    .associations-list {\n      .association-item {\n        background: white;\n        border: 1px solid #dee2e6;\n        border-radius: 0.5rem;\n        padding: 1rem;\n        margin-bottom: 1rem;\n        transition: all 0.2s ease;\n\n        &:hover {\n          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n          transform: translateY(-1px);\n        }\n\n        &.inactive {\n          opacity: 0.7;\n          background: #f8f9fa;\n        }\n\n        &.new {\n          border-color: #28a745;\n          border-left-width: 4px;\n        }\n\n        &.modified {\n          border-color: #ffc107;\n          border-left-width: 4px;\n        }\n\n        .association-header {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          margin-bottom: 0.75rem;\n\n          .association-names {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n\n            .prompt-name,\n            .model-name {\n              color: #495057;\n              font-weight: 500;\n            }\n\n            i {\n              color: #6c757d;\n            }\n          }\n\n          .association-actions {\n            display: flex;\n            gap: 0.5rem;\n\n            .btn {\n              padding: 0.25rem 0.5rem;\n              font-size: 0.75rem;\n            }\n          }\n        }\n\n        .association-details {\n          display: flex;\n          align-items: center;\n          gap: 1rem;\n          flex-wrap: wrap;\n\n          .detail-item {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n\n            .detail-label {\n              font-size: 0.875rem;\n              color: #6c757d;\n            }\n\n            .priority-badge {\n              background: #007bff;\n              color: white;\n              padding: 0.25rem 0.5rem;\n              border-radius: 0.25rem;\n              font-size: 0.75rem;\n              font-weight: 600;\n\n              &.priority-1 { background: #28a745; }\n              &.priority-2 { background: #20c997; }\n              &.priority-3 { background: #ffc107; color: #212529; }\n              &.priority-4 { background: #fd7e14; }\n              &.priority-5 { background: #dc3545; }\n            }\n\n            .status-badge {\n              padding: 0.25rem 0.5rem;\n              border-radius: 0.25rem;\n              font-size: 0.75rem;\n              font-weight: 500;\n\n              &.badge-success {\n                background: #d4edda;\n                color: #155724;\n              }\n\n              &.badge-secondary {\n                background: #e2e3e5;\n                color: #383d41;\n              }\n            }\n\n            .change-badge {\n              padding: 0.25rem 0.5rem;\n              border-radius: 0.25rem;\n              font-size: 0.75rem;\n              font-weight: 500;\n              display: flex;\n              align-items: center;\n              gap: 0.25rem;\n\n              &.new {\n                background: #d4edda;\n                color: #155724;\n              }\n\n              &.modified {\n                background: #fff3cd;\n                color: #856404;\n              }\n            }\n          }\n        }\n      }\n\n      .no-associations-message {\n        text-align: center;\n        padding: 3rem 1rem;\n        color: #6c757d;\n\n        i {\n          font-size: 3rem;\n          margin-bottom: 1rem;\n          display: block;\n          opacity: 0.5;\n        }\n\n        p {\n          margin: 0;\n          font-size: 1rem;\n          line-height: 1.5;\n        }\n      }\n    }\n  }\n\n  .error-container {\n    padding: 1rem;\n\n    .alert {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n  }\n}\n\n// Responsive adjustments\n@media (max-width: 1200px) {\n  .model-prompt-priority-matrix {\n    .matrix-toolbar {\n      .toolbar-section {\n        min-width: 100%;\n        justify-content: space-between;\n      }\n    }\n\n    .matrix-container {\n      .matrix-scroll {\n        .matrix-table {\n          .matrix-cell {\n            width: 60px;\n            height: 50px;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .model-prompt-priority-matrix {\n    .matrix-toolbar {\n      padding: 0.75rem;\n      \n      .toolbar-section {\n        flex-wrap: wrap;\n        gap: 0.5rem;\n      }\n    }\n\n    .bulk-edit-panel {\n      padding: 0.75rem;\n\n      .bulk-edit-controls {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 0.75rem;\n      }\n    }\n\n    .matrix-container {\n      .matrix-scroll {\n        padding: 0.75rem;\n\n        .matrix-table {\n          .matrix-cell {\n            width: 50px;\n            height: 40px;\n          }\n        }\n      }\n    }\n\n    .list-container {\n      padding: 0.75rem;\n\n      .list-header {\n        .list-controls {\n          flex-direction: column;\n          align-items: stretch;\n        }\n      }\n\n      .associations-list {\n        .association-item {\n          .association-header {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 0.75rem;\n          }\n\n          .association-details {\n            flex-direction: column;\n            align-items: flex-start;\n          }\n        }\n      }\n    }\n  }\n}"] }]
+    }], () => [{ type: i1.MJNotificationService }], { selectedPrompts: [{
+            type: Input
+        }], selectedModels: [{
+            type: Input
+        }], readonly: [{
+            type: Input
+        }], associationsChange: [{
+            type: Output
+        }], stateChange: [{
+            type: Output
+        }], promptSelected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModelPromptPriorityMatrixComponent, { className: "ModelPromptPriorityMatrixComponent", filePath: "src/AI/components/prompts/model-prompt-priority-matrix.component.ts", lineNumber: 32 }); })();
+//# sourceMappingURL=model-prompt-priority-matrix.component.js.map