npm - @memberjunction/ng-dashboards - Versions diffs - 5.11.0 → 5.12.0 - Mend

@memberjunction/ng-dashboards 5.11.0 → 5.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (227) hide show

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

@@ -918,11 +918,11 @@ export class ModelPromptPriorityMatrixComponent {
             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, i3.LoadingComponent], styles: [".model-prompt-priority-matrix[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .toolbar-title[_ngcontent-%COMP%] {\n  margin: 0;\n  color: #495057;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .toolbar-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #0d6efd;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .matrix-stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .matrix-stats[_ngcontent-%COMP%]   .stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  font-size: 0.875rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .matrix-stats[_ngcontent-%COMP%]   .stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .bulk-actions[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .action-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .bulk-actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .action-buttons[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-select[_ngcontent-%COMP%] {\n  min-width: 100px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-info[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  color: #856404;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .loading-container[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .loading-container[_ngcontent-%COMP%]   .loading-content[_ngcontent-%COMP%] {\n  text-align: center;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .loading-container[_ngcontent-%COMP%]   .loading-content[_ngcontent-%COMP%]   .loading-message[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow: auto;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%] {\n  border-collapse: separate;\n  border-spacing: 2px;\n  background: white;\n  border-radius: 0.5rem;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-name[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-name[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-stats[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-stats[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%] {\n  min-width: 200px;\n  position: sticky;\n  left: 0;\n  z-index: 11;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]:hover {\n  border-color: #007bff;\n  transform: scale(1.05);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.selected[_ngcontent-%COMP%] {\n  border-color: #007bff;\n  background: rgba(0, 123, 255, 0.1);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.editing[_ngcontent-%COMP%] {\n  border-color: #28a745;\n  background: rgba(40, 167, 69, 0.1);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.no-association[_ngcontent-%COMP%] {\n  background: #f8f9fa;\n  border-style: dashed;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.no-association[_ngcontent-%COMP%]   .empty-cell-indicator[_ngcontent-%COMP%] {\n  color: #6c757d;\n  font-size: 1.5rem;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.cannot-assign[_ngcontent-%COMP%] {\n  background: #f5f5f5;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.cannot-assign[_ngcontent-%COMP%]   .blocked-cell-indicator[_ngcontent-%COMP%] {\n  color: #dc3545;\n  font-size: 1.25rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association[_ngcontent-%COMP%] {\n  background: white;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-1[_ngcontent-%COMP%] {\n  border-color: #28a745;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-2[_ngcontent-%COMP%] {\n  border-color: #20c997;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-3[_ngcontent-%COMP%] {\n  border-color: #ffc107;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-4[_ngcontent-%COMP%] {\n  border-color: #fd7e14;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-5[_ngcontent-%COMP%] {\n  border-color: #dc3545;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.inactive[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  background: #f8f9fa;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.new[_ngcontent-%COMP%] {\n  box-shadow: 0 0 0 2px #28a745;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.modified[_ngcontent-%COMP%] {\n  box-shadow: 0 0 0 2px #ffc107;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  gap: 0.25rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-1[_ngcontent-%COMP%] {\n  background: #28a745;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-2[_ngcontent-%COMP%] {\n  background: #20c997;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-3[_ngcontent-%COMP%] {\n  background: #ffc107;\n  color: #212529;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-4[_ngcontent-%COMP%] {\n  background: #fd7e14;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-5[_ngcontent-%COMP%] {\n  background: #dc3545;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .status-indicator[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .status-indicator.inactive[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .change-indicator[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .change-indicator.new[_ngcontent-%COMP%] {\n  background: #28a745;\n  color: white;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .change-indicator.modified[_ngcontent-%COMP%] {\n  background: #ffc107;\n  color: #212529;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .performance-overlay[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 1rem;\n  overflow-y: auto;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%] {\n  margin-bottom: 1.5rem;\n  background: white;\n  border: 1px solid #dee2e6;\n  border-radius: 0.5rem;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%]   .form-select[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%]   .form-select[_ngcontent-%COMP%] {\n  min-width: 120px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%]   .form-check[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%]   .form-check[_ngcontent-%COMP%] {\n  margin: 0;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  transform: translateY(-1px);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item.inactive[_ngcontent-%COMP%] {\n  opacity: 0.7;\n  background: #f8f9fa;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item.new[_ngcontent-%COMP%] {\n  border-color: #28a745;\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item.modified[_ngcontent-%COMP%] {\n  border-color: #ffc107;\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%]   .prompt-name[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%]   .model-name[_ngcontent-%COMP%] {\n  color: #495057;\n  font-weight: 500;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #6c757d;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-1[_ngcontent-%COMP%] {\n  background: #28a745;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-2[_ngcontent-%COMP%] {\n  background: #20c997;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-3[_ngcontent-%COMP%] {\n  background: #ffc107;\n  color: #212529;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-4[_ngcontent-%COMP%] {\n  background: #fd7e14;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-5[_ngcontent-%COMP%] {\n  background: #dc3545;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .status-badge[_ngcontent-%COMP%] {\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .status-badge.badge-success[_ngcontent-%COMP%] {\n  background: #d4edda;\n  color: #155724;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .status-badge.badge-secondary[_ngcontent-%COMP%] {\n  background: #e2e3e5;\n  color: #383d41;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .change-badge[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .change-badge.new[_ngcontent-%COMP%] {\n  background: #d4edda;\n  color: #155724;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .change-badge.modified[_ngcontent-%COMP%] {\n  background: #fff3cd;\n  color: #856404;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .no-associations-message[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 3rem 1rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .no-associations-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  display: block;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .no-associations-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%] {\n  padding: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%]   .alert[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n@media (max-width: 1200px) {\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%] {\n    min-width: 100%;\n    justify-content: space-between;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%] {\n    width: 60px;\n    height: 50px;\n  }\n}\n@media (max-width: 768px) {\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%] {\n    width: 50px;\n    height: 40px;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}"] });
+        } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.MinValidator, i2.MaxValidator, i2.NgModel, i3.LoadingComponent], styles: [".model-prompt-priority-matrix[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-surface-card);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .toolbar-title[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .toolbar-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .matrix-stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .matrix-stats[_ngcontent-%COMP%]   .stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .matrix-stats[_ngcontent-%COMP%]   .stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .bulk-actions[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .action-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .bulk-actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%]   .action-buttons[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%] {\n  padding: 1rem;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-status-warning) 30%, transparent);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .form-select[_ngcontent-%COMP%] {\n  min-width: 100px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-info[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  color: var(--mj-color-warning-700);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .loading-container[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .loading-container[_ngcontent-%COMP%]   .loading-content[_ngcontent-%COMP%] {\n  text-align: center;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .loading-container[_ngcontent-%COMP%]   .loading-content[_ngcontent-%COMP%]   .loading-message[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow: auto;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%] {\n  border-collapse: separate;\n  border-spacing: 2px;\n  background: var(--mj-bg-surface);\n  border-radius: 0.5rem;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  padding: 0.75rem;\n  font-weight: 600;\n  text-align: center;\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-name[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-name[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-stats[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%]   .header-content[_ngcontent-%COMP%]   .header-stats[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .prompt-header[_ngcontent-%COMP%] {\n  min-width: 200px;\n  position: sticky;\n  left: 0;\n  z-index: 11;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%] {\n  width: 80px;\n  height: 60px;\n  border: 2px solid var(--mj-border-default);\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  transform: scale(1.05);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.editing[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n  background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.no-association[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-style: dashed;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.no-association[_ngcontent-%COMP%]   .empty-cell-indicator[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 1.5rem;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.cannot-assign[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.cannot-assign[_ngcontent-%COMP%]   .blocked-cell-indicator[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  font-size: 1.25rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-1[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-2[_ngcontent-%COMP%] {\n  border-color: var(--mj-color-success-500);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-3[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-4[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.priority-5[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.inactive[_ngcontent-%COMP%] {\n  opacity: 0.6;\n  background: var(--mj-bg-surface-card);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.new[_ngcontent-%COMP%] {\n  box-shadow: 0 0 0 2px var(--mj-status-success);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell.has-association.modified[_ngcontent-%COMP%] {\n  box-shadow: 0 0 0 2px var(--mj-status-warning);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  gap: 0.25rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-1[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-2[_ngcontent-%COMP%] {\n  background: var(--mj-color-success-500);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-3[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n  color: black;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-4[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .priority-badge.priority-5[_ngcontent-%COMP%] {\n  background: var(--mj-status-error);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .status-indicator[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .status-indicator.inactive[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .change-indicator[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .change-indicator.new[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .change-indicator.modified[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n  color: black;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%]   .cell-content[_ngcontent-%COMP%]   .performance-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: 2px;\n  left: 2px;\n  right: 2px;\n  background: rgba(0, 0, 0, 0.8);\n  color: var(--mj-text-inverse);\n  border-radius: 0.25rem;\n  padding: 0.125rem;\n  font-size: 0.625rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 1rem;\n  overflow-y: auto;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%] {\n  margin-bottom: 1.5rem;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0.5rem;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%]   .form-select[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%]   .form-select[_ngcontent-%COMP%] {\n  min-width: 120px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .sort-controls[_ngcontent-%COMP%]   .form-check[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%]   .filter-controls[_ngcontent-%COMP%]   .form-check[_ngcontent-%COMP%] {\n  margin: 0;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0.5rem;\n  padding: 1rem;\n  margin-bottom: 1rem;\n  transition: all 0.2s ease;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  transform: translateY(-1px);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item.inactive[_ngcontent-%COMP%] {\n  opacity: 0.7;\n  background: var(--mj-bg-surface-card);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item.new[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-success);\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item.modified[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-warning);\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%]   .prompt-name[_ngcontent-%COMP%], \n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%]   .model-name[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-names[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%]   .association-actions[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-1[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-2[_ngcontent-%COMP%] {\n  background: var(--mj-color-success-500);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-3[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n  color: black;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-4[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .priority-badge.priority-5[_ngcontent-%COMP%] {\n  background: var(--mj-status-error);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .status-badge[_ngcontent-%COMP%] {\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .status-badge.badge-success[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-color-success-700);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .status-badge.badge-secondary[_ngcontent-%COMP%] {\n  background: var(--mj-border-default);\n  color: var(--mj-text-secondary);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .change-badge[_ngcontent-%COMP%] {\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.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .change-badge.new[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-color-success-700);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%]   .detail-item[_ngcontent-%COMP%]   .change-badge.modified[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-color-warning-700);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .no-associations-message[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 3rem 1rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .no-associations-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  display: block;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .no-associations-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%] {\n  padding: 1rem;\n}\n.model-prompt-priority-matrix[_ngcontent-%COMP%]   .error-container[_ngcontent-%COMP%]   .alert[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n@media (max-width: 1200px) {\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%] {\n    min-width: 100%;\n    justify-content: space-between;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%] {\n    width: 60px;\n    height: 50px;\n  }\n}\n@media (max-width: 768px) {\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-toolbar[_ngcontent-%COMP%]   .toolbar-section[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .bulk-edit-panel[_ngcontent-%COMP%]   .bulk-edit-controls[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .matrix-container[_ngcontent-%COMP%]   .matrix-scroll[_ngcontent-%COMP%]   .matrix-table[_ngcontent-%COMP%]   .matrix-cell[_ngcontent-%COMP%] {\n    width: 50px;\n    height: 40px;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%] {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .list-header[_ngcontent-%COMP%]   .list-controls[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix[_ngcontent-%COMP%]   .list-container[_ngcontent-%COMP%]   .associations-list[_ngcontent-%COMP%]   .association-item[_ngcontent-%COMP%]   .association-details[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModelPromptPriorityMatrixComponent, [{
         type: Component,
-        args: [{ standalone: false, 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      <mj-loading [text]=\"loadingMessage\" size=\"large\"></mj-loading>\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.model-prompt-priority-matrix .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.model-prompt-priority-matrix .matrix-toolbar .toolbar-section {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .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.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .toolbar-title i {\n  color: #0d6efd;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .matrix-stats {\n  display: flex;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .matrix-stats .stat-item {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  font-size: 0.875rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .matrix-stats .stat-item i {\n  font-size: 1rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .bulk-actions,\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .action-buttons {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .bulk-actions .btn,\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .action-buttons .btn {\n  font-size: 0.875rem;\n}\n.model-prompt-priority-matrix .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.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group .form-label {\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group .form-control,\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group .form-select {\n  min-width: 100px;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-info {\n  font-size: 0.875rem;\n  color: #856404;\n}\n.model-prompt-priority-matrix .loading-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.model-prompt-priority-matrix .loading-container .loading-content {\n  text-align: center;\n}\n.model-prompt-priority-matrix .loading-container .loading-content .loading-message {\n  margin-top: 1rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix .matrix-container {\n  flex: 1;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll {\n  height: 100%;\n  overflow: auto;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table {\n  border-collapse: separate;\n  border-spacing: 2px;\n  background: white;\n  border-radius: 0.5rem;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header .header-content,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header .header-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header .header-content .header-name,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header .header-content .header-name {\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header .header-content .header-stats,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header .header-content .header-stats {\n  font-size: 0.75rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header {\n  min-width: 200px;\n  position: sticky;\n  left: 0;\n  z-index: 11;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell:hover {\n  border-color: #007bff;\n  transform: scale(1.05);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.selected {\n  border-color: #007bff;\n  background: rgba(0, 123, 255, 0.1);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.editing {\n  border-color: #28a745;\n  background: rgba(40, 167, 69, 0.1);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.no-association {\n  background: #f8f9fa;\n  border-style: dashed;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.no-association .empty-cell-indicator {\n  color: #6c757d;\n  font-size: 1.5rem;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.cannot-assign {\n  background: #f5f5f5;\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.cannot-assign .blocked-cell-indicator {\n  color: #dc3545;\n  font-size: 1.25rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association {\n  background: white;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-1 {\n  border-color: #28a745;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-2 {\n  border-color: #20c997;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-3 {\n  border-color: #ffc107;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-4 {\n  border-color: #fd7e14;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-5 {\n  border-color: #dc3545;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.inactive {\n  opacity: 0.6;\n  background: #f8f9fa;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.new {\n  box-shadow: 0 0 0 2px #28a745;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.modified {\n  box-shadow: 0 0 0 2px #ffc107;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-1 {\n  background: #28a745;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-2 {\n  background: #20c997;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-3 {\n  background: #ffc107;\n  color: #212529;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-4 {\n  background: #fd7e14;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-5 {\n  background: #dc3545;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .status-indicator {\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .status-indicator.inactive {\n  color: #dc3545;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .change-indicator.new {\n  background: #28a745;\n  color: white;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .change-indicator.modified {\n  background: #ffc107;\n  color: #212529;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .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.model-prompt-priority-matrix .list-container {\n  flex: 1;\n  padding: 1rem;\n  overflow-y: auto;\n}\n.model-prompt-priority-matrix .list-container .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.model-prompt-priority-matrix .list-container .list-header .list-controls {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls .form-label,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls .form-label {\n  margin: 0;\n  font-size: 0.875rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls .form-select,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls .form-select {\n  min-width: 120px;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls .form-check,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls .form-check {\n  margin: 0;\n}\n.model-prompt-priority-matrix .list-container .associations-list .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.model-prompt-priority-matrix .list-container .associations-list .association-item:hover {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  transform: translateY(-1px);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item.inactive {\n  opacity: 0.7;\n  background: #f8f9fa;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item.new {\n  border-color: #28a745;\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item.modified {\n  border-color: #ffc107;\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.75rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names .prompt-name,\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names .model-name {\n  color: #495057;\n  font-weight: 500;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names i {\n  color: #6c757d;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-actions {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-actions .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .detail-label {\n  font-size: 0.875rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .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.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-1 {\n  background: #28a745;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-2 {\n  background: #20c997;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-3 {\n  background: #ffc107;\n  color: #212529;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-4 {\n  background: #fd7e14;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-5 {\n  background: #dc3545;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .status-badge {\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .status-badge.badge-success {\n  background: #d4edda;\n  color: #155724;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .status-badge.badge-secondary {\n  background: #e2e3e5;\n  color: #383d41;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .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.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .change-badge.new {\n  background: #d4edda;\n  color: #155724;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .change-badge.modified {\n  background: #fff3cd;\n  color: #856404;\n}\n.model-prompt-priority-matrix .list-container .associations-list .no-associations-message {\n  text-align: center;\n  padding: 3rem 1rem;\n  color: #6c757d;\n}\n.model-prompt-priority-matrix .list-container .associations-list .no-associations-message i {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  display: block;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix .list-container .associations-list .no-associations-message p {\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n.model-prompt-priority-matrix .error-container {\n  padding: 1rem;\n}\n.model-prompt-priority-matrix .error-container .alert {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n@media (max-width: 1200px) {\n  .model-prompt-priority-matrix .matrix-toolbar .toolbar-section {\n    min-width: 100%;\n    justify-content: space-between;\n  }\n  .model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell {\n    width: 60px;\n    height: 50px;\n  }\n}\n@media (max-width: 768px) {\n  .model-prompt-priority-matrix .matrix-toolbar {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .matrix-toolbar .toolbar-section {\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n  .model-prompt-priority-matrix .bulk-edit-panel {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix .matrix-container .matrix-scroll {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell {\n    width: 50px;\n    height: 40px;\n  }\n  .model-prompt-priority-matrix .list-container {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .list-container .list-header .list-controls {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .model-prompt-priority-matrix .list-container .associations-list .association-item .association-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix .list-container .associations-list .association-item .association-details {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n"] }]
+        args: [{ standalone: false, 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      <mj-loading [text]=\"loadingMessage\" size=\"large\"></mj-loading>\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: var(--mj-bg-surface-card);\n}\n.model-prompt-priority-matrix .matrix-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .toolbar-title {\n  margin: 0;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .toolbar-title i {\n  color: var(--mj-brand-primary);\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .matrix-stats {\n  display: flex;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .matrix-stats .stat-item {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .matrix-stats .stat-item i {\n  font-size: 1rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .bulk-actions,\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .action-buttons {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .bulk-actions .btn,\n.model-prompt-priority-matrix .matrix-toolbar .toolbar-section .action-buttons .btn {\n  font-size: 0.875rem;\n}\n.model-prompt-priority-matrix .bulk-edit-panel {\n  padding: 1rem;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-status-warning) 30%, transparent);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group .form-label {\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group .form-control,\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls .form-group .form-select {\n  min-width: 100px;\n}\n.model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-info {\n  font-size: 0.875rem;\n  color: var(--mj-color-warning-700);\n}\n.model-prompt-priority-matrix .loading-container {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.model-prompt-priority-matrix .loading-container .loading-content {\n  text-align: center;\n}\n.model-prompt-priority-matrix .loading-container .loading-content .loading-message {\n  margin-top: 1rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix .matrix-container {\n  flex: 1;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll {\n  height: 100%;\n  overflow: auto;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table {\n  border-collapse: separate;\n  border-spacing: 2px;\n  background: var(--mj-bg-surface);\n  border-radius: 0.5rem;\n  overflow: hidden;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  padding: 0.75rem;\n  font-weight: 600;\n  text-align: center;\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header .header-content,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header .header-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header .header-content .header-name,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header .header-content .header-name {\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header .header-content .header-stats,\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .model-header .header-content .header-stats {\n  font-size: 0.75rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .prompt-header {\n  min-width: 200px;\n  position: sticky;\n  left: 0;\n  z-index: 11;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell {\n  width: 80px;\n  height: 60px;\n  border: 2px solid var(--mj-border-default);\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  position: relative;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell:hover {\n  border-color: var(--mj-brand-primary);\n  transform: scale(1.05);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.selected {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.editing {\n  border-color: var(--mj-status-success);\n  background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.no-association {\n  background: var(--mj-bg-surface-card);\n  border-style: dashed;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.no-association .empty-cell-indicator {\n  color: var(--mj-text-muted);\n  font-size: 1.5rem;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.cannot-assign {\n  background: var(--mj-bg-surface-card);\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.cannot-assign .blocked-cell-indicator {\n  color: var(--mj-status-error);\n  font-size: 1.25rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association {\n  background: var(--mj-bg-surface);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-1 {\n  border-color: var(--mj-status-success);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-2 {\n  border-color: var(--mj-color-success-500);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-3 {\n  border-color: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-4 {\n  border-color: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.priority-5 {\n  border-color: var(--mj-status-error);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.inactive {\n  opacity: 0.6;\n  background: var(--mj-bg-surface-card);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.new {\n  box-shadow: 0 0 0 2px var(--mj-status-success);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell.has-association.modified {\n  box-shadow: 0 0 0 2px var(--mj-status-warning);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-1 {\n  background: var(--mj-status-success);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-2 {\n  background: var(--mj-color-success-500);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-3 {\n  background: var(--mj-status-warning);\n  color: black;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-4 {\n  background: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .priority-badge.priority-5 {\n  background: var(--mj-status-error);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .status-indicator {\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .status-indicator.inactive {\n  color: var(--mj-status-error);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .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.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .change-indicator.new {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .change-indicator.modified {\n  background: var(--mj-status-warning);\n  color: black;\n}\n.model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell .cell-content .performance-overlay {\n  position: absolute;\n  bottom: 2px;\n  left: 2px;\n  right: 2px;\n  background: rgba(0, 0, 0, 0.8);\n  color: var(--mj-text-inverse);\n  border-radius: 0.25rem;\n  padding: 0.125rem;\n  font-size: 0.625rem;\n}\n.model-prompt-priority-matrix .list-container {\n  flex: 1;\n  padding: 1rem;\n  overflow-y: auto;\n}\n.model-prompt-priority-matrix .list-container .list-header {\n  margin-bottom: 1.5rem;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0.5rem;\n  padding: 1rem;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls .form-label,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls .form-label {\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls .form-select,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls .form-select {\n  min-width: 120px;\n}\n.model-prompt-priority-matrix .list-container .list-header .list-controls .sort-controls .form-check,\n.model-prompt-priority-matrix .list-container .list-header .list-controls .filter-controls .form-check {\n  margin: 0;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0.5rem;\n  padding: 1rem;\n  margin-bottom: 1rem;\n  transition: all 0.2s ease;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item:hover {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n  transform: translateY(-1px);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item.inactive {\n  opacity: 0.7;\n  background: var(--mj-bg-surface-card);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item.new {\n  border-color: var(--mj-status-success);\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item.modified {\n  border-color: var(--mj-status-warning);\n  border-left-width: 4px;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.75rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names .prompt-name,\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names .model-name {\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-names i {\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-actions {\n  display: flex;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-header .association-actions .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .detail-label {\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-1 {\n  background: var(--mj-status-success);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-2 {\n  background: var(--mj-color-success-500);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-3 {\n  background: var(--mj-status-warning);\n  color: black;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-4 {\n  background: var(--mj-status-warning);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .priority-badge.priority-5 {\n  background: var(--mj-status-error);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .status-badge {\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .status-badge.badge-success {\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-color-success-700);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .status-badge.badge-secondary {\n  background: var(--mj-border-default);\n  color: var(--mj-text-secondary);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .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.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .change-badge.new {\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-color-success-700);\n}\n.model-prompt-priority-matrix .list-container .associations-list .association-item .association-details .detail-item .change-badge.modified {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-color-warning-700);\n}\n.model-prompt-priority-matrix .list-container .associations-list .no-associations-message {\n  text-align: center;\n  padding: 3rem 1rem;\n  color: var(--mj-text-muted);\n}\n.model-prompt-priority-matrix .list-container .associations-list .no-associations-message i {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  display: block;\n  opacity: 0.5;\n}\n.model-prompt-priority-matrix .list-container .associations-list .no-associations-message p {\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5;\n}\n.model-prompt-priority-matrix .error-container {\n  padding: 1rem;\n}\n.model-prompt-priority-matrix .error-container .alert {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n@media (max-width: 1200px) {\n  .model-prompt-priority-matrix .matrix-toolbar .toolbar-section {\n    min-width: 100%;\n    justify-content: space-between;\n  }\n  .model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell {\n    width: 60px;\n    height: 50px;\n  }\n}\n@media (max-width: 768px) {\n  .model-prompt-priority-matrix .matrix-toolbar {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .matrix-toolbar .toolbar-section {\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n  .model-prompt-priority-matrix .bulk-edit-panel {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .bulk-edit-panel .bulk-edit-controls {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix .matrix-container .matrix-scroll {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .matrix-container .matrix-scroll .matrix-table .matrix-cell {\n    width: 50px;\n    height: 40px;\n  }\n  .model-prompt-priority-matrix .list-container {\n    padding: 0.75rem;\n  }\n  .model-prompt-priority-matrix .list-container .list-header .list-controls {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .model-prompt-priority-matrix .list-container .associations-list .association-item .association-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.75rem;\n  }\n  .model-prompt-priority-matrix .list-container .associations-list .association-item .association-details {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n"] }]
     }], () => [{ type: i1.MJNotificationService }], { selectedPrompts: [{
             type: Input
         }], selectedModels: [{

package/dist/AI/components/prompts/prompt-filter-panel.component.js CHANGED Viewed

@@ -156,11 +156,11 @@ export class PromptFilterPanelComponent {
             i0.ɵɵtwoWayProperty("ngModel", ctx.filters.status);
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.statusOptions);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n\n.filter-panel[_ngcontent-%COMP%] {\n  height: 100%;\n  background: white;\n  border-right: 1px solid #e5e7eb;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n\n\n.filter-panel-header[_ngcontent-%COMP%] {\n  padding: 20px;\n  border-bottom: 1px solid #f1f5f9;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n  background: linear-gradient(135deg, #fafbfc 0%, #f8fafc 100%);\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  color: #1e293b;\n  flex: 1;\n  letter-spacing: -0.02em;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  margin-right: 16px;\n  font-size: 13px;\n  padding: 6px 12px;\n  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);\n  border-radius: 20px;\n  border: 1px solid #c4b5fd;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%]   .summary-value[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: #6366f1;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%]   .summary-label[_ngcontent-%COMP%] {\n  color: #7c3aed;\n  font-weight: 500;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n  background: transparent;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: #94a3b8;\n  border-radius: 8px;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n  background: #f1f5f9;\n  color: #475569;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n\n\n.filter-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 20px;\n}\n\n\n\n.filter-group[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 10px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #64748b;\n  text-transform: uppercase;\n  letter-spacing: 0.75px;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-label[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6366f1;\n  width: 16px;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-input[_ngcontent-%COMP%], \n.filter-group[_ngcontent-%COMP%]   .filter-select[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  font-size: 14px;\n  background: white;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n  color: #334155;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-input[_ngcontent-%COMP%]:focus, \n.filter-group[_ngcontent-%COMP%]   .filter-select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #6366f1;\n  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-input[_ngcontent-%COMP%]::placeholder {\n  color: #94a3b8;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-select[_ngcontent-%COMP%] {\n  cursor: pointer;\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 36px;\n}\n\n\n\n.filter-actions[_ngcontent-%COMP%] {\n  margin-top: 28px;\n  padding-top: 20px;\n  border-top: 1px solid #f1f5f9;\n}\n\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px 16px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  color: #64748b;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n}\n\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n  border-color: #cbd5e1;\n  color: #475569;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 6px;\n}\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: #f8fafc;\n  border-radius: 3px;\n}\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 3px;\n}\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}"] });
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n\n.filter-panel[_ngcontent-%COMP%] {\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-right: 1px solid var(--mj-border-default);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n\n\n.filter-panel-header[_ngcontent-%COMP%] {\n  padding: 20px;\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n  background: var(--mj-bg-surface-card);\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  flex: 1;\n  letter-spacing: -0.02em;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  margin-right: 16px;\n  font-size: 13px;\n  padding: 6px 12px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  border-radius: 20px;\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%]   .summary-value[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-brand-primary);\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .filter-summary-inline[_ngcontent-%COMP%]   .summary-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary-hover);\n  font-weight: 500;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n  background: transparent;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  border-radius: 8px;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.filter-panel-header[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n\n\n.filter-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 20px;\n}\n\n\n\n.filter-group[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-label[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 10px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.75px;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-label[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-brand-primary);\n  width: 16px;\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-input[_ngcontent-%COMP%], \n.filter-group[_ngcontent-%COMP%]   .filter-select[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  font-size: 14px;\n  background: var(--mj-bg-surface);\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n  color: var(--mj-text-secondary);\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-input[_ngcontent-%COMP%]:focus, \n.filter-group[_ngcontent-%COMP%]   .filter-select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.filter-group[_ngcontent-%COMP%]   .filter-select[_ngcontent-%COMP%] {\n  cursor: pointer;\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 36px;\n}\n\n\n\n.filter-actions[_ngcontent-%COMP%] {\n  margin-top: 28px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  color: var(--mj-text-muted);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n}\n\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n  color: var(--mj-text-secondary);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.filter-actions[_ngcontent-%COMP%]   .reset-btn[_ngcontent-%COMP%]   .fa-solid[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 6px;\n}\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-card);\n  border-radius: 3px;\n}\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 3px;\n}\n\n.filter-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-disabled);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PromptFilterPanelComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-prompt-filter-panel', template: "<div class=\"filter-panel\">\n  <div class=\"filter-panel-header\">\n    <h3>Prompt Filters</h3>\n    <div class=\"filter-summary-inline\">\n      <span class=\"summary-value\">{{ filteredPrompts.length }}</span>\n      <span class=\"summary-label\">of {{ prompts.length }}</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"toggleFilterPanel()\">\n      <span class=\"fa-solid fa-times\"></span>\n    </button>\n  </div>\n  \n  <div class=\"filter-content\">\n    <!-- Search Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-search\"></span>\n        Search\n      </label>\n      <input \n        type=\"text\"\n        class=\"filter-input\"\n        [(ngModel)]=\"filters.searchTerm\"\n        (ngModelChange)=\"onFilterChange()\"\n        (input)=\"onFilterChange()\"\n        placeholder=\"Search prompts...\">\n    </div>\n    \n    <!-- Category Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-folder\"></span>\n        Category\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.categoryId\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of categoryOptions; track option.value) {\n          <option [value]=\"option.value\">{{ option.text }}</option>\n        }\n      </select>\n    </div>\n    \n    <!-- Type Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-tag\"></span>\n        Type\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.typeId\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of typeOptions; track option.value) {\n          <option [value]=\"option.value\">{{ option.text }}</option>\n        }\n      </select>\n    </div>\n    \n    <!-- Status Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-check-circle\"></span>\n        Status\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.status\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of statusOptions; track option.value) {\n          <option [value]=\"option.value\">{{ option.text }}</option>\n        }\n      </select>\n    </div>\n    \n    <!-- Reset Button -->\n    <div class=\"filter-actions\">\n      <button class=\"reset-btn\" (click)=\"resetAllFilters()\" title=\"Reset all filters\">\n        <span class=\"fa-solid fa-undo\"></span>\n        Reset Filters\n      </button>\n    </div>\n  </div>\n</div>", styles: ["/* Prompt Filter Panel - World-Class Design */\n\n.filter-panel {\n  height: 100%;\n  background: white;\n  border-right: 1px solid #e5e7eb;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n/* Header */\n.filter-panel-header {\n  padding: 20px;\n  border-bottom: 1px solid #f1f5f9;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n  background: linear-gradient(135deg, #fafbfc 0%, #f8fafc 100%);\n}\n\n.filter-panel-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  color: #1e293b;\n  flex: 1;\n  letter-spacing: -0.02em;\n}\n\n.filter-panel-header .filter-summary-inline {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  margin-right: 16px;\n  font-size: 13px;\n  padding: 6px 12px;\n  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);\n  border-radius: 20px;\n  border: 1px solid #c4b5fd;\n}\n\n.filter-panel-header .filter-summary-inline .summary-value {\n  font-weight: 700;\n  color: #6366f1;\n}\n\n.filter-panel-header .filter-summary-inline .summary-label {\n  color: #7c3aed;\n  font-weight: 500;\n}\n\n.filter-panel-header .close-btn {\n  background: transparent;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: #94a3b8;\n  border-radius: 8px;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.filter-panel-header .close-btn:hover {\n  background: #f1f5f9;\n  color: #475569;\n}\n\n.filter-panel-header .close-btn .fa-solid {\n  font-size: 14px;\n}\n\n/* Content Area */\n.filter-content {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 20px;\n}\n\n/* Filter Groups */\n.filter-group {\n  margin-bottom: 24px;\n}\n\n.filter-group .filter-label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 10px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #64748b;\n  text-transform: uppercase;\n  letter-spacing: 0.75px;\n}\n\n.filter-group .filter-label .fa-solid {\n  font-size: 13px;\n  color: #6366f1;\n  width: 16px;\n}\n\n.filter-group .filter-input,\n.filter-group .filter-select {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  font-size: 14px;\n  background: white;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n  color: #334155;\n}\n\n.filter-group .filter-input:focus,\n.filter-group .filter-select:focus {\n  outline: none;\n  border-color: #6366f1;\n  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);\n}\n\n.filter-group .filter-input::placeholder {\n  color: #94a3b8;\n}\n\n.filter-group .filter-select {\n  cursor: pointer;\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 36px;\n}\n\n/* Filter Actions */\n.filter-actions {\n  margin-top: 28px;\n  padding-top: 20px;\n  border-top: 1px solid #f1f5f9;\n}\n\n.filter-actions .reset-btn {\n  width: 100%;\n  padding: 12px 16px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid #e2e8f0;\n  border-radius: 10px;\n  color: #64748b;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n}\n\n.filter-actions .reset-btn:hover {\n  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\n  border-color: #cbd5e1;\n  color: #475569;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.filter-actions .reset-btn .fa-solid {\n  font-size: 13px;\n}\n\n/* Scrollbar Styling */\n.filter-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.filter-content::-webkit-scrollbar-track {\n  background: #f8fafc;\n  border-radius: 3px;\n}\n\n.filter-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 3px;\n}\n\n.filter-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-prompt-filter-panel', template: "<div class=\"filter-panel\">\n  <div class=\"filter-panel-header\">\n    <h3>Prompt Filters</h3>\n    <div class=\"filter-summary-inline\">\n      <span class=\"summary-value\">{{ filteredPrompts.length }}</span>\n      <span class=\"summary-label\">of {{ prompts.length }}</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"toggleFilterPanel()\">\n      <span class=\"fa-solid fa-times\"></span>\n    </button>\n  </div>\n  \n  <div class=\"filter-content\">\n    <!-- Search Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-search\"></span>\n        Search\n      </label>\n      <input \n        type=\"text\"\n        class=\"filter-input\"\n        [(ngModel)]=\"filters.searchTerm\"\n        (ngModelChange)=\"onFilterChange()\"\n        (input)=\"onFilterChange()\"\n        placeholder=\"Search prompts...\">\n    </div>\n    \n    <!-- Category Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-folder\"></span>\n        Category\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.categoryId\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of categoryOptions; track option.value) {\n          <option [value]=\"option.value\">{{ option.text }}</option>\n        }\n      </select>\n    </div>\n    \n    <!-- Type Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-tag\"></span>\n        Type\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.typeId\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of typeOptions; track option.value) {\n          <option [value]=\"option.value\">{{ option.text }}</option>\n        }\n      </select>\n    </div>\n    \n    <!-- Status Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-check-circle\"></span>\n        Status\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.status\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of statusOptions; track option.value) {\n          <option [value]=\"option.value\">{{ option.text }}</option>\n        }\n      </select>\n    </div>\n    \n    <!-- Reset Button -->\n    <div class=\"filter-actions\">\n      <button class=\"reset-btn\" (click)=\"resetAllFilters()\" title=\"Reset all filters\">\n        <span class=\"fa-solid fa-undo\"></span>\n        Reset Filters\n      </button>\n    </div>\n  </div>\n</div>", styles: ["/* Prompt Filter Panel - World-Class Design */\n\n.filter-panel {\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-right: 1px solid var(--mj-border-default);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n/* Header */\n.filter-panel-header {\n  padding: 20px;\n  border-bottom: 1px solid var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n  background: var(--mj-bg-surface-card);\n}\n\n.filter-panel-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  flex: 1;\n  letter-spacing: -0.02em;\n}\n\n.filter-panel-header .filter-summary-inline {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n  margin-right: 16px;\n  font-size: 13px;\n  padding: 6px 12px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  border-radius: 20px;\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.filter-panel-header .filter-summary-inline .summary-value {\n  font-weight: 700;\n  color: var(--mj-brand-primary);\n}\n\n.filter-panel-header .filter-summary-inline .summary-label {\n  color: var(--mj-brand-primary-hover);\n  font-weight: 500;\n}\n\n.filter-panel-header .close-btn {\n  background: transparent;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  border-radius: 8px;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.filter-panel-header .close-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.filter-panel-header .close-btn .fa-solid {\n  font-size: 14px;\n}\n\n/* Content Area */\n.filter-content {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 20px;\n}\n\n/* Filter Groups */\n.filter-group {\n  margin-bottom: 24px;\n}\n\n.filter-group .filter-label {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 10px;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.75px;\n}\n\n.filter-group .filter-label .fa-solid {\n  font-size: 13px;\n  color: var(--mj-brand-primary);\n  width: 16px;\n}\n\n.filter-group .filter-input,\n.filter-group .filter-select {\n  width: 100%;\n  padding: 12px 14px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  font-size: 14px;\n  background: var(--mj-bg-surface);\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n  color: var(--mj-text-secondary);\n}\n\n.filter-group .filter-input:focus,\n.filter-group .filter-select:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-group .filter-input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.filter-group .filter-select {\n  cursor: pointer;\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 36px;\n}\n\n/* Filter Actions */\n.filter-actions {\n  margin-top: 28px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-bg-surface-sunken);\n}\n\n.filter-actions .reset-btn {\n  width: 100%;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  color: var(--mj-text-muted);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  box-sizing: border-box;\n}\n\n.filter-actions .reset-btn:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n  color: var(--mj-text-secondary);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n.filter-actions .reset-btn .fa-solid {\n  font-size: 13px;\n}\n\n/* Scrollbar Styling */\n.filter-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.filter-content::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-card);\n  border-radius: 3px;\n}\n\n.filter-content::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 3px;\n}\n\n.filter-content::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-disabled);\n}\n"] }]
     }], null, { prompts: [{
             type: Input
         }], filteredPrompts: [{