@memberjunction/ng-dashboards 5.34.1 → 5.36.0

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

@@ -1,184 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-const _forTrack0 = ($index, $item) => $item.value;
-function PromptFilterPanelComponent_For_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r1.value);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r1.text);
-} }
-function PromptFilterPanelComponent_For_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r2 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r2.value);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r2.text);
-} }
-function PromptFilterPanelComponent_For_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r3 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r3.value);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r3.text);
-} }
-export class PromptFilterPanelComponent {
-    prompts = [];
-    filteredPrompts = [];
-    categories = [];
-    types = [];
-    filters = {
-        searchTerm: '',
-        categoryId: 'all',
-        typeId: 'all',
-        status: 'all'
-    };
-    filtersChange = new EventEmitter();
-    filterChange = new EventEmitter();
-    resetFilters = new EventEmitter();
-    closePanel = new EventEmitter();
-    categoryOptions = [];
-    typeOptions = [];
-    statusOptions = [
-        { text: 'All Statuses', value: 'all' },
-        { text: 'Active', value: 'Active' },
-        { text: 'Pending', value: 'Pending' },
-        { text: 'Disabled', value: 'Disabled' }
-    ];
-    ngOnInit() {
-        this.buildFilterOptions();
-    }
-    buildFilterOptions() {
-        this.categoryOptions = [
-            { text: 'All Categories', value: 'all' },
-            ...this.categories.map(cat => ({ text: cat.Name, value: cat.ID }))
-        ];
-        this.typeOptions = [
-            { text: 'All Types', value: 'all' },
-            ...this.types.map(type => ({ text: type.Name, value: type.ID }))
-        ];
-    }
-    onFilterChange() {
-        this.filtersChange.emit(this.filters);
-        this.filterChange.emit();
-    }
-    resetAllFilters() {
-        this.resetFilters.emit();
-    }
-    toggleFilterPanel() {
-        this.closePanel.emit();
-    }
-    updateCategories(categories) {
-        this.categories = categories;
-        this.buildFilterOptions();
-    }
-    static ɵfac = function PromptFilterPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PromptFilterPanelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PromptFilterPanelComponent, selectors: [["mj-prompt-filter-panel"]], inputs: { prompts: "prompts", filteredPrompts: "filteredPrompts", categories: "categories", types: "types", filters: "filters" }, outputs: { filtersChange: "filtersChange", filterChange: "filterChange", resetFilters: "resetFilters", closePanel: "closePanel" }, standalone: false, decls: 42, vars: 6, consts: [[1, "filter-panel"], [1, "filter-panel-header"], [1, "filter-summary-inline"], [1, "summary-value"], [1, "summary-label"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "filter-content"], [1, "filter-group"], [1, "filter-label"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search prompts...", 1, "filter-input", 3, "ngModelChange", "input", "ngModel"], [1, "fa-solid", "fa-folder"], [1, "filter-select", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "fa-solid", "fa-tag"], [1, "fa-solid", "fa-check-circle"], [1, "filter-actions"], ["title", "Reset all filters", 1, "reset-btn", 3, "click"], [1, "fa-solid", "fa-undo"]], template: function PromptFilterPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h3");
-            i0.ɵɵtext(3, "Prompt Filters");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 2)(5, "span", 3);
-            i0.ɵɵtext(6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "span", 4);
-            i0.ɵɵtext(8);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "button", 5);
-            i0.ɵɵlistener("click", function PromptFilterPanelComponent_Template_button_click_9_listener() { return ctx.toggleFilterPanel(); });
-            i0.ɵɵelement(10, "span", 6);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 7)(12, "div", 8)(13, "label", 9);
-            i0.ɵɵelement(14, "span", 10);
-            i0.ɵɵtext(15, " Search ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "input", 11);
-            i0.ɵɵtwoWayListener("ngModelChange", function PromptFilterPanelComponent_Template_input_ngModelChange_16_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.searchTerm, $event) || (ctx.filters.searchTerm = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function PromptFilterPanelComponent_Template_input_ngModelChange_16_listener() { return ctx.onFilterChange(); })("input", function PromptFilterPanelComponent_Template_input_input_16_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(17, "div", 8)(18, "label", 9);
-            i0.ɵɵelement(19, "span", 12);
-            i0.ɵɵtext(20, " Category ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "select", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function PromptFilterPanelComponent_Template_select_ngModelChange_21_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.categoryId, $event) || (ctx.filters.categoryId = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function PromptFilterPanelComponent_Template_select_ngModelChange_21_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵrepeaterCreate(22, PromptFilterPanelComponent_For_23_Template, 2, 2, "option", 14, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(24, "div", 8)(25, "label", 9);
-            i0.ɵɵelement(26, "span", 15);
-            i0.ɵɵtext(27, " Type ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "select", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function PromptFilterPanelComponent_Template_select_ngModelChange_28_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.typeId, $event) || (ctx.filters.typeId = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function PromptFilterPanelComponent_Template_select_ngModelChange_28_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵrepeaterCreate(29, PromptFilterPanelComponent_For_30_Template, 2, 2, "option", 14, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(31, "div", 8)(32, "label", 9);
-            i0.ɵɵelement(33, "span", 16);
-            i0.ɵɵtext(34, " Status ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(35, "select", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function PromptFilterPanelComponent_Template_select_ngModelChange_35_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.status, $event) || (ctx.filters.status = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function PromptFilterPanelComponent_Template_select_ngModelChange_35_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵrepeaterCreate(36, PromptFilterPanelComponent_For_37_Template, 2, 2, "option", 14, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(38, "div", 17)(39, "button", 18);
-            i0.ɵɵlistener("click", function PromptFilterPanelComponent_Template_button_click_39_listener() { return ctx.resetAllFilters(); });
-            i0.ɵɵelement(40, "span", 19);
-            i0.ɵɵtext(41, " Reset Filters ");
-            i0.ɵɵelementEnd()()()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(ctx.filteredPrompts.length);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("of ", ctx.prompts.length);
-            i0.ɵɵadvance(8);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.searchTerm);
-            i0.ɵɵadvance(5);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.categoryId);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.categoryOptions);
-            i0.ɵɵadvance(6);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.typeId);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.typeOptions);
-            i0.ɵɵadvance(6);
-            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: 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: 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: [{
-            type: Input
-        }], categories: [{
-            type: Input
-        }], types: [{
-            type: Input
-        }], filters: [{
-            type: Input
-        }], filtersChange: [{
-            type: Output
-        }], filterChange: [{
-            type: Output
-        }], resetFilters: [{
-            type: Output
-        }], closePanel: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PromptFilterPanelComponent, { className: "PromptFilterPanelComponent", filePath: "src/AI/components/prompts/prompt-filter-panel.component.ts", lineNumber: 25 }); })();
-//# sourceMappingURL=prompt-filter-panel.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"prompt-filter-panel.component.js","sourceRoot":"","sources":["../../../../src/AI/components/prompts/prompt-filter-panel.component.ts","../../../../src/AI/components/prompts/prompt-filter-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { MJAIPromptCategoryEntity, MJAIPromptTypeEntity } from '@memberjunction/core-entities';\n\ninterface PromptFilter {\n  searchTerm: string;\n  categoryId: string;\n  typeId: string;\n  status: string;\n}\n\ninterface PromptWithTemplate {\n  prompt: any;\n  template: any;\n  templateContent: any;\n  category: any;\n  type: any;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-prompt-filter-panel',\n  templateUrl: './prompt-filter-panel.component.html',\n  styleUrls: ['./prompt-filter-panel.component.css']\n})\nexport class PromptFilterPanelComponent implements OnInit {\n  @Input() prompts: PromptWithTemplate[] = [];\n  @Input() filteredPrompts: PromptWithTemplate[] = [];\n  @Input() categories: MJAIPromptCategoryEntity[] = [];\n  @Input() types: MJAIPromptTypeEntity[] = [];\n  @Input() filters: PromptFilter = {\n    searchTerm: '',\n    categoryId: 'all',\n    typeId: 'all',\n    status: 'all'\n  };\n\n  @Output() filtersChange = new EventEmitter<PromptFilter>();\n  @Output() filterChange = new EventEmitter<void>();\n  @Output() resetFilters = new EventEmitter<void>();\n  @Output() closePanel = new EventEmitter<void>();\n\n  public categoryOptions: Array<{text: string; value: string}> = [];\n  public typeOptions: Array<{text: string; value: string}> = [];\n  public statusOptions = [\n    { text: 'All Statuses', value: 'all' },\n    { text: 'Active', value: 'Active' },\n    { text: 'Pending', value: 'Pending' },\n    { text: 'Disabled', value: 'Disabled' }\n  ];\n\n  ngOnInit(): void {\n    this.buildFilterOptions();\n  }\n\n  private buildFilterOptions(): void {\n    this.categoryOptions = [\n      { text: 'All Categories', value: 'all' },\n      ...this.categories.map(cat => ({ text: cat.Name, value: cat.ID }))\n    ];\n\n    this.typeOptions = [\n      { text: 'All Types', value: 'all' },\n      ...this.types.map(type => ({ text: type.Name, value: type.ID }))\n    ];\n  }\n\n  public onFilterChange(): void {\n    this.filtersChange.emit(this.filters);\n    this.filterChange.emit();\n  }\n\n  public resetAllFilters(): void {\n    this.resetFilters.emit();\n  }\n\n  public toggleFilterPanel(): void {\n    this.closePanel.emit();\n  }\n\n  public updateCategories(categories: MJAIPromptCategoryEntity[]): void {\n    this.categories = categories;\n    this.buildFilterOptions();\n  }\n}","<div class=\"filter-panel\">\n  <div class=\"filter-panel-header\">\n    <h3>Prompt Filters</h3>\n    <div class=\"filter-summary-inline\">\n      <span class=\"summary-value\">{{ filteredPrompts.length }}</span>\n      <span class=\"summary-label\">of {{ prompts.length }}</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"toggleFilterPanel()\">\n      <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>"]}

package/dist/AI/components/system/system-config-filter-panel.component.d.ts

@@ -1,33 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { MJAIConfigurationEntity } from '@memberjunction/core-entities';
-import * as i0 from "@angular/core";
-interface SystemConfigFilter {
-    searchTerm: string;
-    status: string;
-    isDefault: string;
-}
-export declare class SystemConfigFilterPanelComponent implements OnInit {
-    configurations: MJAIConfigurationEntity[];
-    filteredConfigurations: MJAIConfigurationEntity[];
-    filters: SystemConfigFilter;
-    filtersChange: EventEmitter<SystemConfigFilter>;
-    filterChange: EventEmitter<void>;
-    resetFilters: EventEmitter<void>;
-    closePanel: EventEmitter<void>;
-    statusOptions: {
-        text: string;
-        value: string;
-    }[];
-    isDefaultOptions: {
-        text: string;
-        value: string;
-    }[];
-    ngOnInit(): void;
-    onFilterChange(): void;
-    resetAllFilters(): void;
-    toggleFilterPanel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SystemConfigFilterPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SystemConfigFilterPanelComponent, "mj-system-config-filter-panel", never, { "configurations": { "alias": "configurations"; "required": false; }; "filteredConfigurations": { "alias": "filteredConfigurations"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, { "filtersChange": "filtersChange"; "filterChange": "filterChange"; "resetFilters": "resetFilters"; "closePanel": "closePanel"; }, never, never, false, never>;
-}
-export {};
-//# sourceMappingURL=system-config-filter-panel.component.d.ts.map

package/dist/AI/components/system/system-config-filter-panel.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"system-config-filter-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/AI/components/system/system-config-filter-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;;AAExE,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,qBAMa,gCAAiC,YAAW,MAAM;IACpD,cAAc,EAAE,uBAAuB,EAAE,CAAM;IAC/C,sBAAsB,EAAE,uBAAuB,EAAE,CAAM;IACvD,OAAO,EAAE,kBAAkB,CAIlC;IAEQ,aAAa,mCAA0C;IACvD,YAAY,qBAA4B;IACxC,YAAY,qBAA4B;IACxC,UAAU,qBAA4B;IAEzC,aAAa;;;QAMlB;IAEK,gBAAgB;;;QAIrB;IAEF,QAAQ,IAAI,IAAI;IAIT,cAAc,IAAI,IAAI;IAKtB,eAAe,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;yCAzCrB,gCAAgC;2CAAhC,gCAAgC;CA4C5C"}

package/dist/AI/components/system/system-config-filter-panel.component.js

@@ -1,144 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-const _forTrack0 = ($index, $item) => $item.value;
-function SystemConfigFilterPanelComponent_For_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r1.value);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r1.text);
-} }
-function SystemConfigFilterPanelComponent_For_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r2 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r2.value);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r2.text);
-} }
-export class SystemConfigFilterPanelComponent {
-    configurations = [];
-    filteredConfigurations = [];
-    filters = {
-        searchTerm: '',
-        status: 'all',
-        isDefault: 'all'
-    };
-    filtersChange = new EventEmitter();
-    filterChange = new EventEmitter();
-    resetFilters = new EventEmitter();
-    closePanel = new EventEmitter();
-    statusOptions = [
-        { text: 'All Statuses', value: 'all' },
-        { text: 'Active', value: 'Active' },
-        { text: 'Inactive', value: 'Inactive' },
-        { text: 'Deprecated', value: 'Deprecated' },
-        { text: 'Preview', value: 'Preview' }
-    ];
-    isDefaultOptions = [
-        { text: 'All Configurations', value: 'all' },
-        { text: 'Default Only', value: 'true' },
-        { text: 'Non-Default Only', value: 'false' }
-    ];
-    ngOnInit() {
-        // Initialize component
-    }
-    onFilterChange() {
-        this.filtersChange.emit(this.filters);
-        this.filterChange.emit();
-    }
-    resetAllFilters() {
-        this.resetFilters.emit();
-    }
-    toggleFilterPanel() {
-        this.closePanel.emit();
-    }
-    static ɵfac = function SystemConfigFilterPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SystemConfigFilterPanelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SystemConfigFilterPanelComponent, selectors: [["mj-system-config-filter-panel"]], inputs: { configurations: "configurations", filteredConfigurations: "filteredConfigurations", filters: "filters" }, outputs: { filtersChange: "filtersChange", filterChange: "filterChange", resetFilters: "resetFilters", closePanel: "closePanel" }, standalone: false, decls: 35, vars: 5, consts: [[1, "filter-panel"], [1, "filter-panel-header"], [1, "filter-summary-inline"], [1, "summary-value"], [1, "summary-label"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "filter-content"], [1, "filter-group"], [1, "filter-label"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search configurations...", 1, "filter-input", 3, "ngModelChange", "input", "ngModel"], [1, "fa-solid", "fa-check-circle"], [1, "filter-select", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "fa-solid", "fa-star"], [1, "filter-actions"], ["title", "Reset all filters", 1, "reset-btn", 3, "click"], [1, "fa-solid", "fa-undo"]], template: function SystemConfigFilterPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h3");
-            i0.ɵɵtext(3, "Configuration Filters");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 2)(5, "span", 3);
-            i0.ɵɵtext(6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "span", 4);
-            i0.ɵɵtext(8);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "button", 5);
-            i0.ɵɵlistener("click", function SystemConfigFilterPanelComponent_Template_button_click_9_listener() { return ctx.toggleFilterPanel(); });
-            i0.ɵɵelement(10, "span", 6);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 7)(12, "div", 8)(13, "label", 9);
-            i0.ɵɵelement(14, "span", 10);
-            i0.ɵɵtext(15, " Search ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "input", 11);
-            i0.ɵɵtwoWayListener("ngModelChange", function SystemConfigFilterPanelComponent_Template_input_ngModelChange_16_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.searchTerm, $event) || (ctx.filters.searchTerm = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function SystemConfigFilterPanelComponent_Template_input_ngModelChange_16_listener() { return ctx.onFilterChange(); })("input", function SystemConfigFilterPanelComponent_Template_input_input_16_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(17, "div", 8)(18, "label", 9);
-            i0.ɵɵelement(19, "span", 12);
-            i0.ɵɵtext(20, " Status ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "select", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function SystemConfigFilterPanelComponent_Template_select_ngModelChange_21_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.status, $event) || (ctx.filters.status = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function SystemConfigFilterPanelComponent_Template_select_ngModelChange_21_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵrepeaterCreate(22, SystemConfigFilterPanelComponent_For_23_Template, 2, 2, "option", 14, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(24, "div", 8)(25, "label", 9);
-            i0.ɵɵelement(26, "span", 15);
-            i0.ɵɵtext(27, " Default ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "select", 13);
-            i0.ɵɵtwoWayListener("ngModelChange", function SystemConfigFilterPanelComponent_Template_select_ngModelChange_28_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.isDefault, $event) || (ctx.filters.isDefault = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function SystemConfigFilterPanelComponent_Template_select_ngModelChange_28_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵrepeaterCreate(29, SystemConfigFilterPanelComponent_For_30_Template, 2, 2, "option", 14, _forTrack0);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(31, "div", 16)(32, "button", 17);
-            i0.ɵɵlistener("click", function SystemConfigFilterPanelComponent_Template_button_click_32_listener() { return ctx.resetAllFilters(); });
-            i0.ɵɵelement(33, "span", 18);
-            i0.ɵɵtext(34, " Reset Filters ");
-            i0.ɵɵelementEnd()()()();
-        } if (rf & 2) {
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(ctx.filteredConfigurations.length);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("of ", ctx.configurations.length);
-            i0.ɵɵadvance(8);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.searchTerm);
-            i0.ɵɵadvance(5);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.status);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.statusOptions);
-            i0.ɵɵadvance(6);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.isDefault);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.isDefaultOptions);
-        } }, 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(SystemConfigFilterPanelComponent, [{
-        type: Component,
-        args: [{ standalone: false, selector: 'mj-system-config-filter-panel', template: "<div class=\"filter-panel\">\n  <div class=\"filter-panel-header\">\n    <h3>Configuration Filters</h3>\n    <div class=\"filter-summary-inline\">\n      <span class=\"summary-value\">{{ filteredConfigurations.length }}</span>\n      <span class=\"summary-label\">of {{ configurations.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 configurations...\">\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    <!-- Default Configuration Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-star\"></span>\n        Default\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.isDefault\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of isDefaultOptions; 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: ["/* System Configuration 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, { configurations: [{
-            type: Input
-        }], filteredConfigurations: [{
-            type: Input
-        }], filters: [{
-            type: Input
-        }], filtersChange: [{
-            type: Output
-        }], filterChange: [{
-            type: Output
-        }], resetFilters: [{
-            type: Output
-        }], closePanel: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SystemConfigFilterPanelComponent, { className: "SystemConfigFilterPanelComponent", filePath: "src/AI/components/system/system-config-filter-panel.component.ts", lineNumber: 16 }); })();
-//# sourceMappingURL=system-config-filter-panel.component.js.map

package/dist/AI/components/system/system-config-filter-panel.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"system-config-filter-panel.component.js","sourceRoot":"","sources":["../../../../src/AI/components/system/system-config-filter-panel.component.ts","../../../../src/AI/components/system/system-config-filter-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';\nimport { MJAIConfigurationEntity } from '@memberjunction/core-entities';\n\ninterface SystemConfigFilter {\n  searchTerm: string;\n  status: string;\n  isDefault: string;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-system-config-filter-panel',\n  templateUrl: './system-config-filter-panel.component.html',\n  styleUrls: ['./system-config-filter-panel.component.css']\n})\nexport class SystemConfigFilterPanelComponent implements OnInit {\n  @Input() configurations: MJAIConfigurationEntity[] = [];\n  @Input() filteredConfigurations: MJAIConfigurationEntity[] = [];\n  @Input() filters: SystemConfigFilter = {\n    searchTerm: '',\n    status: 'all',\n    isDefault: 'all'\n  };\n\n  @Output() filtersChange = new EventEmitter<SystemConfigFilter>();\n  @Output() filterChange = new EventEmitter<void>();\n  @Output() resetFilters = new EventEmitter<void>();\n  @Output() closePanel = new EventEmitter<void>();\n\n  public statusOptions = [\n    { text: 'All Statuses', value: 'all' },\n    { text: 'Active', value: 'Active' },\n    { text: 'Inactive', value: 'Inactive' },\n    { text: 'Deprecated', value: 'Deprecated' },\n    { text: 'Preview', value: 'Preview' }\n  ];\n\n  public isDefaultOptions = [\n    { text: 'All Configurations', value: 'all' },\n    { text: 'Default Only', value: 'true' },\n    { text: 'Non-Default Only', value: 'false' }\n  ];\n\n  ngOnInit(): void {\n    // Initialize component\n  }\n\n  public onFilterChange(): void {\n    this.filtersChange.emit(this.filters);\n    this.filterChange.emit();\n  }\n\n  public resetAllFilters(): void {\n    this.resetFilters.emit();\n  }\n\n  public toggleFilterPanel(): void {\n    this.closePanel.emit();\n  }\n}","<div class=\"filter-panel\">\n  <div class=\"filter-panel-header\">\n    <h3>Configuration Filters</h3>\n    <div class=\"filter-summary-inline\">\n      <span class=\"summary-value\">{{ filteredConfigurations.length }}</span>\n      <span class=\"summary-label\">of {{ configurations.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 configurations...\">\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    <!-- Default Configuration Filter -->\n    <div class=\"filter-group\">\n      <label class=\"filter-label\">\n        <span class=\"fa-solid fa-star\"></span>\n        Default\n      </label>\n      <select \n        class=\"filter-select\"\n        [(ngModel)]=\"filters.isDefault\"\n        (ngModelChange)=\"onFilterChange()\">\n        @for (option of isDefaultOptions; 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>"]}

package/dist/Actions/components/explorer/action-toolbar.component.d.ts

@@ -1,63 +0,0 @@
-import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { ActionExplorerStateService, ActionViewMode, SortField, SortDirection, ActionFilters } from '../../services/action-explorer-state.service';
-import * as i0 from "@angular/core";
-interface SortOption {
-    field: SortField;
-    label: string;
-    icon: string;
-}
-export declare class ActionToolbarComponent implements OnInit, OnDestroy {
-    StateService: ActionExplorerStateService;
-    private cdr;
-    TotalCount: number;
-    FilteredCount: number;
-    NewActionClick: EventEmitter<void>;
-    RefreshClick: EventEmitter<void>;
-    ViewMode: ActionViewMode;
-    SortField: SortField;
-    SortDirection: SortDirection;
-    Filters: ActionFilters;
-    ShowFiltersDropdown: boolean;
-    ShowSortDropdown: boolean;
-    SortOptions: SortOption[];
-    StatusOptions: {
-        value: string;
-        label: string;
-        color: string;
-    }[];
-    TypeOptions: {
-        value: string;
-        label: string;
-        icon: string;
-    }[];
-    private destroy$;
-    private searchInput$;
-    constructor(StateService: ActionExplorerStateService, cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private subscribeToState;
-    private setupSearchDebounce;
-    onSearchInput(term: string): void;
-    clearSearch(): void;
-    setViewMode(mode: ActionViewMode): void;
-    setSortField(field: SortField): void;
-    toggleSortDirection(): void;
-    toggleStatus(status: string): void;
-    toggleType(type: string): void;
-    isStatusSelected(status: string): boolean;
-    isTypeSelected(type: string): boolean;
-    clearFilters(): void;
-    hasActiveFilters(): boolean;
-    getActiveFilterCount(): number;
-    toggleFiltersDropdown(): void;
-    toggleSortDropdown(): void;
-    closeDropdowns(): void;
-    getSortLabel(): string;
-    getSortIcon(): string;
-    onNewAction(): void;
-    onRefresh(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionToolbarComponent, "mj-action-toolbar", never, { "TotalCount": { "alias": "TotalCount"; "required": false; }; "FilteredCount": { "alias": "FilteredCount"; "required": false; }; }, { "NewActionClick": "NewActionClick"; "RefreshClick": "RefreshClick"; }, never, never, false, never>;
-}
-export {};
-//# sourceMappingURL=action-toolbar.component.d.ts.map

package/dist/Actions/components/explorer/action-toolbar.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-toolbar.component.d.ts","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACN,SAAS,EAET,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,0BAA0B,EAC1B,cAAc,EACd,SAAS,EACT,aAAa,EACb,aAAa,EACd,MAAM,8CAA8C,CAAC;;AAEtD,UAAU,UAAU;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBAOa,sBAAuB,YAAW,MAAM,EAAE,SAAS;IA2CrD,YAAY,EAAE,0BAA0B;IAC/C,OAAO,CAAC,GAAG;IA3CJ,UAAU,SAAK;IACf,aAAa,SAAK;IACjB,cAAc,qBAA4B;IAC1C,YAAY,qBAA4B;IAE3C,QAAQ,EAAE,cAAc,CAAU;IAClC,SAAS,EAAE,SAAS,CAAU;IAC9B,aAAa,EAAE,aAAa,CAAS;IACrC,OAAO,EAAE,aAAa,CAM3B;IAEK,mBAAmB,UAAS;IAC5B,gBAAgB,UAAS;IAEzB,WAAW,EAAE,UAAU,EAAE,CAM9B;IAEK,aAAa;;;;QAIlB;IAEK,WAAW;;;;QAGhB;IAEF,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,YAAY,CAAyB;gBAGpC,YAAY,EAAE,0BAA0B,EACvC,GAAG,EAAE,iBAAiB;IAGhC,QAAQ,IAAI,IAAI;IAKhB,WAAW,IAAI,IAAI;IAKnB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,mBAAmB;IAUpB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIjC,WAAW,IAAI,IAAI;IAInB,WAAW,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAIvC,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAKpC,mBAAmB,IAAI,IAAI;IAI3B,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAWlC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAW9B,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIzC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIrC,YAAY,IAAI,IAAI;IAIpB,gBAAgB,IAAI,OAAO;IAI3B,oBAAoB,IAAI,MAAM;IAU9B,qBAAqB,IAAI,IAAI;IAO7B,kBAAkB,IAAI,IAAI;IAO1B,cAAc,IAAI,IAAI;IAKtB,YAAY,IAAI,MAAM;IAKtB,WAAW,IAAI,MAAM;IAIrB,WAAW,IAAI,IAAI;IAInB,SAAS,IAAI,IAAI;yCA1Lb,sBAAsB;2CAAtB,sBAAsB;CA6LlC"}