@memberjunction/ng-dashboards 5.22.0 → 5.24.0

package/dist/Actions/components/explorer/action-explorer.component.js

@@ -18,7 +18,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../services/action-explorer-state.service";
 import * as i2 from "@memberjunction/ng-shared";
 import * as i3 from "@angular/router";
-import * as i4 from "@progress/kendo-angular-buttons";
+import * as i4 from "@memberjunction/ng-ui-components";
 import * as i5 from "@memberjunction/ng-actions";
 import * as i6 from "@memberjunction/ng-shared-generic";
 import * as i7 from "./action-tree-panel.component";
@@ -48,9 +48,6 @@ function ActionExplorerComponent_Conditional_7_Conditional_1_Template(rf, ctx) {
     i0.ɵɵelement(6, "i", 14);
     i0.ɵɵtext(7, " Clear All Filters ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("fillMode", "outline");
 } }
 function ActionExplorerComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -66,13 +63,10 @@ function ActionExplorerComponent_Conditional_7_Conditional_2_Template(rf, ctx) {
     i0.ɵɵelement(6, "i", 17);
     i0.ɵɵtext(7, " Create Action ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("fillMode", "solid")("themeColor", "primary");
 } }
 function ActionExplorerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵconditionalCreate(1, ActionExplorerComponent_Conditional_7_Conditional_1_Template, 8, 1)(2, ActionExplorerComponent_Conditional_7_Conditional_2_Template, 8, 2);
+    i0.ɵɵconditionalCreate(1, ActionExplorerComponent_Conditional_7_Conditional_1_Template, 8, 0)(2, ActionExplorerComponent_Conditional_7_Conditional_2_Template, 8, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -466,7 +460,7 @@ let ActionExplorerComponent = class ActionExplorerComponent extends BaseResource
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.TreePanel = _t.first);
-        } }, standalone: false, features: [i0.ɵɵProvidersFeature([ActionExplorerStateService]), i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 12, consts: [[1, "action-explorer"], [1, "loading-overlay"], [3, "CategorySelected", "NewCategoryClick", "EditCategoryClick", "Categories", "Actions"], [1, "explorer-main"], [3, "NewActionClick", "RefreshClick", "TotalCount", "FilteredCount"], [3, "CategorySelect", "SelectedCategoryId", "Categories"], [1, "explorer-content"], [1, "empty-state"], [3, "CategoryCreated", "Close", "Categories", "PreselectedParentId"], [3, "ActionCreated", "Categories"], [3, "Action", "ActionParams", "IsOpen"], ["text", "Loading actions...", "size", "medium"], [1, "fa-solid", "fa-filter-circle-xmark"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-bolt"], ["kendoButton", "", 3, "click", "fillMode", "themeColor"], [1, "fa-solid", "fa-plus"], [1, "card-grid"], [1, "list-view"], [1, "compact-view"], [3, "Action", "Categories"], [3, "ActionClick", "EditClick", "RunClick", "CategoryClick", "Action", "Categories"], [1, "list-header"], [1, "header-icon"], [1, "header-name"], [1, "header-category"], [1, "header-status"], [1, "header-type"], [1, "header-params"], [1, "header-updated"], [1, "header-actions"], [3, "Action", "Categories", "IsCompact"], [3, "ActionClick", "EditClick", "RunClick", "CategoryClick", "Action", "Categories", "IsCompact"], [3, "Close", "Action", "ActionParams", "IsOpen"]], template: function ActionExplorerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵProvidersFeature([ActionExplorerStateService]), i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 12, consts: [[1, "action-explorer"], [1, "loading-overlay"], [3, "CategorySelected", "NewCategoryClick", "EditCategoryClick", "Categories", "Actions"], [1, "explorer-main"], [3, "NewActionClick", "RefreshClick", "TotalCount", "FilteredCount"], [3, "CategorySelect", "SelectedCategoryId", "Categories"], [1, "explorer-content"], [1, "empty-state"], [3, "CategoryCreated", "Close", "Categories", "PreselectedParentId"], [3, "ActionCreated", "Categories"], [3, "Action", "ActionParams", "IsOpen"], ["text", "Loading actions...", "size", "medium"], [1, "fa-solid", "fa-filter-circle-xmark"], ["mjButton", "", "variant", "outline", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-bolt"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "card-grid"], [1, "list-view"], [1, "compact-view"], [3, "Action", "Categories"], [3, "ActionClick", "EditClick", "RunClick", "CategoryClick", "Action", "Categories"], [1, "list-header"], [1, "header-icon"], [1, "header-name"], [1, "header-category"], [1, "header-status"], [1, "header-type"], [1, "header-params"], [1, "header-updated"], [1, "header-actions"], [3, "Action", "Categories", "IsCompact"], [3, "ActionClick", "EditClick", "RunClick", "CategoryClick", "Action", "Categories", "IsCompact"], [3, "Close", "Action", "ActionParams", "IsOpen"]], template: function ActionExplorerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, ActionExplorerComponent_Conditional_1_Template, 2, 0, "div", 1);
             i0.ɵɵelementStart(2, "mj-action-tree-panel", 2);
@@ -506,7 +500,7 @@ let ActionExplorerComponent = class ActionExplorerComponent extends BaseResource
             i0.ɵɵproperty("Categories", ctx.Categories);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.SelectedActionForRun ? 11 : -1);
-        } }, dependencies: [i4.ButtonComponent, i5.ActionTestHarnessDialogComponent, i6.LoadingComponent, i7.ActionTreePanelComponent, i8.ActionToolbarComponent, i9.ActionBreadcrumbComponent, i10.ActionCardComponent, i11.ActionListItemComponent, i12.NewCategoryPanelComponent, i13.NewActionPanelComponent], styles: [".action-explorer[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100%;\n  background: var(--mj-bg-page);\n  overflow: hidden;\n  position: relative;\n}\n\n\n\n.explorer-main[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.explorer-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-bg-surface) 85%, transparent);\n  z-index: 100;\n  backdrop-filter: blur(2px);\n}\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 60px 20px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 20px;\n  opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 14px;\n}\n\n.empty-state[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n.card-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n  gap: 20px;\n}\n\n\n\n.list-view[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.list-header[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-page);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--mj-text-muted);\n}\n\n.header-icon[_ngcontent-%COMP%] {\n  \n\n}\n\n\n\n.compact-view[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n\n\n@media (max-width: 1200px) {\n  .card-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  }\n}\n\n@media (max-width: 1024px) {\n  .list-header[_ngcontent-%COMP%] {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .list-header[_ngcontent-%COMP%]   .header-category[_ngcontent-%COMP%], \n   .list-header[_ngcontent-%COMP%]   .header-params[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .explorer-content[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .card-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .list-header[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 8px;\n}\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: var(--mj-border-default);\n  border-radius: 4px;\n}\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-muted);\n}"], changeDetection: 0 });
+        } }, dependencies: [i4.MJButtonDirective, i5.ActionTestHarnessDialogComponent, i6.LoadingComponent, i7.ActionTreePanelComponent, i8.ActionToolbarComponent, i9.ActionBreadcrumbComponent, i10.ActionCardComponent, i11.ActionListItemComponent, i12.NewCategoryPanelComponent, i13.NewActionPanelComponent], styles: [".action-explorer[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100%;\n  background: var(--mj-bg-page);\n  overflow: hidden;\n  position: relative;\n}\n\n\n\n.explorer-main[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.explorer-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-bg-surface) 85%, transparent);\n  z-index: 100;\n  backdrop-filter: blur(2px);\n}\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 60px 20px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 20px;\n  opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0 0 20px 0;\n  font-size: 14px;\n}\n\n.empty-state[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n.card-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n  gap: 20px;\n}\n\n\n\n.list-view[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.list-header[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-page);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--mj-text-muted);\n}\n\n.header-icon[_ngcontent-%COMP%] {\n  \n\n}\n\n\n\n.compact-view[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n\n\n@media (max-width: 1200px) {\n  .card-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  }\n}\n\n@media (max-width: 1024px) {\n  .list-header[_ngcontent-%COMP%] {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .list-header[_ngcontent-%COMP%]   .header-category[_ngcontent-%COMP%], \n   .list-header[_ngcontent-%COMP%]   .header-params[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .explorer-content[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .card-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .list-header[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 8px;\n}\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: var(--mj-border-default);\n  border-radius: 4px;\n}\n\n.explorer-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-muted);\n}"], changeDetection: 0 });
 };
 ActionExplorerComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'ActionExplorerResource')
@@ -514,7 +508,7 @@ ActionExplorerComponent = __decorate([
 export { ActionExplorerComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionExplorerComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-action-explorer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ActionExplorerStateService], template: "<div class=\"action-explorer\">\n  <!-- Full-page Loading Overlay -->\n  @if (IsLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading text=\"Loading actions...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Tree Panel (Left Sidebar) -->\n  <mj-action-tree-panel\n    [Categories]=\"Categories\"\n    [Actions]=\"Actions\"\n    (CategorySelected)=\"onCategorySelect($event)\"\n    (NewCategoryClick)=\"onNewCategory($event)\"\n    (EditCategoryClick)=\"onEditCategory($event)\">\n  </mj-action-tree-panel>\n\n  <!-- Main Content Area -->\n  <div class=\"explorer-main\">\n    <!-- Toolbar -->\n    <mj-action-toolbar\n      [TotalCount]=\"Actions.length\"\n      [FilteredCount]=\"FilteredActions.length\"\n      (NewActionClick)=\"onNewAction()\"\n      (RefreshClick)=\"onRefresh()\">\n    </mj-action-toolbar>\n\n    <!-- Breadcrumb -->\n    <mj-action-breadcrumb\n      [SelectedCategoryId]=\"SelectedCategoryId\"\n      [Categories]=\"Categories\"\n      (CategorySelect)=\"onCategorySelect($event)\">\n    </mj-action-breadcrumb>\n\n    <!-- Content Area -->\n    <div class=\"explorer-content\">\n      @if (FilteredActions.length === 0 && !IsLoading) {\n        <div class=\"empty-state\">\n          @if (StateService.hasActiveFilters() || SelectedCategoryId !== 'all') {\n            <i class=\"fa-solid fa-filter-circle-xmark\"></i>\n            <h3>No actions match your filters</h3>\n            <p>Try adjusting your search or filter criteria</p>\n            <button kendoButton\n              [fillMode]=\"'outline'\"\n              (click)=\"StateService.clearFilters(); StateService.setSelectedCategoryId('all')\">\n              <i class=\"fa-solid fa-times\"></i>\n              Clear All Filters\n            </button>\n          } @else {\n            <i class=\"fa-solid fa-bolt\"></i>\n            <h3>No actions yet</h3>\n            <p>Create your first action to get started</p>\n            <button kendoButton\n              [fillMode]=\"'solid'\"\n              [themeColor]=\"'primary'\"\n              (click)=\"onNewAction()\">\n              <i class=\"fa-solid fa-plus\"></i>\n              Create Action\n            </button>\n          }\n        </div>\n      } @else {\n        <!-- Card View -->\n        @if (ViewMode === 'card') {\n          <div class=\"card-grid\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-card\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-card>\n            }\n          </div>\n        }\n\n        <!-- List View -->\n        @if (ViewMode === 'list') {\n          <div class=\"list-view\">\n            <div class=\"list-header\">\n              <div class=\"header-icon\"></div>\n              <div class=\"header-name\">Name</div>\n              <div class=\"header-category\">Category</div>\n              <div class=\"header-status\">Status</div>\n              <div class=\"header-type\">Type</div>\n              <div class=\"header-params\">Params</div>\n              <div class=\"header-updated\">Updated</div>\n              <div class=\"header-actions\"></div>\n            </div>\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"false\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n\n        <!-- Compact View -->\n        @if (ViewMode === 'compact') {\n          <div class=\"compact-view\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"true\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- Slide-in Panels -->\n  <mj-new-category-panel\n    [Categories]=\"Categories\"\n    [PreselectedParentId]=\"NewCategoryParentId\"\n    (CategoryCreated)=\"onCategoryCreated($event)\"\n    (Close)=\"NewCategoryParentId = null\">\n  </mj-new-category-panel>\n\n  <mj-new-action-panel\n    [Categories]=\"Categories\"\n    (ActionCreated)=\"onActionCreated()\">\n  </mj-new-action-panel>\n\n  <!-- Action Run Dialog -->\n  @if (SelectedActionForRun) {\n    <mj-action-test-harness-dialog\n      [Action]=\"SelectedActionForRun\"\n      [ActionParams]=\"SelectedActionParams\"\n      [IsOpen]=\"IsRunDialogOpen\"\n      (Close)=\"OnRunDialogClose()\">\n    </mj-action-test-harness-dialog>\n  }\n</div>\n", styles: [".action-explorer {\n  display: flex;\n  height: 100%;\n  background: var(--mj-bg-page);\n  overflow: hidden;\n  position: relative;\n}\n\n/* Main Content Area */\n.explorer-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.explorer-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* Full-page Loading Overlay */\n.loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-bg-surface) 85%, transparent);\n  z-index: 100;\n  backdrop-filter: blur(2px);\n}\n\n/* Legacy loading container (kept for backwards compatibility) */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 60px 20px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state i {\n  font-size: 48px;\n  margin-bottom: 20px;\n  opacity: 0.5;\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state p {\n  margin: 0 0 20px 0;\n  font-size: 14px;\n}\n\n.empty-state button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Card Grid */\n.card-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n  gap: 20px;\n}\n\n/* List View */\n.list-view {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.list-header {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-page);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--mj-text-muted);\n}\n\n.header-icon {\n  /* Empty column for icon */\n}\n\n/* Compact View */\n.compact-view {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n/* Responsive */\n@media (max-width: 1200px) {\n  .card-grid {\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  }\n}\n\n@media (max-width: 1024px) {\n  .list-header {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .list-header .header-category,\n  .list-header .header-params {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .explorer-content {\n    padding: 12px;\n  }\n\n  .card-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .list-header {\n    display: none;\n  }\n}\n\n/* Scrollbar Styling */\n.explorer-content::-webkit-scrollbar {\n  width: 8px;\n}\n\n.explorer-content::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.explorer-content::-webkit-scrollbar-thumb {\n  background: var(--mj-border-default);\n  border-radius: 4px;\n}\n\n.explorer-content::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-muted);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-action-explorer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ActionExplorerStateService], template: "<div class=\"action-explorer\">\n  <!-- Full-page Loading Overlay -->\n  @if (IsLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading text=\"Loading actions...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Tree Panel (Left Sidebar) -->\n  <mj-action-tree-panel\n    [Categories]=\"Categories\"\n    [Actions]=\"Actions\"\n    (CategorySelected)=\"onCategorySelect($event)\"\n    (NewCategoryClick)=\"onNewCategory($event)\"\n    (EditCategoryClick)=\"onEditCategory($event)\">\n  </mj-action-tree-panel>\n\n  <!-- Main Content Area -->\n  <div class=\"explorer-main\">\n    <!-- Toolbar -->\n    <mj-action-toolbar\n      [TotalCount]=\"Actions.length\"\n      [FilteredCount]=\"FilteredActions.length\"\n      (NewActionClick)=\"onNewAction()\"\n      (RefreshClick)=\"onRefresh()\">\n    </mj-action-toolbar>\n\n    <!-- Breadcrumb -->\n    <mj-action-breadcrumb\n      [SelectedCategoryId]=\"SelectedCategoryId\"\n      [Categories]=\"Categories\"\n      (CategorySelect)=\"onCategorySelect($event)\">\n    </mj-action-breadcrumb>\n\n    <!-- Content Area -->\n    <div class=\"explorer-content\">\n      @if (FilteredActions.length === 0 && !IsLoading) {\n        <div class=\"empty-state\">\n          @if (StateService.hasActiveFilters() || SelectedCategoryId !== 'all') {\n            <i class=\"fa-solid fa-filter-circle-xmark\"></i>\n            <h3>No actions match your filters</h3>\n            <p>Try adjusting your search or filter criteria</p>\n            <button mjButton\n              variant=\"outline\"\n              (click)=\"StateService.clearFilters(); StateService.setSelectedCategoryId('all')\">\n              <i class=\"fa-solid fa-times\"></i>\n              Clear All Filters\n            </button>\n          } @else {\n            <i class=\"fa-solid fa-bolt\"></i>\n            <h3>No actions yet</h3>\n            <p>Create your first action to get started</p>\n            <button mjButton\n              variant=\"primary\"\n              (click)=\"onNewAction()\">\n              <i class=\"fa-solid fa-plus\"></i>\n              Create Action\n            </button>\n          }\n        </div>\n      } @else {\n        <!-- Card View -->\n        @if (ViewMode === 'card') {\n          <div class=\"card-grid\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-card\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-card>\n            }\n          </div>\n        }\n\n        <!-- List View -->\n        @if (ViewMode === 'list') {\n          <div class=\"list-view\">\n            <div class=\"list-header\">\n              <div class=\"header-icon\"></div>\n              <div class=\"header-name\">Name</div>\n              <div class=\"header-category\">Category</div>\n              <div class=\"header-status\">Status</div>\n              <div class=\"header-type\">Type</div>\n              <div class=\"header-params\">Params</div>\n              <div class=\"header-updated\">Updated</div>\n              <div class=\"header-actions\"></div>\n            </div>\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"false\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n\n        <!-- Compact View -->\n        @if (ViewMode === 'compact') {\n          <div class=\"compact-view\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"true\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- Slide-in Panels -->\n  <mj-new-category-panel\n    [Categories]=\"Categories\"\n    [PreselectedParentId]=\"NewCategoryParentId\"\n    (CategoryCreated)=\"onCategoryCreated($event)\"\n    (Close)=\"NewCategoryParentId = null\">\n  </mj-new-category-panel>\n\n  <mj-new-action-panel\n    [Categories]=\"Categories\"\n    (ActionCreated)=\"onActionCreated()\">\n  </mj-new-action-panel>\n\n  <!-- Action Run Dialog -->\n  @if (SelectedActionForRun) {\n    <mj-action-test-harness-dialog\n      [Action]=\"SelectedActionForRun\"\n      [ActionParams]=\"SelectedActionParams\"\n      [IsOpen]=\"IsRunDialogOpen\"\n      (Close)=\"OnRunDialogClose()\">\n    </mj-action-test-harness-dialog>\n  }\n</div>\n", styles: [".action-explorer {\n  display: flex;\n  height: 100%;\n  background: var(--mj-bg-page);\n  overflow: hidden;\n  position: relative;\n}\n\n/* Main Content Area */\n.explorer-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.explorer-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* Full-page Loading Overlay */\n.loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--mj-bg-surface) 85%, transparent);\n  z-index: 100;\n  backdrop-filter: blur(2px);\n}\n\n/* Legacy loading container (kept for backwards compatibility) */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  min-height: 300px;\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 60px 20px;\n  color: var(--mj-text-muted);\n}\n\n.empty-state i {\n  font-size: 48px;\n  margin-bottom: 20px;\n  opacity: 0.5;\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state p {\n  margin: 0 0 20px 0;\n  font-size: 14px;\n}\n\n.empty-state button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Card Grid */\n.card-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));\n  gap: 20px;\n}\n\n/* List View */\n.list-view {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.list-header {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-page);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--mj-text-muted);\n}\n\n.header-icon {\n  /* Empty column for icon */\n}\n\n/* Compact View */\n.compact-view {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n/* Responsive */\n@media (max-width: 1200px) {\n  .card-grid {\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  }\n}\n\n@media (max-width: 1024px) {\n  .list-header {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .list-header .header-category,\n  .list-header .header-params {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .explorer-content {\n    padding: 12px;\n  }\n\n  .card-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .list-header {\n    display: none;\n  }\n}\n\n/* Scrollbar Styling */\n.explorer-content::-webkit-scrollbar {\n  width: 8px;\n}\n\n.explorer-content::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.explorer-content::-webkit-scrollbar-thumb {\n  background: var(--mj-border-default);\n  border-radius: 4px;\n}\n\n.explorer-content::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-muted);\n}\n"] }]
     }], () => [{ type: i1.ActionExplorerStateService }, { type: i2.NavigationService }, { type: i3.Router }, { type: i0.ChangeDetectorRef }], { TreePanel: [{
             type: ViewChild,
             args: [ActionTreePanelComponent]

package/dist/Actions/components/explorer/action-explorer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-explorer.component.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-explorer.component.ts","../../../../src/Actions/components/explorer/action-explorer.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  OnInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ViewChild\n} from '@angular/core';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { takeUntil, filter, debounceTime, distinctUntilChanged, combineLatestWith } from 'rxjs/operators';\nimport { CompositeKey, LogError, RunView } from '@memberjunction/core';\nimport { MJActionCategoryEntity, MJActionEntity, MJActionParamEntity, ResourceData } from '@memberjunction/core-entities';\nimport { ActionEngineBase, MJActionEntityExtended } from '@memberjunction/actions-base';\nimport { RegisterClass , UUIDsEqual } from '@memberjunction/global';\nimport { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';\nimport {\n  ActionExplorerStateService,\n  ActionViewMode,\n  SortConfig,\n  ActionFilters\n} from '../../services/action-explorer-state.service';\nimport { ActionTreePanelComponent } from './action-tree-panel.component';\n@RegisterClass(BaseResourceComponent, 'ActionExplorerResource')\n@Component({\n  standalone: false,\n  selector: 'mj-action-explorer',\n  templateUrl: './action-explorer.component.html',\n  styleUrls: ['./action-explorer.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ActionExplorerStateService]\n})\nexport class ActionExplorerComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n  @ViewChild(ActionTreePanelComponent) TreePanel!: ActionTreePanelComponent;\n\n  public IsLoading = true;\n  public Actions: MJActionEntityExtended[] = [];\n  public FilteredActions: MJActionEntityExtended[] = [];\n  public Categories: MJActionCategoryEntity[] = [];\n  public CategoriesMap = new Map<string, MJActionCategoryEntity>();\n\n  public ViewMode: ActionViewMode = 'card';\n  public SelectedCategoryId = 'all';\n  public NewCategoryParentId: string | null = null;\n\n  // Run dialog state\n  public IsRunDialogOpen = false;\n  public SelectedActionForRun: MJActionEntity | null = null;\n  public SelectedActionParams: MJActionParamEntity[] = [];\n\n  private destroy$ = new Subject<void>();\n  private lastNavigatedUrl = '';\n  private skipUrlUpdate = false;\n\n  constructor(\n    public StateService: ActionExplorerStateService,\n    private navigationService: NavigationService,\n    private router: Router,\n    private cdr: ChangeDetectorRef\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.subscribeToState();\n    this.subscribeToRouterEvents();\n    this.loadInitialState();\n    this.loadData();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  private subscribeToState(): void {\n    // Subscribe to view mode changes\n    this.StateService.ViewMode$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(mode => {\n      this.ViewMode = mode;\n      this.cdr.markForCheck();\n    });\n\n    // Subscribe to selected category changes\n    this.StateService.SelectedCategoryId$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(id => {\n      this.SelectedCategoryId = id;\n      this.applyFilters();\n      this.updateUrl();\n      this.cdr.markForCheck();\n    });\n\n    // Subscribe to filter and sort changes\n    this.StateService.Filters$.pipe(\n      combineLatestWith(this.StateService.SortConfig$),\n      debounceTime(50),\n      takeUntil(this.destroy$)\n    ).subscribe(() => {\n      this.applyFilters();\n      this.updateUrl();\n      this.cdr.markForCheck();\n    });\n  }\n\n  private subscribeToRouterEvents(): void {\n    this.router.events.pipe(\n      filter((event): event is NavigationEnd => event instanceof NavigationEnd),\n      takeUntil(this.destroy$)\n    ).subscribe(event => {\n      const currentUrl = event.urlAfterRedirects || event.url;\n      if (currentUrl !== this.lastNavigatedUrl) {\n        this.onExternalNavigation(currentUrl);\n      }\n    });\n  }\n\n  private loadInitialState(): void {\n    // Parse URL query params\n    const url = this.router.url;\n    const queryIndex = url.indexOf('?');\n    if (queryIndex !== -1) {\n      const queryString = url.substring(queryIndex + 1);\n      const params = new URLSearchParams(queryString);\n      this.skipUrlUpdate = true;\n      this.StateService.parseQueryParams(params);\n      this.skipUrlUpdate = false;\n    }\n\n    // Load saved state from UserInfoEngine\n    this.StateService.loadSavedState();\n  }\n\n  private async loadData(): Promise<void> {\n    try {\n      this.IsLoading = true;\n      this.cdr.markForCheck();\n\n      // Initialize ActionEngineBase\n      await ActionEngineBase.Instance.Config(false);\n\n      // Get actions and categories from engine\n      this.Actions = ActionEngineBase.Instance.Actions;\n      this.Categories = ActionEngineBase.Instance.ActionCategories;\n\n      // Build categories map\n      this.CategoriesMap.clear();\n      this.Categories.forEach(c => this.CategoriesMap.set(c.ID, c));\n\n      // Build tree panel if available\n      if (this.TreePanel) {\n        this.TreePanel.Categories = this.Categories;\n        this.TreePanel.Actions = this.Actions;\n        this.TreePanel.buildCategoryTree();\n      }\n\n      // Apply filters\n      this.applyFilters();\n\n      // Expand path to selected category if needed\n      if (this.SelectedCategoryId !== 'all' && this.SelectedCategoryId !== 'uncategorized') {\n        const categoryParentMap = new Map<string, string | null>();\n        this.Categories.forEach(c => categoryParentMap.set(c.ID, c.ParentID || null));\n        this.StateService.expandPathToCategory(this.SelectedCategoryId, categoryParentMap);\n      }\n\n    } catch (error) {\n      LogError('Failed to load action explorer data', undefined, error);\n    } finally {\n      this.IsLoading = false;\n      this.cdr.markForCheck();\n      this.NotifyLoadComplete();\n    }\n  }\n\n  private applyFilters(): void {\n    let filtered = [...this.Actions];\n    const filters = this.StateService.Filters;\n    const sortConfig = this.StateService.SortConfig;\n\n    // Apply category filter\n    if (this.SelectedCategoryId === 'uncategorized') {\n      filtered = filtered.filter(a => !a.CategoryID);\n    } else if (this.SelectedCategoryId !== 'all') {\n      // Include descendants\n      const descendants = this.getDescendantCategoryIds(this.SelectedCategoryId);\n      filtered = filtered.filter(a => a.CategoryID && descendants.has(a.CategoryID));\n    }\n\n    // Apply search filter\n    if (filters.searchTerm) {\n      const term = filters.searchTerm.toLowerCase();\n      filtered = filtered.filter(a =>\n        a.Name.toLowerCase().includes(term) ||\n        (a.Description || '').toLowerCase().includes(term)\n      );\n    }\n\n    // Apply status filter\n    if (filters.statuses.length > 0) {\n      filtered = filtered.filter(a => filters.statuses.includes(a.Status));\n    }\n\n    // Apply type filter\n    if (filters.types.length > 0) {\n      filtered = filtered.filter(a => filters.types.includes(a.Type));\n    }\n\n    // Apply sorting\n    filtered = this.sortActions(filtered, sortConfig);\n\n    this.FilteredActions = filtered;\n  }\n\n  private getDescendantCategoryIds(categoryId: string): Set<string> {\n    const descendants = new Set<string>([categoryId]);\n\n    const addDescendants = (parentId: string) => {\n      this.Categories.forEach(c => {\n        if (UUIDsEqual(c.ParentID, parentId) && !descendants.has(c.ID)) {\n          descendants.add(c.ID);\n          addDescendants(c.ID);\n        }\n      });\n    };\n\n    addDescendants(categoryId);\n    return descendants;\n  }\n\n  private sortActions(actions: MJActionEntityExtended[], config: SortConfig): MJActionEntityExtended[] {\n    const sorted = [...actions];\n    const direction = config.direction === 'asc' ? 1 : -1;\n\n    sorted.sort((a, b) => {\n      let comparison = 0;\n\n      switch (config.field) {\n        case 'name':\n          comparison = a.Name.localeCompare(b.Name);\n          break;\n        case 'updated':\n          const dateA = a.__mj_UpdatedAt ? new Date(a.__mj_UpdatedAt).getTime() : 0;\n          const dateB = b.__mj_UpdatedAt ? new Date(b.__mj_UpdatedAt).getTime() : 0;\n          comparison = dateA - dateB;\n          break;\n        case 'status':\n          comparison = (a.Status || '').localeCompare(b.Status || '');\n          break;\n        case 'type':\n          comparison = (a.Type || '').localeCompare(b.Type || '');\n          break;\n        case 'category':\n          const catA = this.CategoriesMap.get(a.CategoryID || '')?.Name || '';\n          const catB = this.CategoriesMap.get(b.CategoryID || '')?.Name || '';\n          comparison = catA.localeCompare(catB);\n          break;\n      }\n\n      return comparison * direction;\n    });\n\n    return sorted;\n  }\n\n  private updateUrl(): void {\n    if (this.skipUrlUpdate) return;\n\n    const queryParams = this.StateService.buildQueryParams();\n    this.navigationService.UpdateActiveTabQueryParams(queryParams);\n    this.lastNavigatedUrl = this.router.url;\n  }\n\n  private onExternalNavigation(url: string): void {\n    const queryIndex = url.indexOf('?');\n    if (queryIndex !== -1) {\n      const queryString = url.substring(queryIndex + 1);\n      const params = new URLSearchParams(queryString);\n      this.skipUrlUpdate = true;\n      this.StateService.parseQueryParams(params);\n      this.skipUrlUpdate = false;\n      this.applyFilters();\n      this.cdr.markForCheck();\n    }\n  }\n\n  public async onRefresh(): Promise<void> {\n    await ActionEngineBase.Instance.Config(true); // Force refresh\n    await this.loadData();\n  }\n\n  public onCategorySelect(categoryId: string): void {\n    this.StateService.setSelectedCategoryId(categoryId);\n  }\n\n  public onNewCategory(parentId: string | null): void {\n    this.NewCategoryParentId = parentId;\n    this.StateService.openNewCategoryPanel();\n  }\n\n  public onEditCategory(category: MJActionCategoryEntity): void {\n    const key = new CompositeKey([{ FieldName: 'ID', Value: category.ID }]);\n    this.navigationService.OpenEntityRecord('MJ: Action Categories', key);\n  }\n\n  public onNewAction(): void {\n    this.StateService.openNewActionPanel();\n  }\n\n  public onActionClick(action: MJActionEntityExtended): void {\n    const key = new CompositeKey([{ FieldName: 'ID', Value: action.ID }]);\n    this.navigationService.OpenEntityRecord('MJ: Actions', key);\n  }\n\n  public onActionEdit(action: MJActionEntityExtended): void {\n    this.onActionClick(action);\n  }\n\n  public async onActionRun(action: MJActionEntityExtended): Promise<void> {\n    if (action.Status !== 'Active') {\n      return; // Can't run inactive actions\n    }\n\n    try {\n      // Load action params\n      const rv = new RunView();\n      const result = await rv.RunView<MJActionParamEntity>({\n        EntityName: 'MJ: Action Params',\n        ExtraFilter: `ActionID='${action.ID}'`,\n        OrderBy: 'Name',\n        ResultType: 'entity_object'\n      });\n\n      this.SelectedActionParams = result.Success ? result.Results || [] : [];\n      // MJActionEntityExtended extends MJActionEntity, so this cast is safe\n      this.SelectedActionForRun = action as unknown as MJActionEntity;\n      this.IsRunDialogOpen = true;\n      this.cdr.markForCheck();\n\n    } catch (error) {\n      LogError('Failed to open action run dialog', undefined, error);\n    }\n  }\n\n  public OnRunDialogClose(): void {\n    this.IsRunDialogOpen = false;\n    this.SelectedActionForRun = null;\n    this.SelectedActionParams = [];\n    this.cdr.markForCheck();\n  }\n\n  public onCategoryClick(categoryId: string): void {\n    this.StateService.setSelectedCategoryId(categoryId);\n  }\n\n  public async onCategoryCreated(category: MJActionCategoryEntity): Promise<void> {\n    // Refresh data to include new category\n    await this.loadData();\n    // Select the new category\n    this.StateService.setSelectedCategoryId(category.ID);\n  }\n\n  public async onActionCreated(): Promise<void> {\n    // Refresh data to include new action\n    await this.loadData();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Action Explorer';\n  }\n\n  async GetResourceIconClass(data: ResourceData): Promise<string> {\n    return 'fa-solid fa-folder-tree';\n  }\n}\n","<div class=\"action-explorer\">\n  <!-- Full-page Loading Overlay -->\n  @if (IsLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading text=\"Loading actions...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Tree Panel (Left Sidebar) -->\n  <mj-action-tree-panel\n    [Categories]=\"Categories\"\n    [Actions]=\"Actions\"\n    (CategorySelected)=\"onCategorySelect($event)\"\n    (NewCategoryClick)=\"onNewCategory($event)\"\n    (EditCategoryClick)=\"onEditCategory($event)\">\n  </mj-action-tree-panel>\n\n  <!-- Main Content Area -->\n  <div class=\"explorer-main\">\n    <!-- Toolbar -->\n    <mj-action-toolbar\n      [TotalCount]=\"Actions.length\"\n      [FilteredCount]=\"FilteredActions.length\"\n      (NewActionClick)=\"onNewAction()\"\n      (RefreshClick)=\"onRefresh()\">\n    </mj-action-toolbar>\n\n    <!-- Breadcrumb -->\n    <mj-action-breadcrumb\n      [SelectedCategoryId]=\"SelectedCategoryId\"\n      [Categories]=\"Categories\"\n      (CategorySelect)=\"onCategorySelect($event)\">\n    </mj-action-breadcrumb>\n\n    <!-- Content Area -->\n    <div class=\"explorer-content\">\n      @if (FilteredActions.length === 0 && !IsLoading) {\n        <div class=\"empty-state\">\n          @if (StateService.hasActiveFilters() || SelectedCategoryId !== 'all') {\n            <i class=\"fa-solid fa-filter-circle-xmark\"></i>\n            <h3>No actions match your filters</h3>\n            <p>Try adjusting your search or filter criteria</p>\n            <button kendoButton\n              [fillMode]=\"'outline'\"\n              (click)=\"StateService.clearFilters(); StateService.setSelectedCategoryId('all')\">\n              <i class=\"fa-solid fa-times\"></i>\n              Clear All Filters\n            </button>\n          } @else {\n            <i class=\"fa-solid fa-bolt\"></i>\n            <h3>No actions yet</h3>\n            <p>Create your first action to get started</p>\n            <button kendoButton\n              [fillMode]=\"'solid'\"\n              [themeColor]=\"'primary'\"\n              (click)=\"onNewAction()\">\n              <i class=\"fa-solid fa-plus\"></i>\n              Create Action\n            </button>\n          }\n        </div>\n      } @else {\n        <!-- Card View -->\n        @if (ViewMode === 'card') {\n          <div class=\"card-grid\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-card\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-card>\n            }\n          </div>\n        }\n\n        <!-- List View -->\n        @if (ViewMode === 'list') {\n          <div class=\"list-view\">\n            <div class=\"list-header\">\n              <div class=\"header-icon\"></div>\n              <div class=\"header-name\">Name</div>\n              <div class=\"header-category\">Category</div>\n              <div class=\"header-status\">Status</div>\n              <div class=\"header-type\">Type</div>\n              <div class=\"header-params\">Params</div>\n              <div class=\"header-updated\">Updated</div>\n              <div class=\"header-actions\"></div>\n            </div>\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"false\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n\n        <!-- Compact View -->\n        @if (ViewMode === 'compact') {\n          <div class=\"compact-view\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"true\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- Slide-in Panels -->\n  <mj-new-category-panel\n    [Categories]=\"Categories\"\n    [PreselectedParentId]=\"NewCategoryParentId\"\n    (CategoryCreated)=\"onCategoryCreated($event)\"\n    (Close)=\"NewCategoryParentId = null\">\n  </mj-new-category-panel>\n\n  <mj-new-action-panel\n    [Categories]=\"Categories\"\n    (ActionCreated)=\"onActionCreated()\">\n  </mj-new-action-panel>\n\n  <!-- Action Run Dialog -->\n  @if (SelectedActionForRun) {\n    <mj-action-test-harness-dialog\n      [Action]=\"SelectedActionForRun\"\n      [ActionParams]=\"SelectedActionParams\"\n      [IsOpen]=\"IsRunDialogOpen\"\n      (Close)=\"OnRunDialogClose()\">\n    </mj-action-test-harness-dialog>\n  }\n</div>\n"]}
+{"version":3,"file":"action-explorer.component.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-explorer.component.ts","../../../../src/Actions/components/explorer/action-explorer.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,SAAS,EAGT,uBAAuB,EAEvB,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAU,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAwB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAA0B,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAAE,aAAa,EAAG,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAqB,MAAM,2BAA2B,CAAC;AACrF,OAAO,EACL,0BAA0B,EAI3B,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;ICnBrE,8BAA6B;IAC3B,iCAAiE;IACnE,iBAAM;;;;IAkCE,wBAA+C;IAC/C,0BAAI;IAAA,6CAA6B;IAAA,iBAAK;IACtC,yBAAG;IAAA,4DAA4C;IAAA,iBAAI;IACnD,kCAEmF;IAAjF,oLAAS,kCAA2B,wBAAE,0CAAmC,KAAK,CAAC,KAAC;IAChF,wBAAiC;IACjC,mCACF;IAAA,iBAAS;;;;IAET,wBAAgC;IAChC,0BAAI;IAAA,8BAAc;IAAA,iBAAK;IACvB,yBAAG;IAAA,uDAAuC;IAAA,iBAAI;IAC9C,kCAE0B;IAAxB,0MAAS,oBAAa,KAAC;IACvB,wBAAgC;IAChC,+BACF;IAAA,iBAAS;;;IApBb,8BAAyB;IAWrB,AAVF,6FAAuE,uEAU9D;IAWX,iBAAM;;;IArBJ,cAoBC;IApBD,uGAoBC;;;;IAOG,0CAM4C;IAA1C,AADA,AADA,AADA,0OAAe,4BAAqB,KAAC,yNACxB,2BAAoB,KAAC,uNACtB,0BAAmB,KAAC,iOACf,8BAAuB,KAAC;IAC3C,iBAAiB;;;;IALf,AADA,kCAAiB,oCACW;;;IAJlC,+BAAuB;IACrB,kIASC;IACH,iBAAM;;;IAVJ,cASC;IATD,qCASC;;;;IAkBC,+CAO4C;IAA1C,AADA,AADA,AADA,gPAAe,4BAAqB,KAAC,+NACxB,2BAAoB,KAAC,6NACtB,0BAAmB,KAAC,uOACf,8BAAuB,KAAC;IAC3C,iBAAsB;;;;IALpB,AADA,AADA,kCAAiB,oCACW,oBACT;;;IAdvB,AADF,+BAAuB,cACI;IACvB,0BAA+B;IAC/B,+BAAyB;IAAA,oBAAI;IAAA,iBAAM;IACnC,+BAA6B;IAAA,wBAAQ;IAAA,iBAAM;IAC3C,+BAA2B;IAAA,sBAAM;IAAA,iBAAM;IACvC,+BAAyB;IAAA,qBAAI;IAAA,iBAAM;IACnC,gCAA2B;IAAA,uBAAM;IAAA,iBAAM;IACvC,gCAA4B;IAAA,wBAAO;IAAA,iBAAM;IACzC,2BAAkC;IACpC,iBAAM;IACN,yIAUC;IACH,iBAAM;;;IAXJ,gBAUC;IAVD,qCAUC;;;;IAQC,+CAO4C;IAA1C,AADA,AADA,AADA,+OAAe,4BAAqB,KAAC,8NACxB,2BAAoB,KAAC,4NACtB,0BAAmB,KAAC,sOACf,8BAAuB,KAAC;IAC3C,iBAAsB;;;;IALpB,AADA,AADA,kCAAiB,oCACW,mBACV;;;IALxB,+BAA0B;IACxB,uIAUC;IACH,iBAAM;;;IAXJ,cAUC;IAVD,qCAUC;;;IAvDL,wGAA2B;IAgB3B,yGAA2B;IA2B3B,wGAA8B;;;IA3C9B,qDAaC;IAGD,cAwBC;IAxBD,qDAwBC;IAGD,cAcC;IAdD,wDAcC;;;;IAoBL,yDAI+B;IAA7B,oNAAS,yBAAkB,KAAC;IAC9B,iBAAgC;;;IAF9B,AADA,AADA,oDAA+B,6CACM,kCACX;;AD9GzB,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,qBAAqB;IAuBvD;IACC;IACA;IACA;IAzB2B,SAAS,CAA4B;IAEnE,SAAS,GAAG,IAAI,CAAC;IACjB,OAAO,GAA6B,EAAE,CAAC;IACvC,eAAe,GAA6B,EAAE,CAAC;IAC/C,UAAU,GAA6B,EAAE,CAAC;IAC1C,aAAa,GAAG,IAAI,GAAG,EAAkC,CAAC;IAE1D,QAAQ,GAAmB,MAAM,CAAC;IAClC,kBAAkB,GAAG,KAAK,CAAC;IAC3B,mBAAmB,GAAkB,IAAI,CAAC;IAEjD,mBAAmB;IACZ,eAAe,GAAG,KAAK,CAAC;IACxB,oBAAoB,GAA0B,IAAI,CAAC;IACnD,oBAAoB,GAA0B,EAAE,CAAC;IAEhD,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAC/B,gBAAgB,GAAG,EAAE,CAAC;IACtB,aAAa,GAAG,KAAK,CAAC;IAE9B,YACS,YAAwC,EACvC,iBAAoC,EACpC,MAAc,EACd,GAAsB;QAE9B,KAAK,EAAE,CAAC;QALD,iBAAY,GAAZ,YAAY,CAA4B;QACvC,sBAAiB,GAAjB,iBAAiB,CAAmB;QACpC,WAAM,GAAN,MAAM,CAAQ;QACd,QAAG,GAAH,GAAG,CAAmB;IAGhC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAEO,gBAAgB;QACtB,iCAAiC;QACjC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAC9B,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,yCAAyC;QACzC,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,CACxC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE;YACf,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;YAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,uCAAuC;QACvC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAC7B,iBAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,EAChD,YAAY,CAAC,EAAE,CAAC,EAChB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB,CAAC,SAAS,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,uBAAuB;QAC7B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACrB,MAAM,CAAC,CAAC,KAAK,EAA0B,EAAE,CAAC,KAAK,YAAY,aAAa,CAAC,EACzE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAClB,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,GAAG,CAAC;YACxD,IAAI,UAAU,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACzC,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB;QACtB,yBAAyB;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;QAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAClD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC;YAChD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC7B,CAAC;QAED,uCAAuC;QACvC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;IACrC,CAAC;IAEO,KAAK,CAAC,QAAQ;QACpB,IAAI,CAAC;YACH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;YAExB,8BAA8B;YAC9B,MAAM,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAE9C,yCAAyC;YACzC,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC;YACjD,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,gBAAgB,CAAC;YAE7D,uBAAuB;YACvB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YAE9D,gCAAgC;YAChC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;gBAC5C,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;gBACtC,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,CAAC;YACrC,CAAC;YAED,gBAAgB;YAChB,IAAI,CAAC,YAAY,EAAE,CAAC;YAEpB,6CAA6C;YAC7C,IAAI,IAAI,CAAC,kBAAkB,KAAK,KAAK,IAAI,IAAI,CAAC,kBAAkB,KAAK,eAAe,EAAE,CAAC;gBACrF,MAAM,iBAAiB,GAAG,IAAI,GAAG,EAAyB,CAAC;gBAC3D,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC;gBAC9E,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;YACrF,CAAC;QAEH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,qCAAqC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;YACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;QAEhD,wBAAwB;QACxB,IAAI,IAAI,CAAC,kBAAkB,KAAK,eAAe,EAAE,CAAC;YAChD,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACjD,CAAC;aAAM,IAAI,IAAI,CAAC,kBAAkB,KAAK,KAAK,EAAE,CAAC;YAC7C,sBAAsB;YACtB,MAAM,WAAW,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC3E,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;QACjF,CAAC;QAED,sBAAsB;QACtB,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;YACvB,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;YAC9C,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAC7B,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACnC,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CACnD,CAAC;QACJ,CAAC;QAED,sBAAsB;QACtB,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACvE,CAAC;QAED,oBAAoB;QACpB,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC;QAED,gBAAgB;QAChB,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAElD,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;IAClC,CAAC;IAEO,wBAAwB,CAAC,UAAkB;QACjD,MAAM,WAAW,GAAG,IAAI,GAAG,CAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAElD,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC1C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC1B,IAAI,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC/D,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBACtB,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,cAAc,CAAC,UAAU,CAAC,CAAC;QAC3B,OAAO,WAAW,CAAC;IACrB,CAAC;IAEO,WAAW,CAAC,OAAiC,EAAE,MAAkB;QACvE,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QAC5B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACnB,IAAI,UAAU,GAAG,CAAC,CAAC;YAEnB,QAAQ,MAAM,CAAC,KAAK,EAAE,CAAC;gBACrB,KAAK,MAAM;oBACT,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;oBAC1C,MAAM;gBACR,KAAK,SAAS;oBACZ,MAAM,KAAK,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1E,MAAM,KAAK,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC1E,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;oBAC3B,MAAM;gBACR,KAAK,QAAQ;oBACX,UAAU,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;oBAC5D,MAAM;gBACR,KAAK,MAAM;oBACT,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;oBACxD,MAAM;gBACR,KAAK,UAAU;oBACb,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;oBACpE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;oBACpE,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;oBACtC,MAAM;YACV,CAAC;YAED,OAAO,UAAU,GAAG,SAAS,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;QACzD,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC;QAC/D,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;IAC1C,CAAC;IAEO,oBAAoB,CAAC,GAAW;QACtC,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAClD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC;YAChD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,SAAS;QACpB,MAAM,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB;QAC9D,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAEM,gBAAgB,CAAC,UAAkB;QACxC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAEM,aAAa,CAAC,QAAuB;QAC1C,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IAC3C,CAAC;IAEM,cAAc,CAAC,QAAgC;QACpD,MAAM,GAAG,GAAG,IAAI,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;IACxE,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,CAAC;IACzC,CAAC;IAEM,aAAa,CAAC,MAA8B;QACjD,MAAM,GAAG,GAAG,IAAI,YAAY,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;IAC9D,CAAC;IAEM,YAAY,CAAC,MAA8B;QAChD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAEM,KAAK,CAAC,WAAW,CAAC,MAA8B;QACrD,IAAI,MAAM,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO,CAAC,6BAA6B;QACvC,CAAC;QAED,IAAI,CAAC;YACH,qBAAqB;YACrB,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAsB;gBACnD,UAAU,EAAE,mBAAmB;gBAC/B,WAAW,EAAE,aAAa,MAAM,CAAC,EAAE,GAAG;gBACtC,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,eAAe;aAC5B,CAAC,CAAC;YAEH,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACvE,sEAAsE;YACtE,IAAI,CAAC,oBAAoB,GAAG,MAAmC,CAAC;YAChE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAE1B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,kCAAkC,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;QAC/B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,eAAe,CAAC,UAAkB;QACvC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAEM,KAAK,CAAC,iBAAiB,CAAC,QAAgC;QAC7D,uCAAuC;QACvC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACtB,0BAA0B;QAC1B,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,CAAC;IAEM,KAAK,CAAC,eAAe;QAC1B,qCAAqC;QACrC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,IAAkB;QAC7C,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,IAAkB;QAC3C,OAAO,yBAAyB,CAAC;IACnC,CAAC;iHAtVU,uBAAuB;6DAAvB,uBAAuB;2BACvB,wBAAwB;;;;iEAHxB,CAAC,0BAA0B,CAAC;YC9BzC,8BAA6B;YAE3B,yFAAiB;YAOjB,+CAK+C;YAA7C,AADA,AADA,8IAAoB,4BAAwB,IAAC,iIACzB,yBAAqB,IAAC,mIACrB,0BAAsB,IAAC;YAC9C,iBAAuB;YAKrB,AAFF,8BAA2B,2BAMM;YAA7B,AADA,iIAAkB,iBAAa,IAAC,gHAChB,eAAW,IAAC;YAC9B,iBAAoB;YAGpB,+CAG8C;YAA5C,0IAAkB,4BAAwB,IAAC;YAC7C,iBAAuB;YAGvB,8BAA8B;YAyB1B,AAxBF,yFAAkD,yDAwBzC;YA8Db,AADE,iBAAM,EACF;YAGN,gDAIuC;YAArC,AADA,6IAAmB,6BAAyB,IAAC,gIACd,IAAI,IAAC;YACtC,iBAAwB;YAExB,+CAEsC;YAApC,kIAAiB,qBAAiB,IAAC;YACrC,iBAAsB;YAGtB,sHAA4B;YAQ9B,iBAAM;;YAhJJ,cAIC;YAJD,wCAIC;YAIC,cAAyB;YACzB,AADA,2CAAyB,wBACN;YAUjB,eAA6B;YAC7B,AADA,+CAA6B,6CACW;YAOxC,cAAyC;YACzC,AADA,2DAAyC,8BAChB;YAMzB,eAoFC;YApFD,4EAoFC;YAMH,eAAyB;YACzB,AADA,2CAAyB,gDACkB;YAM3C,cAAyB;YAAzB,2CAAyB;YAK3B,cAOC;YAPD,oDAOC;;;ADjHU,uBAAuB;IATnC,aAAa,CAAC,qBAAqB,EAAE,wBAAwB,CAAC;GASlD,uBAAuB,CAuVnC;;iFAvVY,uBAAuB;cARnC,SAAS;6BACI,KAAK,YACP,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,aACpC,CAAC,0BAA0B,CAAC;;kBAGtC,SAAS;mBAAC,wBAAwB;;kFADxB,uBAAuB","sourcesContent":["import {\n  Component,\n  OnInit,\n  OnDestroy,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ViewChild\n} from '@angular/core';\nimport { Router, NavigationEnd } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { takeUntil, filter, debounceTime, distinctUntilChanged, combineLatestWith } from 'rxjs/operators';\nimport { CompositeKey, LogError, RunView } from '@memberjunction/core';\nimport { MJActionCategoryEntity, MJActionEntity, MJActionParamEntity, ResourceData } from '@memberjunction/core-entities';\nimport { ActionEngineBase, MJActionEntityExtended } from '@memberjunction/actions-base';\nimport { RegisterClass , UUIDsEqual } from '@memberjunction/global';\nimport { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';\nimport {\n  ActionExplorerStateService,\n  ActionViewMode,\n  SortConfig,\n  ActionFilters\n} from '../../services/action-explorer-state.service';\nimport { ActionTreePanelComponent } from './action-tree-panel.component';\n@RegisterClass(BaseResourceComponent, 'ActionExplorerResource')\n@Component({\n  standalone: false,\n  selector: 'mj-action-explorer',\n  templateUrl: './action-explorer.component.html',\n  styleUrls: ['./action-explorer.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ActionExplorerStateService]\n})\nexport class ActionExplorerComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n  @ViewChild(ActionTreePanelComponent) TreePanel!: ActionTreePanelComponent;\n\n  public IsLoading = true;\n  public Actions: MJActionEntityExtended[] = [];\n  public FilteredActions: MJActionEntityExtended[] = [];\n  public Categories: MJActionCategoryEntity[] = [];\n  public CategoriesMap = new Map<string, MJActionCategoryEntity>();\n\n  public ViewMode: ActionViewMode = 'card';\n  public SelectedCategoryId = 'all';\n  public NewCategoryParentId: string | null = null;\n\n  // Run dialog state\n  public IsRunDialogOpen = false;\n  public SelectedActionForRun: MJActionEntity | null = null;\n  public SelectedActionParams: MJActionParamEntity[] = [];\n\n  private destroy$ = new Subject<void>();\n  private lastNavigatedUrl = '';\n  private skipUrlUpdate = false;\n\n  constructor(\n    public StateService: ActionExplorerStateService,\n    private navigationService: NavigationService,\n    private router: Router,\n    private cdr: ChangeDetectorRef\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.subscribeToState();\n    this.subscribeToRouterEvents();\n    this.loadInitialState();\n    this.loadData();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  private subscribeToState(): void {\n    // Subscribe to view mode changes\n    this.StateService.ViewMode$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(mode => {\n      this.ViewMode = mode;\n      this.cdr.markForCheck();\n    });\n\n    // Subscribe to selected category changes\n    this.StateService.SelectedCategoryId$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(id => {\n      this.SelectedCategoryId = id;\n      this.applyFilters();\n      this.updateUrl();\n      this.cdr.markForCheck();\n    });\n\n    // Subscribe to filter and sort changes\n    this.StateService.Filters$.pipe(\n      combineLatestWith(this.StateService.SortConfig$),\n      debounceTime(50),\n      takeUntil(this.destroy$)\n    ).subscribe(() => {\n      this.applyFilters();\n      this.updateUrl();\n      this.cdr.markForCheck();\n    });\n  }\n\n  private subscribeToRouterEvents(): void {\n    this.router.events.pipe(\n      filter((event): event is NavigationEnd => event instanceof NavigationEnd),\n      takeUntil(this.destroy$)\n    ).subscribe(event => {\n      const currentUrl = event.urlAfterRedirects || event.url;\n      if (currentUrl !== this.lastNavigatedUrl) {\n        this.onExternalNavigation(currentUrl);\n      }\n    });\n  }\n\n  private loadInitialState(): void {\n    // Parse URL query params\n    const url = this.router.url;\n    const queryIndex = url.indexOf('?');\n    if (queryIndex !== -1) {\n      const queryString = url.substring(queryIndex + 1);\n      const params = new URLSearchParams(queryString);\n      this.skipUrlUpdate = true;\n      this.StateService.parseQueryParams(params);\n      this.skipUrlUpdate = false;\n    }\n\n    // Load saved state from UserInfoEngine\n    this.StateService.loadSavedState();\n  }\n\n  private async loadData(): Promise<void> {\n    try {\n      this.IsLoading = true;\n      this.cdr.markForCheck();\n\n      // Initialize ActionEngineBase\n      await ActionEngineBase.Instance.Config(false);\n\n      // Get actions and categories from engine\n      this.Actions = ActionEngineBase.Instance.Actions;\n      this.Categories = ActionEngineBase.Instance.ActionCategories;\n\n      // Build categories map\n      this.CategoriesMap.clear();\n      this.Categories.forEach(c => this.CategoriesMap.set(c.ID, c));\n\n      // Build tree panel if available\n      if (this.TreePanel) {\n        this.TreePanel.Categories = this.Categories;\n        this.TreePanel.Actions = this.Actions;\n        this.TreePanel.buildCategoryTree();\n      }\n\n      // Apply filters\n      this.applyFilters();\n\n      // Expand path to selected category if needed\n      if (this.SelectedCategoryId !== 'all' && this.SelectedCategoryId !== 'uncategorized') {\n        const categoryParentMap = new Map<string, string | null>();\n        this.Categories.forEach(c => categoryParentMap.set(c.ID, c.ParentID || null));\n        this.StateService.expandPathToCategory(this.SelectedCategoryId, categoryParentMap);\n      }\n\n    } catch (error) {\n      LogError('Failed to load action explorer data', undefined, error);\n    } finally {\n      this.IsLoading = false;\n      this.cdr.markForCheck();\n      this.NotifyLoadComplete();\n    }\n  }\n\n  private applyFilters(): void {\n    let filtered = [...this.Actions];\n    const filters = this.StateService.Filters;\n    const sortConfig = this.StateService.SortConfig;\n\n    // Apply category filter\n    if (this.SelectedCategoryId === 'uncategorized') {\n      filtered = filtered.filter(a => !a.CategoryID);\n    } else if (this.SelectedCategoryId !== 'all') {\n      // Include descendants\n      const descendants = this.getDescendantCategoryIds(this.SelectedCategoryId);\n      filtered = filtered.filter(a => a.CategoryID && descendants.has(a.CategoryID));\n    }\n\n    // Apply search filter\n    if (filters.searchTerm) {\n      const term = filters.searchTerm.toLowerCase();\n      filtered = filtered.filter(a =>\n        a.Name.toLowerCase().includes(term) ||\n        (a.Description || '').toLowerCase().includes(term)\n      );\n    }\n\n    // Apply status filter\n    if (filters.statuses.length > 0) {\n      filtered = filtered.filter(a => filters.statuses.includes(a.Status));\n    }\n\n    // Apply type filter\n    if (filters.types.length > 0) {\n      filtered = filtered.filter(a => filters.types.includes(a.Type));\n    }\n\n    // Apply sorting\n    filtered = this.sortActions(filtered, sortConfig);\n\n    this.FilteredActions = filtered;\n  }\n\n  private getDescendantCategoryIds(categoryId: string): Set<string> {\n    const descendants = new Set<string>([categoryId]);\n\n    const addDescendants = (parentId: string) => {\n      this.Categories.forEach(c => {\n        if (UUIDsEqual(c.ParentID, parentId) && !descendants.has(c.ID)) {\n          descendants.add(c.ID);\n          addDescendants(c.ID);\n        }\n      });\n    };\n\n    addDescendants(categoryId);\n    return descendants;\n  }\n\n  private sortActions(actions: MJActionEntityExtended[], config: SortConfig): MJActionEntityExtended[] {\n    const sorted = [...actions];\n    const direction = config.direction === 'asc' ? 1 : -1;\n\n    sorted.sort((a, b) => {\n      let comparison = 0;\n\n      switch (config.field) {\n        case 'name':\n          comparison = a.Name.localeCompare(b.Name);\n          break;\n        case 'updated':\n          const dateA = a.__mj_UpdatedAt ? new Date(a.__mj_UpdatedAt).getTime() : 0;\n          const dateB = b.__mj_UpdatedAt ? new Date(b.__mj_UpdatedAt).getTime() : 0;\n          comparison = dateA - dateB;\n          break;\n        case 'status':\n          comparison = (a.Status || '').localeCompare(b.Status || '');\n          break;\n        case 'type':\n          comparison = (a.Type || '').localeCompare(b.Type || '');\n          break;\n        case 'category':\n          const catA = this.CategoriesMap.get(a.CategoryID || '')?.Name || '';\n          const catB = this.CategoriesMap.get(b.CategoryID || '')?.Name || '';\n          comparison = catA.localeCompare(catB);\n          break;\n      }\n\n      return comparison * direction;\n    });\n\n    return sorted;\n  }\n\n  private updateUrl(): void {\n    if (this.skipUrlUpdate) return;\n\n    const queryParams = this.StateService.buildQueryParams();\n    this.navigationService.UpdateActiveTabQueryParams(queryParams);\n    this.lastNavigatedUrl = this.router.url;\n  }\n\n  private onExternalNavigation(url: string): void {\n    const queryIndex = url.indexOf('?');\n    if (queryIndex !== -1) {\n      const queryString = url.substring(queryIndex + 1);\n      const params = new URLSearchParams(queryString);\n      this.skipUrlUpdate = true;\n      this.StateService.parseQueryParams(params);\n      this.skipUrlUpdate = false;\n      this.applyFilters();\n      this.cdr.markForCheck();\n    }\n  }\n\n  public async onRefresh(): Promise<void> {\n    await ActionEngineBase.Instance.Config(true); // Force refresh\n    await this.loadData();\n  }\n\n  public onCategorySelect(categoryId: string): void {\n    this.StateService.setSelectedCategoryId(categoryId);\n  }\n\n  public onNewCategory(parentId: string | null): void {\n    this.NewCategoryParentId = parentId;\n    this.StateService.openNewCategoryPanel();\n  }\n\n  public onEditCategory(category: MJActionCategoryEntity): void {\n    const key = new CompositeKey([{ FieldName: 'ID', Value: category.ID }]);\n    this.navigationService.OpenEntityRecord('MJ: Action Categories', key);\n  }\n\n  public onNewAction(): void {\n    this.StateService.openNewActionPanel();\n  }\n\n  public onActionClick(action: MJActionEntityExtended): void {\n    const key = new CompositeKey([{ FieldName: 'ID', Value: action.ID }]);\n    this.navigationService.OpenEntityRecord('MJ: Actions', key);\n  }\n\n  public onActionEdit(action: MJActionEntityExtended): void {\n    this.onActionClick(action);\n  }\n\n  public async onActionRun(action: MJActionEntityExtended): Promise<void> {\n    if (action.Status !== 'Active') {\n      return; // Can't run inactive actions\n    }\n\n    try {\n      // Load action params\n      const rv = new RunView();\n      const result = await rv.RunView<MJActionParamEntity>({\n        EntityName: 'MJ: Action Params',\n        ExtraFilter: `ActionID='${action.ID}'`,\n        OrderBy: 'Name',\n        ResultType: 'entity_object'\n      });\n\n      this.SelectedActionParams = result.Success ? result.Results || [] : [];\n      // MJActionEntityExtended extends MJActionEntity, so this cast is safe\n      this.SelectedActionForRun = action as unknown as MJActionEntity;\n      this.IsRunDialogOpen = true;\n      this.cdr.markForCheck();\n\n    } catch (error) {\n      LogError('Failed to open action run dialog', undefined, error);\n    }\n  }\n\n  public OnRunDialogClose(): void {\n    this.IsRunDialogOpen = false;\n    this.SelectedActionForRun = null;\n    this.SelectedActionParams = [];\n    this.cdr.markForCheck();\n  }\n\n  public onCategoryClick(categoryId: string): void {\n    this.StateService.setSelectedCategoryId(categoryId);\n  }\n\n  public async onCategoryCreated(category: MJActionCategoryEntity): Promise<void> {\n    // Refresh data to include new category\n    await this.loadData();\n    // Select the new category\n    this.StateService.setSelectedCategoryId(category.ID);\n  }\n\n  public async onActionCreated(): Promise<void> {\n    // Refresh data to include new action\n    await this.loadData();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Action Explorer';\n  }\n\n  async GetResourceIconClass(data: ResourceData): Promise<string> {\n    return 'fa-solid fa-folder-tree';\n  }\n}\n","<div class=\"action-explorer\">\n  <!-- Full-page Loading Overlay -->\n  @if (IsLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading text=\"Loading actions...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Tree Panel (Left Sidebar) -->\n  <mj-action-tree-panel\n    [Categories]=\"Categories\"\n    [Actions]=\"Actions\"\n    (CategorySelected)=\"onCategorySelect($event)\"\n    (NewCategoryClick)=\"onNewCategory($event)\"\n    (EditCategoryClick)=\"onEditCategory($event)\">\n  </mj-action-tree-panel>\n\n  <!-- Main Content Area -->\n  <div class=\"explorer-main\">\n    <!-- Toolbar -->\n    <mj-action-toolbar\n      [TotalCount]=\"Actions.length\"\n      [FilteredCount]=\"FilteredActions.length\"\n      (NewActionClick)=\"onNewAction()\"\n      (RefreshClick)=\"onRefresh()\">\n    </mj-action-toolbar>\n\n    <!-- Breadcrumb -->\n    <mj-action-breadcrumb\n      [SelectedCategoryId]=\"SelectedCategoryId\"\n      [Categories]=\"Categories\"\n      (CategorySelect)=\"onCategorySelect($event)\">\n    </mj-action-breadcrumb>\n\n    <!-- Content Area -->\n    <div class=\"explorer-content\">\n      @if (FilteredActions.length === 0 && !IsLoading) {\n        <div class=\"empty-state\">\n          @if (StateService.hasActiveFilters() || SelectedCategoryId !== 'all') {\n            <i class=\"fa-solid fa-filter-circle-xmark\"></i>\n            <h3>No actions match your filters</h3>\n            <p>Try adjusting your search or filter criteria</p>\n            <button mjButton\n              variant=\"outline\"\n              (click)=\"StateService.clearFilters(); StateService.setSelectedCategoryId('all')\">\n              <i class=\"fa-solid fa-times\"></i>\n              Clear All Filters\n            </button>\n          } @else {\n            <i class=\"fa-solid fa-bolt\"></i>\n            <h3>No actions yet</h3>\n            <p>Create your first action to get started</p>\n            <button mjButton\n              variant=\"primary\"\n              (click)=\"onNewAction()\">\n              <i class=\"fa-solid fa-plus\"></i>\n              Create Action\n            </button>\n          }\n        </div>\n      } @else {\n        <!-- Card View -->\n        @if (ViewMode === 'card') {\n          <div class=\"card-grid\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-card\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-card>\n            }\n          </div>\n        }\n\n        <!-- List View -->\n        @if (ViewMode === 'list') {\n          <div class=\"list-view\">\n            <div class=\"list-header\">\n              <div class=\"header-icon\"></div>\n              <div class=\"header-name\">Name</div>\n              <div class=\"header-category\">Category</div>\n              <div class=\"header-status\">Status</div>\n              <div class=\"header-type\">Type</div>\n              <div class=\"header-params\">Params</div>\n              <div class=\"header-updated\">Updated</div>\n              <div class=\"header-actions\"></div>\n            </div>\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"false\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n\n        <!-- Compact View -->\n        @if (ViewMode === 'compact') {\n          <div class=\"compact-view\">\n            @for (action of FilteredActions; track action.ID) {\n              <mj-action-list-item\n                [Action]=\"action\"\n                [Categories]=\"CategoriesMap\"\n                [IsCompact]=\"true\"\n                (ActionClick)=\"onActionClick($event)\"\n                (EditClick)=\"onActionEdit($event)\"\n                (RunClick)=\"onActionRun($event)\"\n                (CategoryClick)=\"onCategoryClick($event)\">\n              </mj-action-list-item>\n            }\n          </div>\n        }\n      }\n    </div>\n  </div>\n\n  <!-- Slide-in Panels -->\n  <mj-new-category-panel\n    [Categories]=\"Categories\"\n    [PreselectedParentId]=\"NewCategoryParentId\"\n    (CategoryCreated)=\"onCategoryCreated($event)\"\n    (Close)=\"NewCategoryParentId = null\">\n  </mj-new-category-panel>\n\n  <mj-new-action-panel\n    [Categories]=\"Categories\"\n    (ActionCreated)=\"onActionCreated()\">\n  </mj-new-action-panel>\n\n  <!-- Action Run Dialog -->\n  @if (SelectedActionForRun) {\n    <mj-action-test-harness-dialog\n      [Action]=\"SelectedActionForRun\"\n      [ActionParams]=\"SelectedActionParams\"\n      [IsOpen]=\"IsRunDialogOpen\"\n      (Close)=\"OnRunDialogClose()\">\n    </mj-action-test-harness-dialog>\n  }\n</div>\n"]}

package/dist/Actions/components/explorer/action-list-item.component.js

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-buttons";
+import * as i1 from "@memberjunction/ng-ui-components";
 import * as i2 from "@angular/common";
 function ActionListItemComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 4);
@@ -118,7 +118,7 @@ export class ActionListItemComponent {
         return d.toLocaleDateString();
     }
     static ɵfac = function ActionListItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionListItemComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionListItemComponent, selectors: [["mj-action-list-item"]], inputs: { Action: "Action", Categories: "Categories", IsCompact: "IsCompact" }, outputs: { ActionClick: "ActionClick", EditClick: "EditClick", RunClick: "RunClick", CategoryClick: "CategoryClick" }, standalone: false, decls: 26, vars: 26, consts: [[1, "action-list-item", 3, "click"], [1, "item-icon"], [1, "item-main"], [1, "item-name", 3, "title"], [1, "item-description", 3, "title"], [1, "item-category", 3, "click", "title"], [1, "fa-solid", "fa-folder"], [1, "item-status"], [3, "themeColor", "size"], [1, "item-type"], [1, "type-badge", "ai"], [1, "type-badge", "custom"], [1, "item-params", 3, "title"], [1, "item-updated", 3, "title"], [1, "item-actions"], ["kendoButton", "", "title", "Run Action", 3, "click", "fillMode", "size", "disabled"], [1, "fa-solid", "fa-play"], ["kendoButton", "", "title", "Edit Action", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-sliders"]], template: function ActionListItemComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionListItemComponent, selectors: [["mj-action-list-item"]], inputs: { Action: "Action", Categories: "Categories", IsCompact: "IsCompact" }, outputs: { ActionClick: "ActionClick", EditClick: "EditClick", RunClick: "RunClick", CategoryClick: "CategoryClick" }, standalone: false, decls: 26, vars: 21, consts: [[1, "action-list-item", 3, "click"], [1, "item-icon"], [1, "item-main"], [1, "item-name", 3, "title"], [1, "item-description", 3, "title"], [1, "item-category", 3, "click", "title"], [1, "fa-solid", "fa-folder"], [1, "item-status"], [1, "status-chip"], [1, "item-type"], [1, "type-badge", "ai"], [1, "type-badge", "custom"], [1, "item-params", 3, "title"], [1, "item-updated", 3, "title"], [1, "item-actions"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Run Action", 3, "click", "disabled"], [1, "fa-solid", "fa-play"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Edit Action", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-sliders"]], template: function ActionListItemComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function ActionListItemComponent_Template_div_click_0_listener() { return ctx.onRowClick(); });
             i0.ɵɵelementStart(1, "div", 1);
@@ -135,7 +135,7 @@ export class ActionListItemComponent {
             i0.ɵɵelementStart(9, "span");
             i0.ɵɵtext(10);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(11, "div", 7)(12, "kendo-chip", 8);
+            i0.ɵɵelementStart(11, "div", 7)(12, "span", 8);
             i0.ɵɵtext(13);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(14, "div", 9);
@@ -171,7 +171,7 @@ export class ActionListItemComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx.getCategoryName());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("themeColor", ctx.getStatusColor())("size", "small");
+            i0.ɵɵattribute("data-color", ctx.getStatusColor());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.Action.Status, " ");
             i0.ɵɵadvance(2);
@@ -179,18 +179,16 @@ export class ActionListItemComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(!ctx.IsCompact ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("title", i0.ɵɵpipeBind2(19, 23, ctx.Action.__mj_UpdatedAt, "full"));
+            i0.ɵɵproperty("title", i0.ɵɵpipeBind2(19, 18, ctx.Action.__mj_UpdatedAt, "full"));
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.formatDate(ctx.Action.__mj_UpdatedAt), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("fillMode", "flat")("size", "small")("disabled", ctx.Action.Status !== "Active");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("fillMode", "flat")("size", "small");
-        } }, dependencies: [i1.ButtonComponent, i1.ChipComponent, i2.DatePipe], styles: [".action-list-item[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.action-list-item.compact[_ngcontent-%COMP%] {\n  grid-template-columns: 32px 1fr 120px 80px 50px 80px 60px;\n  padding: 8px 16px;\n  gap: 8px;\n}\n\n\n\n.item-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.compact[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n}\n\n.item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n}\n\n.compact[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface)), color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)));\n}\n\n\n\n.item-main[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.item-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact[_ngcontent-%COMP%]   .item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n.item-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\n.item-category[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-category[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-brand-primary);\n}\n\n.item-category[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-status-warning);\n  flex-shrink: 0;\n}\n\n.item-category[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\n.item-status[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n}\n\n\n\n.item-type[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.type-badge.ai[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n}\n\n.type-badge.custom[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n}\n\n.type-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.item-params[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.item-params[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n.item-updated[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n\n\n.item-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover   .item-actions[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 4px;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .action-list-item[_ngcontent-%COMP%] {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .action-list-item[_ngcontent-%COMP%]   .item-category[_ngcontent-%COMP%], \n   .action-list-item[_ngcontent-%COMP%]   .item-params[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-list-item[_ngcontent-%COMP%] {\n    grid-template-columns: 32px 1fr 70px 70px;\n  }\n\n  .action-list-item[_ngcontent-%COMP%]   .item-type[_ngcontent-%COMP%], \n   .action-list-item[_ngcontent-%COMP%]   .item-updated[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .item-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n  }\n}"], changeDetection: 0 });
+            i0.ɵɵproperty("disabled", ctx.Action.Status !== "Active");
+        } }, dependencies: [i1.MJButtonDirective, i2.DatePipe], styles: [".action-list-item[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.action-list-item.compact[_ngcontent-%COMP%] {\n  grid-template-columns: 32px 1fr 120px 80px 50px 80px 60px;\n  padding: 8px 16px;\n  gap: 8px;\n}\n\n\n\n.item-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.compact[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n}\n\n.item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n}\n\n.compact[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface)), color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)));\n}\n\n\n\n.item-main[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.item-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact[_ngcontent-%COMP%]   .item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n.item-description[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\n.item-category[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-category[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-brand-primary);\n}\n\n.item-category[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-status-warning);\n  flex-shrink: 0;\n}\n\n.item-category[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\n.item-status[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n}\n\n\n\n.item-type[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.type-badge.ai[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n}\n\n.type-badge.custom[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n}\n\n.type-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n.item-params[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.item-params[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n.item-updated[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n\n\n.item-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.action-list-item[_ngcontent-%COMP%]:hover   .item-actions[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 4px;\n}\n\n.item-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .action-list-item[_ngcontent-%COMP%] {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .action-list-item[_ngcontent-%COMP%]   .item-category[_ngcontent-%COMP%], \n   .action-list-item[_ngcontent-%COMP%]   .item-params[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-list-item[_ngcontent-%COMP%] {\n    grid-template-columns: 32px 1fr 70px 70px;\n  }\n\n  .action-list-item[_ngcontent-%COMP%]   .item-type[_ngcontent-%COMP%], \n   .action-list-item[_ngcontent-%COMP%]   .item-updated[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .item-actions[_ngcontent-%COMP%] {\n    opacity: 1;\n  }\n}"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionListItemComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-action-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"action-list-item\" [class.compact]=\"IsCompact\" (click)=\"onRowClick()\">\n  <!-- Icon -->\n  <div class=\"item-icon\" [class.ai-generated]=\"Action.Type === 'Generated'\">\n    <i [class]=\"getActionIcon()\"></i>\n  </div>\n\n  <!-- Name & Description -->\n  <div class=\"item-main\">\n    <span class=\"item-name\" [title]=\"Action.Name\">{{ Action.Name }}</span>\n    @if (!IsCompact && Action.Description) {\n      <span class=\"item-description\" [title]=\"Action.Description\">{{ Action.Description }}</span>\n    }\n  </div>\n\n  <!-- Category -->\n  <button class=\"item-category\" (click)=\"onCategoryClick($event)\" [title]=\"'View category: ' + getCategoryName()\">\n    <i class=\"fa-solid fa-folder\"></i>\n    <span>{{ getCategoryName() }}</span>\n  </button>\n\n  <!-- Status -->\n  <div class=\"item-status\">\n    <kendo-chip\n      [themeColor]=\"getStatusColor()\"\n      [size]=\"'small'\">\n      {{ Action.Status }}\n    </kendo-chip>\n  </div>\n\n  <!-- Type -->\n  <div class=\"item-type\">\n    @if (Action.Type === 'Generated') {\n      <span class=\"type-badge ai\">\n        <i class=\"fa-solid fa-robot\"></i>\n        @if (!IsCompact) {\n          AI\n        }\n      </span>\n    } @else {\n      <span class=\"type-badge custom\">\n        <i class=\"fa-solid fa-code\"></i>\n        @if (!IsCompact) {\n          Custom\n        }\n      </span>\n    }\n  </div>\n\n  <!-- Params Count -->\n  @if (!IsCompact) {\n    <div class=\"item-params\" [title]=\"(Action.Params.length || 0) + ' parameters'\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>{{ Action.Params.length || 0 }}</span>\n    </div>\n  }\n\n  <!-- Updated -->\n  <div class=\"item-updated\" [title]=\"Action.__mj_UpdatedAt | date:'full'\">\n    {{ formatDate(Action.__mj_UpdatedAt) }}\n  </div>\n\n  <!-- Actions -->\n  <div class=\"item-actions\">\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      [size]=\"'small'\"\n      title=\"Run Action\"\n      [disabled]=\"Action.Status !== 'Active'\"\n      (click)=\"onRunClick($event)\">\n      <i class=\"fa-solid fa-play\"></i>\n    </button>\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      [size]=\"'small'\"\n      title=\"Edit Action\"\n      (click)=\"onEditClick($event)\">\n      <i class=\"fa-solid fa-pen\"></i>\n    </button>\n  </div>\n</div>\n", styles: [".action-list-item {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.action-list-item.compact {\n  grid-template-columns: 32px 1fr 120px 80px 50px 80px 60px;\n  padding: 8px 16px;\n  gap: 8px;\n}\n\n/* Icon */\n.item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.compact .item-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n}\n\n.item-icon i {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n}\n\n.compact .item-icon i {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated {\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface)), color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)));\n}\n\n/* Main */\n.item-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.item-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact .item-name {\n  font-size: 13px;\n}\n\n.item-description {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Category */\n.item-category {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-category:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-brand-primary);\n}\n\n.item-category i {\n  font-size: 11px;\n  color: var(--mj-status-warning);\n  flex-shrink: 0;\n}\n\n.item-category span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Status */\n.item-status {\n  display: flex;\n  justify-content: flex-start;\n}\n\n/* Type */\n.item-type {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.type-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.type-badge.ai {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n}\n\n.type-badge.custom {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n}\n\n.type-badge i {\n  font-size: 10px;\n}\n\n/* Params */\n.item-params {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.item-params i {\n  font-size: 11px;\n}\n\n/* Updated */\n.item-updated {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n/* Actions */\n.item-actions {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.action-list-item:hover .item-actions {\n  opacity: 1;\n}\n\n.item-actions button {\n  padding: 4px;\n}\n\n.item-actions button i {\n  font-size: 12px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .action-list-item {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .action-list-item .item-category,\n  .action-list-item .item-params {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-list-item {\n    grid-template-columns: 32px 1fr 70px 70px;\n  }\n\n  .action-list-item .item-type,\n  .action-list-item .item-updated {\n    display: none;\n  }\n\n  .item-actions {\n    opacity: 1;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-action-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"action-list-item\" [class.compact]=\"IsCompact\" (click)=\"onRowClick()\">\n  <!-- Icon -->\n  <div class=\"item-icon\" [class.ai-generated]=\"Action.Type === 'Generated'\">\n    <i [class]=\"getActionIcon()\"></i>\n  </div>\n\n  <!-- Name & Description -->\n  <div class=\"item-main\">\n    <span class=\"item-name\" [title]=\"Action.Name\">{{ Action.Name }}</span>\n    @if (!IsCompact && Action.Description) {\n      <span class=\"item-description\" [title]=\"Action.Description\">{{ Action.Description }}</span>\n    }\n  </div>\n\n  <!-- Category -->\n  <button class=\"item-category\" (click)=\"onCategoryClick($event)\" [title]=\"'View category: ' + getCategoryName()\">\n    <i class=\"fa-solid fa-folder\"></i>\n    <span>{{ getCategoryName() }}</span>\n  </button>\n\n  <!-- Status -->\n  <div class=\"item-status\">\n    <span class=\"status-chip\" [attr.data-color]=\"getStatusColor()\">\n      {{ Action.Status }}\n    </span>\n  </div>\n\n  <!-- Type -->\n  <div class=\"item-type\">\n    @if (Action.Type === 'Generated') {\n      <span class=\"type-badge ai\">\n        <i class=\"fa-solid fa-robot\"></i>\n        @if (!IsCompact) {\n          AI\n        }\n      </span>\n    } @else {\n      <span class=\"type-badge custom\">\n        <i class=\"fa-solid fa-code\"></i>\n        @if (!IsCompact) {\n          Custom\n        }\n      </span>\n    }\n  </div>\n\n  <!-- Params Count -->\n  @if (!IsCompact) {\n    <div class=\"item-params\" [title]=\"(Action.Params.length || 0) + ' parameters'\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>{{ Action.Params.length || 0 }}</span>\n    </div>\n  }\n\n  <!-- Updated -->\n  <div class=\"item-updated\" [title]=\"Action.__mj_UpdatedAt | date:'full'\">\n    {{ formatDate(Action.__mj_UpdatedAt) }}\n  </div>\n\n  <!-- Actions -->\n  <div class=\"item-actions\">\n    <button mjButton\n      variant=\"flat\"\n      size=\"sm\"\n      title=\"Run Action\"\n      [disabled]=\"Action.Status !== 'Active'\"\n      (click)=\"onRunClick($event)\">\n      <i class=\"fa-solid fa-play\"></i>\n    </button>\n    <button mjButton\n      variant=\"flat\"\n      size=\"sm\"\n      title=\"Edit Action\"\n      (click)=\"onEditClick($event)\">\n      <i class=\"fa-solid fa-pen\"></i>\n    </button>\n  </div>\n</div>\n", styles: [".action-list-item {\n  display: grid;\n  grid-template-columns: 40px 1fr 140px 90px 70px 50px 90px 70px;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.action-list-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.action-list-item.compact {\n  grid-template-columns: 32px 1fr 120px 80px 50px 80px 60px;\n  padding: 8px 16px;\n  gap: 8px;\n}\n\n/* Icon */\n.item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.compact .item-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n}\n\n.item-icon i {\n  font-size: 14px;\n  color: var(--mj-brand-primary);\n}\n\n.compact .item-icon i {\n  font-size: 12px;\n}\n\n.item-icon.ai-generated {\n  background: linear-gradient(135deg, color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface)), color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)));\n}\n\n/* Main */\n.item-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.item-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.compact .item-name {\n  font-size: 13px;\n}\n\n.item-description {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Category */\n.item-category {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.item-category:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-brand-primary);\n}\n\n.item-category i {\n  font-size: 11px;\n  color: var(--mj-status-warning);\n  flex-shrink: 0;\n}\n\n.item-category span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Status */\n.item-status {\n  display: flex;\n  justify-content: flex-start;\n}\n\n/* Type */\n.item-type {\n  display: flex;\n  justify-content: flex-start;\n}\n\n.type-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.type-badge.ai {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n}\n\n.type-badge.custom {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n}\n\n.type-badge i {\n  font-size: 10px;\n}\n\n/* Params */\n.item-params {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.item-params i {\n  font-size: 11px;\n}\n\n/* Updated */\n.item-updated {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n/* Actions */\n.item-actions {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n\n.action-list-item:hover .item-actions {\n  opacity: 1;\n}\n\n.item-actions button {\n  padding: 4px;\n}\n\n.item-actions button i {\n  font-size: 12px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .action-list-item {\n    grid-template-columns: 36px 1fr 90px 50px 80px 60px;\n  }\n\n  .action-list-item .item-category,\n  .action-list-item .item-params {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .action-list-item {\n    grid-template-columns: 32px 1fr 70px 70px;\n  }\n\n  .action-list-item .item-type,\n  .action-list-item .item-updated {\n    display: none;\n  }\n\n  .item-actions {\n    opacity: 1;\n  }\n}\n"] }]
     }], null, { Action: [{
             type: Input
         }], Categories: [{

package/dist/Actions/components/explorer/action-list-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-list-item.component.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-list-item.component.ts","../../../../src/Actions/components/explorer/action-list-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { MJActionCategoryEntity } from '@memberjunction/core-entities';\nimport { MJActionEntityExtended } from '@memberjunction/actions-base';\n\n@Component({\n  standalone: false,\n  selector: 'mj-action-list-item',\n  templateUrl: './action-list-item.component.html',\n  styleUrls: ['./action-list-item.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionListItemComponent {\n  @Input() Action!: MJActionEntityExtended;\n  @Input() Categories: Map<string, MJActionCategoryEntity> = new Map();\n  @Input() IsCompact = false;\n  @Output() ActionClick = new EventEmitter<MJActionEntityExtended>();\n  @Output() EditClick = new EventEmitter<MJActionEntityExtended>();\n  @Output() RunClick = new EventEmitter<MJActionEntityExtended>();\n  @Output() CategoryClick = new EventEmitter<string>();\n\n  public onRowClick(): void {\n    this.ActionClick.emit(this.Action);\n  }\n\n  public onEditClick(event: MouseEvent): void {\n    event.stopPropagation();\n    this.EditClick.emit(this.Action);\n  }\n\n  public onRunClick(event: MouseEvent): void {\n    event.stopPropagation();\n    this.RunClick.emit(this.Action);\n  }\n\n  public onCategoryClick(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.Action.CategoryID) {\n      this.CategoryClick.emit(this.Action.CategoryID);\n    }\n  }\n\n  public getCategoryName(): string {\n    if (!this.Action.CategoryID) return 'Uncategorized';\n    return this.Categories.get(this.Action.CategoryID)?.Name || 'Unknown';\n  }\n\n  public getStatusColor(): 'success' | 'warning' | 'error' | 'info' {\n    switch (this.Action.Status) {\n      case 'Active': return 'success';\n      case 'Pending': return 'warning';\n      case 'Disabled': return 'error';\n      default: return 'info';\n    }\n  }\n\n  public getActionIcon(): string {\n    if (this.Action.IconClass) {\n      return this.Action.IconClass;\n    }\n    switch (this.Action.Type) {\n      case 'Generated': return 'fa-solid fa-robot';\n      case 'Custom': return 'fa-solid fa-code';\n      default: return 'fa-solid fa-bolt';\n    }\n  }\n\n  public formatDate(date: Date | null | undefined): string {\n    if (!date) return '-';\n    const now = new Date();\n    const d = new Date(date);\n    const diff = now.getTime() - d.getTime();\n    const minutes = Math.floor(diff / 60000);\n    const hours = Math.floor(diff / 3600000);\n    const days = Math.floor(diff / 86400000);\n\n    if (minutes < 1) return 'Just now';\n    if (minutes < 60) return `${minutes}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    if (days < 7) return `${days}d ago`;\n    return d.toLocaleDateString();\n  }\n}\n","<div class=\"action-list-item\" [class.compact]=\"IsCompact\" (click)=\"onRowClick()\">\n  <!-- Icon -->\n  <div class=\"item-icon\" [class.ai-generated]=\"Action.Type === 'Generated'\">\n    <i [class]=\"getActionIcon()\"></i>\n  </div>\n\n  <!-- Name & Description -->\n  <div class=\"item-main\">\n    <span class=\"item-name\" [title]=\"Action.Name\">{{ Action.Name }}</span>\n    @if (!IsCompact && Action.Description) {\n      <span class=\"item-description\" [title]=\"Action.Description\">{{ Action.Description }}</span>\n    }\n  </div>\n\n  <!-- Category -->\n  <button class=\"item-category\" (click)=\"onCategoryClick($event)\" [title]=\"'View category: ' + getCategoryName()\">\n    <i class=\"fa-solid fa-folder\"></i>\n    <span>{{ getCategoryName() }}</span>\n  </button>\n\n  <!-- Status -->\n  <div class=\"item-status\">\n    <kendo-chip\n      [themeColor]=\"getStatusColor()\"\n      [size]=\"'small'\">\n      {{ Action.Status }}\n    </kendo-chip>\n  </div>\n\n  <!-- Type -->\n  <div class=\"item-type\">\n    @if (Action.Type === 'Generated') {\n      <span class=\"type-badge ai\">\n        <i class=\"fa-solid fa-robot\"></i>\n        @if (!IsCompact) {\n          AI\n        }\n      </span>\n    } @else {\n      <span class=\"type-badge custom\">\n        <i class=\"fa-solid fa-code\"></i>\n        @if (!IsCompact) {\n          Custom\n        }\n      </span>\n    }\n  </div>\n\n  <!-- Params Count -->\n  @if (!IsCompact) {\n    <div class=\"item-params\" [title]=\"(Action.Params.length || 0) + ' parameters'\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>{{ Action.Params.length || 0 }}</span>\n    </div>\n  }\n\n  <!-- Updated -->\n  <div class=\"item-updated\" [title]=\"Action.__mj_UpdatedAt | date:'full'\">\n    {{ formatDate(Action.__mj_UpdatedAt) }}\n  </div>\n\n  <!-- Actions -->\n  <div class=\"item-actions\">\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      [size]=\"'small'\"\n      title=\"Run Action\"\n      [disabled]=\"Action.Status !== 'Active'\"\n      (click)=\"onRunClick($event)\">\n      <i class=\"fa-solid fa-play\"></i>\n    </button>\n    <button kendoButton\n      [fillMode]=\"'flat'\"\n      [size]=\"'small'\"\n      title=\"Edit Action\"\n      (click)=\"onEditClick($event)\">\n      <i class=\"fa-solid fa-pen\"></i>\n    </button>\n  </div>\n</div>\n"]}
+{"version":3,"file":"action-list-item.component.js","sourceRoot":"","sources":["../../../../src/Actions/components/explorer/action-list-item.component.ts","../../../../src/Actions/components/explorer/action-list-item.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy\n} from '@angular/core';\nimport { MJActionCategoryEntity } from '@memberjunction/core-entities';\nimport { MJActionEntityExtended } from '@memberjunction/actions-base';\n\n@Component({\n  standalone: false,\n  selector: 'mj-action-list-item',\n  templateUrl: './action-list-item.component.html',\n  styleUrls: ['./action-list-item.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionListItemComponent {\n  @Input() Action!: MJActionEntityExtended;\n  @Input() Categories: Map<string, MJActionCategoryEntity> = new Map();\n  @Input() IsCompact = false;\n  @Output() ActionClick = new EventEmitter<MJActionEntityExtended>();\n  @Output() EditClick = new EventEmitter<MJActionEntityExtended>();\n  @Output() RunClick = new EventEmitter<MJActionEntityExtended>();\n  @Output() CategoryClick = new EventEmitter<string>();\n\n  public onRowClick(): void {\n    this.ActionClick.emit(this.Action);\n  }\n\n  public onEditClick(event: MouseEvent): void {\n    event.stopPropagation();\n    this.EditClick.emit(this.Action);\n  }\n\n  public onRunClick(event: MouseEvent): void {\n    event.stopPropagation();\n    this.RunClick.emit(this.Action);\n  }\n\n  public onCategoryClick(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.Action.CategoryID) {\n      this.CategoryClick.emit(this.Action.CategoryID);\n    }\n  }\n\n  public getCategoryName(): string {\n    if (!this.Action.CategoryID) return 'Uncategorized';\n    return this.Categories.get(this.Action.CategoryID)?.Name || 'Unknown';\n  }\n\n  public getStatusColor(): 'success' | 'warning' | 'error' | 'info' {\n    switch (this.Action.Status) {\n      case 'Active': return 'success';\n      case 'Pending': return 'warning';\n      case 'Disabled': return 'error';\n      default: return 'info';\n    }\n  }\n\n  public getActionIcon(): string {\n    if (this.Action.IconClass) {\n      return this.Action.IconClass;\n    }\n    switch (this.Action.Type) {\n      case 'Generated': return 'fa-solid fa-robot';\n      case 'Custom': return 'fa-solid fa-code';\n      default: return 'fa-solid fa-bolt';\n    }\n  }\n\n  public formatDate(date: Date | null | undefined): string {\n    if (!date) return '-';\n    const now = new Date();\n    const d = new Date(date);\n    const diff = now.getTime() - d.getTime();\n    const minutes = Math.floor(diff / 60000);\n    const hours = Math.floor(diff / 3600000);\n    const days = Math.floor(diff / 86400000);\n\n    if (minutes < 1) return 'Just now';\n    if (minutes < 60) return `${minutes}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    if (days < 7) return `${days}d ago`;\n    return d.toLocaleDateString();\n  }\n}\n","<div class=\"action-list-item\" [class.compact]=\"IsCompact\" (click)=\"onRowClick()\">\n  <!-- Icon -->\n  <div class=\"item-icon\" [class.ai-generated]=\"Action.Type === 'Generated'\">\n    <i [class]=\"getActionIcon()\"></i>\n  </div>\n\n  <!-- Name & Description -->\n  <div class=\"item-main\">\n    <span class=\"item-name\" [title]=\"Action.Name\">{{ Action.Name }}</span>\n    @if (!IsCompact && Action.Description) {\n      <span class=\"item-description\" [title]=\"Action.Description\">{{ Action.Description }}</span>\n    }\n  </div>\n\n  <!-- Category -->\n  <button class=\"item-category\" (click)=\"onCategoryClick($event)\" [title]=\"'View category: ' + getCategoryName()\">\n    <i class=\"fa-solid fa-folder\"></i>\n    <span>{{ getCategoryName() }}</span>\n  </button>\n\n  <!-- Status -->\n  <div class=\"item-status\">\n    <span class=\"status-chip\" [attr.data-color]=\"getStatusColor()\">\n      {{ Action.Status }}\n    </span>\n  </div>\n\n  <!-- Type -->\n  <div class=\"item-type\">\n    @if (Action.Type === 'Generated') {\n      <span class=\"type-badge ai\">\n        <i class=\"fa-solid fa-robot\"></i>\n        @if (!IsCompact) {\n          AI\n        }\n      </span>\n    } @else {\n      <span class=\"type-badge custom\">\n        <i class=\"fa-solid fa-code\"></i>\n        @if (!IsCompact) {\n          Custom\n        }\n      </span>\n    }\n  </div>\n\n  <!-- Params Count -->\n  @if (!IsCompact) {\n    <div class=\"item-params\" [title]=\"(Action.Params.length || 0) + ' parameters'\">\n      <i class=\"fa-solid fa-sliders\"></i>\n      <span>{{ Action.Params.length || 0 }}</span>\n    </div>\n  }\n\n  <!-- Updated -->\n  <div class=\"item-updated\" [title]=\"Action.__mj_UpdatedAt | date:'full'\">\n    {{ formatDate(Action.__mj_UpdatedAt) }}\n  </div>\n\n  <!-- Actions -->\n  <div class=\"item-actions\">\n    <button mjButton\n      variant=\"flat\"\n      size=\"sm\"\n      title=\"Run Action\"\n      [disabled]=\"Action.Status !== 'Active'\"\n      (click)=\"onRunClick($event)\">\n      <i class=\"fa-solid fa-play\"></i>\n    </button>\n    <button mjButton\n      variant=\"flat\"\n      size=\"sm\"\n      title=\"Edit Action\"\n      (click)=\"onEditClick($event)\">\n      <i class=\"fa-solid fa-pen\"></i>\n    </button>\n  </div>\n</div>\n"]}