@memberjunction/ng-dashboards 3.4.0 → 4.0.0

package/dist/Actions/components/actions-list-view.component.js

@@ -8,9 +8,9 @@ import * as i2 from "@progress/kendo-angular-dropdowns";
 import * as i3 from "@progress/kendo-angular-inputs";
 import * as i4 from "@progress/kendo-angular-buttons";
 import * as i5 from "@memberjunction/ng-shared-generic";
+const _c0 = a0 => ({ nodes: a0 });
 const _forTrack0 = ($index, $item) => $item.category.ID;
 const _forTrack1 = ($index, $item) => $item.ID;
-const _c0 = a0 => ({ nodes: a0 });
 function ActionsListViewComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 19);
 } }
@@ -36,7 +36,7 @@ function ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditiona
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 33);
     i0.ɵɵlistener("click", function ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const node_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.toggleCategoryExpanded(node_r4.category.ID); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵtemplate(1, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Conditional_1_Template, 1, 0, "i", 34)(2, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Conditional_2_Template, 1, 0, "i", 35);
+    i0.ɵɵconditionalCreate(1, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Conditional_1_Template, 1, 0, "i", 34)(2, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Conditional_2_Template, 1, 0, "i", 35);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const node_r4 = i0.ɵɵnextContext().$implicit;
@@ -63,13 +63,13 @@ function ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Template(r
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 28)(1, "button", 29);
     i0.ɵɵlistener("click", function ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Template_button_click_1_listener() { const node_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectCategory(node_r4.category.ID)); });
-    i0.ɵɵtemplate(2, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Template, 3, 3, "button", 30)(3, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_3_Template, 1, 0, "span", 31);
+    i0.ɵɵconditionalCreate(2, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_2_Template, 3, 3, "button", 30)(3, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_3_Template, 1, 0, "span", 31);
     i0.ɵɵelement(4, "i", 32);
     i0.ɵɵtext(5);
     i0.ɵɵelementStart(6, "span", 14);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_8_Template, 1, 4, "ng-container");
+    i0.ɵɵconditionalCreate(8, ActionsListViewComponent_Conditional_21_ng_template_14_For_1_Conditional_8_Template, 1, 4, "ng-container");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const node_r4 = ctx.$implicit;
@@ -145,7 +145,7 @@ function ActionsListViewComponent_Conditional_23_For_1_Conditional_18_Template(r
 } if (rf & 2) {
     const action_r9 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("Updated ", i0.ɵɵpipeBind2(4, 1, action_r9.__mj_UpdatedAt, "MMM d, yyyy"), "");
+    i0.ɵɵtextInterpolate1("Updated ", i0.ɵɵpipeBind2(4, 1, action_r9.__mj_UpdatedAt, "MMM d, yyyy"));
 } }
 function ActionsListViewComponent_Conditional_23_For_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 47);
@@ -171,7 +171,7 @@ function ActionsListViewComponent_Conditional_23_For_1_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(7, "div", 42)(8, "kendo-chip", 43);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, ActionsListViewComponent_Conditional_23_For_1_Conditional_10_Template, 3, 1, "kendo-chip", 44);
+    i0.ɵɵconditionalCreate(10, ActionsListViewComponent_Conditional_23_For_1_Conditional_10_Template, 3, 1, "kendo-chip", 44);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(11, "div", 45);
     i0.ɵɵtext(12);
@@ -181,7 +181,8 @@ function ActionsListViewComponent_Conditional_23_For_1_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(16, "span");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(18, ActionsListViewComponent_Conditional_23_For_1_Conditional_18_Template, 5, 4, "div", 47)(19, ActionsListViewComponent_Conditional_23_For_1_Conditional_19_Template, 4, 1, "div", 47);
+    i0.ɵɵconditionalCreate(18, ActionsListViewComponent_Conditional_23_For_1_Conditional_18_Template, 5, 4, "div", 47);
+    i0.ɵɵconditionalCreate(19, ActionsListViewComponent_Conditional_23_For_1_Conditional_19_Template, 4, 1, "div", 47);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(20, "div", 48)(21, "button", 49);
     i0.ɵɵlistener("click", function ActionsListViewComponent_Conditional_23_For_1_Template_button_click_21_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
@@ -498,7 +499,7 @@ export class ActionsListViewComponent {
         this.showCategoryTree = !this.showCategoryTree;
     }
     static ɵfac = function ActionsListViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionsListViewComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionsListViewComponent, selectors: [["mj-actions-list-view"]], outputs: { openEntityRecord: "openEntityRecord" }, decls: 26, vars: 15, consts: [["categoryTreeTemplate", ""], [1, "actions-list-view"], [1, "list-header"], [1, "header-title"], [1, "fa-solid", "fa-cogs"], [1, "results-count"], [1, "filters-row"], [1, "search-container"], ["placeholder", "Search actions...", 3, "valueChange", "value"], ["kendoTextBoxPrefixTemplate", ""], [1, "filter-group"], ["textField", "text", "valueField", "value", 3, "valueChange", "data", "valuePrimitive", "value"], ["kendoButton", "", 1, "category-filter-button", 3, "click", "fillMode"], [1, "fa-solid", "fa-folder-tree"], [1, "badge"], [1, "category-tree-panel"], [1, "actions-list"], [1, "empty-state"], [1, "loading-overlay"], [1, "fa-solid", "fa-search"], [1, "tree-header"], ["kendoButton", "", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-times"], [1, "tree-actions"], [1, "fa-solid", "fa-folder-open"], [1, "tree-content"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "tree-node", 3, "padding-left"], [1, "tree-node"], ["kendoButton", "", 1, "tree-node-button", 3, "click", "fillMode", "size"], ["kendoButton", "", 1, "expand-button", 3, "fillMode", "size"], [1, "no-expand"], [1, "fa-solid", "fa-folder"], ["kendoButton", "", 1, "expand-button", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-chevron-down"], [1, "fa-solid", "fa-chevron-right"], [1, "action-card"], [1, "action-card", 3, "click"], [1, "action-icon"], [1, "action-main"], [1, "action-header"], [1, "action-name"], [1, "action-badges"], [3, "themeColor", "size"], ["themeColor", "info", 3, "size"], [1, "action-description"], [1, "action-details"], [1, "detail-item"], [1, "action-actions"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-ellipsis-vertical"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-check-circle"], ["size", "medium", 3, "showText"]], template: function ActionsListViewComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionsListViewComponent, selectors: [["mj-actions-list-view"]], outputs: { openEntityRecord: "openEntityRecord" }, standalone: false, decls: 26, vars: 15, consts: [["categoryTreeTemplate", ""], [1, "actions-list-view"], [1, "list-header"], [1, "header-title"], [1, "fa-solid", "fa-cogs"], [1, "results-count"], [1, "filters-row"], [1, "search-container"], ["placeholder", "Search actions...", 3, "valueChange", "value"], ["kendoTextBoxPrefixTemplate", ""], [1, "filter-group"], ["textField", "text", "valueField", "value", 3, "valueChange", "data", "valuePrimitive", "value"], ["kendoButton", "", 1, "category-filter-button", 3, "click", "fillMode"], [1, "fa-solid", "fa-folder-tree"], [1, "badge"], [1, "category-tree-panel"], [1, "actions-list"], [1, "empty-state"], [1, "loading-overlay"], [1, "fa-solid", "fa-search"], [1, "tree-header"], ["kendoButton", "", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-times"], [1, "tree-actions"], [1, "fa-solid", "fa-folder-open"], [1, "tree-content"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "tree-node", 3, "padding-left"], [1, "tree-node"], ["kendoButton", "", 1, "tree-node-button", 3, "click", "fillMode", "size"], ["kendoButton", "", 1, "expand-button", 3, "fillMode", "size"], [1, "no-expand"], [1, "fa-solid", "fa-folder"], ["kendoButton", "", 1, "expand-button", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-chevron-down"], [1, "fa-solid", "fa-chevron-right"], [1, "action-card"], [1, "action-card", 3, "click"], [1, "action-icon"], [1, "action-main"], [1, "action-header"], [1, "action-name"], [1, "action-badges"], [3, "themeColor", "size"], ["themeColor", "info", 3, "size"], [1, "action-description"], [1, "action-details"], [1, "detail-item"], [1, "action-actions"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-ellipsis-vertical"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-check-circle"], ["size", "medium", 3, "showText"]], template: function ActionsListViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "h2");
             i0.ɵɵelement(4, "i", 4);
             i0.ɵɵtext(5, " Actions");
@@ -519,15 +520,15 @@ export class ActionsListViewComponent {
             i0.ɵɵelementStart(15, "button", 12);
             i0.ɵɵlistener("click", function ActionsListViewComponent_Template_button_click_15_listener() { return ctx.toggleCategoryTree(); });
             i0.ɵɵelement(16, "i", 13);
-            i0.ɵɵtemplate(17, ActionsListViewComponent_Conditional_17_Template, 1, 0)(18, ActionsListViewComponent_Conditional_18_Template, 1, 1);
+            i0.ɵɵconditionalCreate(17, ActionsListViewComponent_Conditional_17_Template, 1, 0)(18, ActionsListViewComponent_Conditional_18_Template, 1, 1);
             i0.ɵɵelementStart(19, "span", 14);
             i0.ɵɵtext(20);
             i0.ɵɵelementEnd()()()()();
-            i0.ɵɵtemplate(21, ActionsListViewComponent_Conditional_21_Template, 16, 11, "div", 15);
+            i0.ɵɵconditionalCreate(21, ActionsListViewComponent_Conditional_21_Template, 16, 11, "div", 15);
             i0.ɵɵelementStart(22, "div", 16);
-            i0.ɵɵtemplate(23, ActionsListViewComponent_Conditional_23_Template, 2, 0)(24, ActionsListViewComponent_Conditional_24_Template, 6, 0, "div", 17);
+            i0.ɵɵconditionalCreate(23, ActionsListViewComponent_Conditional_23_Template, 2, 0)(24, ActionsListViewComponent_Conditional_24_Template, 6, 0, "div", 17);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(25, ActionsListViewComponent_Conditional_25_Template, 2, 1, "div", 18);
+            i0.ɵɵconditionalCreate(25, ActionsListViewComponent_Conditional_25_Template, 2, 1, "div", 18);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(7);
@@ -554,9 +555,9 @@ export class ActionsListViewComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsListViewComponent, [{
         type: Component,
-        args: [{ selector: 'mj-actions-list-view', template: "<div class=\"actions-list-view\" >\n  <!-- Header with filters -->\n  <div class=\"list-header\">\n    <div class=\"header-title\">\n      <h2><i class=\"fa-solid fa-cogs\"></i> Actions</h2>\n      <div class=\"results-count\">{{ filteredActions.length }} of {{ actions.length }} actions</div>\n    </div>\n    \n    <div class=\"filters-row\">\n      <div class=\"search-container\">\n        <kendo-textbox \n          placeholder=\"Search actions...\" \n          [value]=\"searchTerm$.value\"\n          (valueChange)=\"onSearchChange($event)\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fa-solid fa-search\"></i>\n          </ng-template>\n        </kendo-textbox>\n      </div>\n      \n      <div class=\"filter-group\">\n        <kendo-dropdownlist \n          [data]=\"statusOptions\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedStatus$.value\"\n          (valueChange)=\"onStatusFilterChange($event)\">\n        </kendo-dropdownlist>\n        \n        <kendo-dropdownlist \n          [data]=\"typeOptions\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedType$.value\"\n          (valueChange)=\"onTypeFilterChange($event)\">\n        </kendo-dropdownlist>\n        \n        <button kendoButton\n          [fillMode]=\"'outline'\"\n          (click)=\"toggleCategoryTree()\"\n          class=\"category-filter-button\">\n          <i class=\"fa-solid fa-folder-tree\"></i>\n          @if (selectedCategory$.value === 'all') {\n            All Categories\n          } @else {\n            {{ getCategoryName(selectedCategory$.value) }}\n          }\n          <span class=\"badge\">{{ getCategoryActionCount(selectedCategory$.value) }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  \n  <!-- Category Tree View Panel -->\n  @if (showCategoryTree) {\n    <div class=\"category-tree-panel\">\n      <div class=\"tree-header\">\n        <h3>Select Category</h3>\n        <button kendoButton\n          [fillMode]=\"'flat'\"\n          [size]=\"'small'\"\n          (click)=\"toggleCategoryTree()\">\n          <i class=\"fa-solid fa-times\"></i>\n        </button>\n      </div>\n      \n      <div class=\"tree-actions\">\n        <button kendoButton\n          [fillMode]=\"'flat'\"\n          [size]=\"'small'\"\n          (click)=\"selectCategory('all')\"\n          [class.selected]=\"selectedCategory$.value === 'all'\">\n          <i class=\"fa-solid fa-folder-open\"></i>\n          All Categories\n          <span class=\"badge\">{{ actions.length }}</span>\n        </button>\n      </div>\n      \n      <div class=\"tree-content\">\n        <ng-container *ngTemplateOutlet=\"categoryTreeTemplate; context: { nodes: categoryTree }\"></ng-container>\n      </div>\n      \n      <ng-template #categoryTreeTemplate let-nodes=\"nodes\">\n        @for (node of nodes; track node.category.ID) {\n          <div class=\"tree-node\" [style.padding-left.px]=\"node.level * 20\">\n            <button kendoButton\n              [fillMode]=\"'flat'\"\n              [size]=\"'small'\"\n              class=\"tree-node-button\"\n              [class.selected]=\"selectedCategory$.value === node.category.ID\"\n              (click)=\"selectCategory(node.category.ID)\">\n              \n              @if (node.children.length > 0) {\n                <button kendoButton\n                  [fillMode]=\"'flat'\"\n                  [size]=\"'small'\"\n                  class=\"expand-button\"\n                  (click)=\"toggleCategoryExpanded(node.category.ID); $event.stopPropagation()\">\n                  @if (isCategoryExpanded(node.category.ID)) {\n                    <i class=\"fa-solid fa-chevron-down\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-right\"></i>\n                  }\n                </button>\n              } @else {\n                <span class=\"no-expand\"></span>\n              }\n              \n              <i class=\"fa-solid fa-folder\"></i>\n              {{ node.category.Name }}\n              <span class=\"badge\">{{ getCategoryActionCount(node.category.ID) }}</span>\n            </button>\n            \n            @if (node.children.length > 0 && isCategoryExpanded(node.category.ID)) {\n              <ng-container *ngTemplateOutlet=\"categoryTreeTemplate; context: { nodes: node.children }\"></ng-container>\n            }\n          </div>\n        }\n      </ng-template>\n    </div>\n  }\n\n  <!-- Actions List -->\n  <div class=\"actions-list\">\n    @if (filteredActions.length > 0) {\n      @for (action of filteredActions; track action.ID) {\n        <div class=\"action-card\" (click)=\"openAction(action)\">\n          <div class=\"action-icon\">\n            <i [class]=\"getActionIcon(action)\"></i>\n          </div>\n          \n          <div class=\"action-main\">\n            <div class=\"action-header\">\n              <h3 class=\"action-name\">{{ action.Name }}</h3>\n              <div class=\"action-badges\">\n                <kendo-chip \n                  [themeColor]=\"getStatusColor(action.Status)\"\n                  [size]=\"'small'\">\n                  {{ action.Status }}\n                </kendo-chip>\n                @if (action.Type === 'Generated') {\n                  <kendo-chip \n                    themeColor=\"info\"\n                    [size]=\"'small'\">\n                    <i class=\"fa-solid fa-robot\"></i> AI Generated\n                  </kendo-chip>\n                }\n              </div>\n            </div>\n            \n            <div class=\"action-description\">\n              {{ action.Description || 'No description available' }}\n            </div>\n            \n            <div class=\"action-details\">\n              <div class=\"detail-item\">\n                <i class=\"fa-solid fa-folder\"></i>\n                <span>{{ getCategoryName(action.CategoryID) }}</span>\n              </div>\n              @if (action.__mj_UpdatedAt) {\n                <div class=\"detail-item\">\n                  <i class=\"fa-solid fa-clock\"></i>\n                  <span>Updated {{ action.__mj_UpdatedAt | date:'MMM d, yyyy' }}</span>\n                </div>\n              }\n              @if (action.CodeApprovalStatus && action.Type === 'Generated') {\n                <div class=\"detail-item\">\n                  <i class=\"fa-solid fa-check-circle\"></i>\n                  <span>{{ action.CodeApprovalStatus }}</span>\n                </div>\n              }\n            </div>\n          </div>\n          \n          <div class=\"action-actions\">\n            <button kendoButton \n              [fillMode]=\"'flat'\"\n              (click)=\"$event.stopPropagation()\">\n              <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n            </button>\n          </div>\n        </div>\n      }\n    } @else if (!isLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-search\"></i>\n        <h3>No actions found</h3>\n        <p>Try adjusting your search or filter criteria</p>\n      </div>\n    }\n  </div>\n\n  @if (isLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n    </div>\n  }\n</div>", styles: [".actions-list-view {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--kendo-color-app-surface);\n  position: relative; /* Required for scoped loading overlay */\n}\n.actions-list-view .list-header {\n  padding: 1.5rem;\n  border-bottom: 1px solid var(--kendo-color-border);\n  background: var(--kendo-color-surface);\n}\n.actions-list-view .list-header .header-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n.actions-list-view .list-header .header-title h2 {\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.actions-list-view .list-header .header-title h2 i {\n  color: var(--kendo-color-primary);\n}\n.actions-list-view .list-header .header-title .results-count {\n  font-size: 0.875rem;\n  color: var(--kendo-color-subtle);\n  font-weight: 600;\n}\n.actions-list-view .list-header .filters-row {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.actions-list-view .list-header .filters-row .search-container {\n  flex: 1;\n  min-width: 200px;\n}\n.actions-list-view .list-header .filters-row .search-container kendo-textbox {\n  width: 100%;\n}\n.actions-list-view .list-header .filters-row .filter-group {\n  display: flex;\n  gap: 0.75rem;\n}\n.actions-list-view .list-header .filters-row .filter-group kendo-dropdownlist {\n  min-width: 140px;\n}\n.actions-list-view .list-header .filters-row .filter-group .category-filter-button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.actions-list-view .list-header .filters-row .filter-group .category-filter-button i {\n  font-size: 14px;\n}\n.actions-list-view .list-header .filters-row .filter-group .category-filter-button .badge {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  margin-left: 8px;\n}\n.actions-list-view .category-tree-panel {\n  position: absolute;\n  top: 120px;\n  right: 20px;\n  width: 350px;\n  max-height: 70vh;\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n}\n.actions-list-view .category-tree-panel .tree-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n.actions-list-view .category-tree-panel .tree-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\n.actions-list-view .category-tree-panel .tree-actions {\n  padding: 8px;\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n.actions-list-view .category-tree-panel .tree-actions button {\n  width: 100%;\n  justify-content: flex-start;\n}\n.actions-list-view .category-tree-panel .tree-actions button.selected {\n  background: var(--kendo-color-primary-subtle);\n}\n.actions-list-view .category-tree-panel .tree-actions button .badge {\n  margin-left: auto;\n  background: var(--kendo-color-base-subtle);\n  color: var(--kendo-color-on-app-surface);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 11px;\n}\n.actions-list-view .category-tree-panel .tree-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button {\n  width: 100%;\n  justify-content: flex-start;\n  padding-left: 8px;\n  margin-bottom: 2px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button.selected {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .expand-button {\n  padding: 0;\n  min-width: 20px;\n  width: 20px;\n  height: 20px;\n  margin-right: 4px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .expand-button i {\n  font-size: 10px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .no-expand {\n  display: inline-block;\n  width: 24px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button i.fa-folder {\n  margin-right: 6px;\n  color: var(--kendo-color-warning);\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .badge {\n  margin-left: auto;\n  background: var(--kendo-color-base-subtle);\n  color: var(--kendo-color-on-app-surface);\n  padding: 2px 6px;\n  border-radius: 12px;\n  font-size: 11px;\n}\n.actions-list-view .actions-list {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 1.5rem;\n}\n.actions-list-view .actions-list .action-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.5rem;\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.75rem;\n  margin-bottom: 1rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.actions-list-view .actions-list .action-card:hover {\n  background: var(--kendo-color-base-hover);\n  border-color: var(--kendo-color-primary);\n  transform: translateY(-1px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n.actions-list-view .actions-list .action-card .action-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 0.5rem;\n  background: var(--kendo-color-primary-subtle);\n  flex-shrink: 0;\n}\n.actions-list-view .actions-list .action-card .action-icon i {\n  color: var(--kendo-color-primary);\n  font-size: 1.25rem;\n}\n.actions-list-view .actions-list .action-card .action-main {\n  flex: 1;\n}\n.actions-list-view .actions-list .action-card .action-main .action-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: 0.75rem;\n}\n.actions-list-view .actions-list .action-card .action-main .action-header .action-name {\n  margin: 0;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n}\n.actions-list-view .actions-list .action-card .action-main .action-header .action-badges {\n  display: flex;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n.actions-list-view .actions-list .action-card .action-main .action-header .action-badges kendo-chip:has(i) {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n.actions-list-view .actions-list .action-card .action-main .action-description {\n  color: var(--kendo-color-subtle);\n  line-height: 1.5;\n  margin-bottom: 1rem;\n}\n.actions-list-view .actions-list .action-card .action-main .action-details {\n  display: flex;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n.actions-list-view .actions-list .action-card .action-main .action-details .detail-item {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n}\n.actions-list-view .actions-list .action-card .action-main .action-details .detail-item i {\n  color: var(--kendo-color-primary);\n  width: 0.75rem;\n}\n.actions-list-view .actions-list .action-card .action-actions {\n  flex-shrink: 0;\n}\n.actions-list-view .actions-list .action-card .action-actions button {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.actions-list-view .actions-list .action-card:hover .action-actions button {\n  opacity: 1;\n}\n.actions-list-view .actions-list .empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 3rem 2rem;\n  text-align: center;\n  color: var(--kendo-color-subtle);\n}\n.actions-list-view .actions-list .empty-state i {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  opacity: 0.5;\n}\n.actions-list-view .actions-list .empty-state h3 {\n  margin: 0 0 0.5rem 0;\n  font-size: 1.125rem;\n  font-weight: 600;\n}\n.actions-list-view .actions-list .empty-state p {\n  margin: 0;\n  font-size: 0.875rem;\n}\n.actions-list-view .loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(255, 255, 255, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n@media (max-width: 768px) {\n  .actions-list-view .list-header {\n    padding: 1rem;\n  }\n  .actions-list-view .list-header .header-title {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n  .actions-list-view .list-header .filters-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .actions-list-view .list-header .filters-row .search-container,\n  .actions-list-view .list-header .filters-row .filter-group {\n    min-width: unset;\n  }\n  .actions-list-view .list-header .filters-row .filter-group {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 0.5rem;\n  }\n  .actions-list-view .actions-list {\n    padding: 1rem;\n  }\n  .actions-list-view .actions-list .action-card {\n    padding: 1rem;\n  }\n  .actions-list-view .actions-list .action-card .action-main .action-header {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n  .actions-list-view .actions-list .action-card .action-main .action-header .action-badges {\n    align-self: flex-start;\n  }\n  .actions-list-view .actions-list .action-card .action-main .action-details {\n    gap: 1rem;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-actions-list-view', template: "<div class=\"actions-list-view\" >\n  <!-- Header with filters -->\n  <div class=\"list-header\">\n    <div class=\"header-title\">\n      <h2><i class=\"fa-solid fa-cogs\"></i> Actions</h2>\n      <div class=\"results-count\">{{ filteredActions.length }} of {{ actions.length }} actions</div>\n    </div>\n    \n    <div class=\"filters-row\">\n      <div class=\"search-container\">\n        <kendo-textbox \n          placeholder=\"Search actions...\" \n          [value]=\"searchTerm$.value\"\n          (valueChange)=\"onSearchChange($event)\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fa-solid fa-search\"></i>\n          </ng-template>\n        </kendo-textbox>\n      </div>\n      \n      <div class=\"filter-group\">\n        <kendo-dropdownlist \n          [data]=\"statusOptions\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedStatus$.value\"\n          (valueChange)=\"onStatusFilterChange($event)\">\n        </kendo-dropdownlist>\n        \n        <kendo-dropdownlist \n          [data]=\"typeOptions\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedType$.value\"\n          (valueChange)=\"onTypeFilterChange($event)\">\n        </kendo-dropdownlist>\n        \n        <button kendoButton\n          [fillMode]=\"'outline'\"\n          (click)=\"toggleCategoryTree()\"\n          class=\"category-filter-button\">\n          <i class=\"fa-solid fa-folder-tree\"></i>\n          @if (selectedCategory$.value === 'all') {\n            All Categories\n          } @else {\n            {{ getCategoryName(selectedCategory$.value) }}\n          }\n          <span class=\"badge\">{{ getCategoryActionCount(selectedCategory$.value) }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n  \n  <!-- Category Tree View Panel -->\n  @if (showCategoryTree) {\n    <div class=\"category-tree-panel\">\n      <div class=\"tree-header\">\n        <h3>Select Category</h3>\n        <button kendoButton\n          [fillMode]=\"'flat'\"\n          [size]=\"'small'\"\n          (click)=\"toggleCategoryTree()\">\n          <i class=\"fa-solid fa-times\"></i>\n        </button>\n      </div>\n      \n      <div class=\"tree-actions\">\n        <button kendoButton\n          [fillMode]=\"'flat'\"\n          [size]=\"'small'\"\n          (click)=\"selectCategory('all')\"\n          [class.selected]=\"selectedCategory$.value === 'all'\">\n          <i class=\"fa-solid fa-folder-open\"></i>\n          All Categories\n          <span class=\"badge\">{{ actions.length }}</span>\n        </button>\n      </div>\n      \n      <div class=\"tree-content\">\n        <ng-container *ngTemplateOutlet=\"categoryTreeTemplate; context: { nodes: categoryTree }\"></ng-container>\n      </div>\n      \n      <ng-template #categoryTreeTemplate let-nodes=\"nodes\">\n        @for (node of nodes; track node.category.ID) {\n          <div class=\"tree-node\" [style.padding-left.px]=\"node.level * 20\">\n            <button kendoButton\n              [fillMode]=\"'flat'\"\n              [size]=\"'small'\"\n              class=\"tree-node-button\"\n              [class.selected]=\"selectedCategory$.value === node.category.ID\"\n              (click)=\"selectCategory(node.category.ID)\">\n              \n              @if (node.children.length > 0) {\n                <button kendoButton\n                  [fillMode]=\"'flat'\"\n                  [size]=\"'small'\"\n                  class=\"expand-button\"\n                  (click)=\"toggleCategoryExpanded(node.category.ID); $event.stopPropagation()\">\n                  @if (isCategoryExpanded(node.category.ID)) {\n                    <i class=\"fa-solid fa-chevron-down\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-right\"></i>\n                  }\n                </button>\n              } @else {\n                <span class=\"no-expand\"></span>\n              }\n              \n              <i class=\"fa-solid fa-folder\"></i>\n              {{ node.category.Name }}\n              <span class=\"badge\">{{ getCategoryActionCount(node.category.ID) }}</span>\n            </button>\n            \n            @if (node.children.length > 0 && isCategoryExpanded(node.category.ID)) {\n              <ng-container *ngTemplateOutlet=\"categoryTreeTemplate; context: { nodes: node.children }\"></ng-container>\n            }\n          </div>\n        }\n      </ng-template>\n    </div>\n  }\n\n  <!-- Actions List -->\n  <div class=\"actions-list\">\n    @if (filteredActions.length > 0) {\n      @for (action of filteredActions; track action.ID) {\n        <div class=\"action-card\" (click)=\"openAction(action)\">\n          <div class=\"action-icon\">\n            <i [class]=\"getActionIcon(action)\"></i>\n          </div>\n          \n          <div class=\"action-main\">\n            <div class=\"action-header\">\n              <h3 class=\"action-name\">{{ action.Name }}</h3>\n              <div class=\"action-badges\">\n                <kendo-chip \n                  [themeColor]=\"getStatusColor(action.Status)\"\n                  [size]=\"'small'\">\n                  {{ action.Status }}\n                </kendo-chip>\n                @if (action.Type === 'Generated') {\n                  <kendo-chip \n                    themeColor=\"info\"\n                    [size]=\"'small'\">\n                    <i class=\"fa-solid fa-robot\"></i> AI Generated\n                  </kendo-chip>\n                }\n              </div>\n            </div>\n            \n            <div class=\"action-description\">\n              {{ action.Description || 'No description available' }}\n            </div>\n            \n            <div class=\"action-details\">\n              <div class=\"detail-item\">\n                <i class=\"fa-solid fa-folder\"></i>\n                <span>{{ getCategoryName(action.CategoryID) }}</span>\n              </div>\n              @if (action.__mj_UpdatedAt) {\n                <div class=\"detail-item\">\n                  <i class=\"fa-solid fa-clock\"></i>\n                  <span>Updated {{ action.__mj_UpdatedAt | date:'MMM d, yyyy' }}</span>\n                </div>\n              }\n              @if (action.CodeApprovalStatus && action.Type === 'Generated') {\n                <div class=\"detail-item\">\n                  <i class=\"fa-solid fa-check-circle\"></i>\n                  <span>{{ action.CodeApprovalStatus }}</span>\n                </div>\n              }\n            </div>\n          </div>\n          \n          <div class=\"action-actions\">\n            <button kendoButton \n              [fillMode]=\"'flat'\"\n              (click)=\"$event.stopPropagation()\">\n              <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n            </button>\n          </div>\n        </div>\n      }\n    } @else if (!isLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-search\"></i>\n        <h3>No actions found</h3>\n        <p>Try adjusting your search or filter criteria</p>\n      </div>\n    }\n  </div>\n\n  @if (isLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n    </div>\n  }\n</div>", styles: [".actions-list-view {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--kendo-color-app-surface);\n  position: relative; /* Required for scoped loading overlay */\n}\n.actions-list-view .list-header {\n  padding: 1.5rem;\n  border-bottom: 1px solid var(--kendo-color-border);\n  background: var(--kendo-color-surface);\n}\n.actions-list-view .list-header .header-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n.actions-list-view .list-header .header-title h2 {\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.actions-list-view .list-header .header-title h2 i {\n  color: var(--kendo-color-primary);\n}\n.actions-list-view .list-header .header-title .results-count {\n  font-size: 0.875rem;\n  color: var(--kendo-color-subtle);\n  font-weight: 600;\n}\n.actions-list-view .list-header .filters-row {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.actions-list-view .list-header .filters-row .search-container {\n  flex: 1;\n  min-width: 200px;\n}\n.actions-list-view .list-header .filters-row .search-container kendo-textbox {\n  width: 100%;\n}\n.actions-list-view .list-header .filters-row .filter-group {\n  display: flex;\n  gap: 0.75rem;\n}\n.actions-list-view .list-header .filters-row .filter-group kendo-dropdownlist {\n  min-width: 140px;\n}\n.actions-list-view .list-header .filters-row .filter-group .category-filter-button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.actions-list-view .list-header .filters-row .filter-group .category-filter-button i {\n  font-size: 14px;\n}\n.actions-list-view .list-header .filters-row .filter-group .category-filter-button .badge {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  margin-left: 8px;\n}\n.actions-list-view .category-tree-panel {\n  position: absolute;\n  top: 120px;\n  right: 20px;\n  width: 350px;\n  max-height: 70vh;\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n}\n.actions-list-view .category-tree-panel .tree-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n.actions-list-view .category-tree-panel .tree-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\n.actions-list-view .category-tree-panel .tree-actions {\n  padding: 8px;\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n.actions-list-view .category-tree-panel .tree-actions button {\n  width: 100%;\n  justify-content: flex-start;\n}\n.actions-list-view .category-tree-panel .tree-actions button.selected {\n  background: var(--kendo-color-primary-subtle);\n}\n.actions-list-view .category-tree-panel .tree-actions button .badge {\n  margin-left: auto;\n  background: var(--kendo-color-base-subtle);\n  color: var(--kendo-color-on-app-surface);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 11px;\n}\n.actions-list-view .category-tree-panel .tree-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button {\n  width: 100%;\n  justify-content: flex-start;\n  padding-left: 8px;\n  margin-bottom: 2px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button.selected {\n  background: var(--kendo-color-primary-subtle);\n  color: var(--kendo-color-primary);\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .expand-button {\n  padding: 0;\n  min-width: 20px;\n  width: 20px;\n  height: 20px;\n  margin-right: 4px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .expand-button i {\n  font-size: 10px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .no-expand {\n  display: inline-block;\n  width: 24px;\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button i.fa-folder {\n  margin-right: 6px;\n  color: var(--kendo-color-warning);\n}\n.actions-list-view .category-tree-panel .tree-content .tree-node .tree-node-button .badge {\n  margin-left: auto;\n  background: var(--kendo-color-base-subtle);\n  color: var(--kendo-color-on-app-surface);\n  padding: 2px 6px;\n  border-radius: 12px;\n  font-size: 11px;\n}\n.actions-list-view .actions-list {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 1.5rem;\n}\n.actions-list-view .actions-list .action-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.5rem;\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.75rem;\n  margin-bottom: 1rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.actions-list-view .actions-list .action-card:hover {\n  background: var(--kendo-color-base-hover);\n  border-color: var(--kendo-color-primary);\n  transform: translateY(-1px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n.actions-list-view .actions-list .action-card .action-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 0.5rem;\n  background: var(--kendo-color-primary-subtle);\n  flex-shrink: 0;\n}\n.actions-list-view .actions-list .action-card .action-icon i {\n  color: var(--kendo-color-primary);\n  font-size: 1.25rem;\n}\n.actions-list-view .actions-list .action-card .action-main {\n  flex: 1;\n}\n.actions-list-view .actions-list .action-card .action-main .action-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: 0.75rem;\n}\n.actions-list-view .actions-list .action-card .action-main .action-header .action-name {\n  margin: 0;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--kendo-color-on-app-surface);\n}\n.actions-list-view .actions-list .action-card .action-main .action-header .action-badges {\n  display: flex;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n.actions-list-view .actions-list .action-card .action-main .action-header .action-badges kendo-chip:has(i) {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n.actions-list-view .actions-list .action-card .action-main .action-description {\n  color: var(--kendo-color-subtle);\n  line-height: 1.5;\n  margin-bottom: 1rem;\n}\n.actions-list-view .actions-list .action-card .action-main .action-details {\n  display: flex;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n.actions-list-view .actions-list .action-card .action-main .action-details .detail-item {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n}\n.actions-list-view .actions-list .action-card .action-main .action-details .detail-item i {\n  color: var(--kendo-color-primary);\n  width: 0.75rem;\n}\n.actions-list-view .actions-list .action-card .action-actions {\n  flex-shrink: 0;\n}\n.actions-list-view .actions-list .action-card .action-actions button {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.actions-list-view .actions-list .action-card:hover .action-actions button {\n  opacity: 1;\n}\n.actions-list-view .actions-list .empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 3rem 2rem;\n  text-align: center;\n  color: var(--kendo-color-subtle);\n}\n.actions-list-view .actions-list .empty-state i {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n  opacity: 0.5;\n}\n.actions-list-view .actions-list .empty-state h3 {\n  margin: 0 0 0.5rem 0;\n  font-size: 1.125rem;\n  font-weight: 600;\n}\n.actions-list-view .actions-list .empty-state p {\n  margin: 0;\n  font-size: 0.875rem;\n}\n.actions-list-view .loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(255, 255, 255, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n@media (max-width: 768px) {\n  .actions-list-view .list-header {\n    padding: 1rem;\n  }\n  .actions-list-view .list-header .header-title {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n  .actions-list-view .list-header .filters-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .actions-list-view .list-header .filters-row .search-container,\n  .actions-list-view .list-header .filters-row .filter-group {\n    min-width: unset;\n  }\n  .actions-list-view .list-header .filters-row .filter-group {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 0.5rem;\n  }\n  .actions-list-view .actions-list {\n    padding: 1rem;\n  }\n  .actions-list-view .actions-list .action-card {\n    padding: 1rem;\n  }\n  .actions-list-view .actions-list .action-card .action-main .action-header {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n  .actions-list-view .actions-list .action-card .action-main .action-header .action-badges {\n    align-self: flex-start;\n  }\n  .actions-list-view .actions-list .action-card .action-main .action-details {\n    gap: 1rem;\n  }\n}\n"] }]
     }], () => [], { openEntityRecord: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionsListViewComponent, { className: "ActionsListViewComponent", filePath: "src/Actions/components/actions-list-view.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionsListViewComponent, { className: "ActionsListViewComponent", filePath: "src/actions/components/actions-list-view.component.ts", lineNumber: 19 }); })();
 //# sourceMappingURL=actions-list-view.component.js.map

package/dist/Actions/components/actions-list-view.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions-list-view.component.js","sourceRoot":"","sources":["../../../src/Actions/components/actions-list-view.component.ts","../../../src/Actions/components/actions-list-view.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"actions-list-view.component.js","sourceRoot":"","sources":["../../../src/Actions/components/actions-list-view.component.ts","../../../src/Actions/components/actions-list-view.component.html"],"names":[],"mappings":"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"}

package/dist/Actions/components/actions-overview.component.d.ts

@@ -1,12 +1,8 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ActionEntity, ActionCategoryEntity, ActionExecutionLogEntity, ResourceData } from '@memberjunction/core-entities';
 import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-/**
- * Tree-shaking prevention function
- */
-export declare function LoadActionsOverviewResource(): void;
 interface ActionMetrics {
     totalActions: number;
     activeActions: number;
@@ -34,6 +30,7 @@ interface ExecutionWithExpanded extends ActionExecutionLogEntity {
  */
 export declare class ActionsOverviewComponent extends BaseResourceComponent implements OnInit, OnDestroy {
     private navigationService;
+    private cdr;
     isLoading: boolean;
     metrics: ActionMetrics;
     categoryStats: CategoryStats[];
@@ -44,7 +41,7 @@ export declare class ActionsOverviewComponent extends BaseResourceComponent impl
     selectedStatus$: BehaviorSubject<string>;
     selectedType$: BehaviorSubject<string>;
     private destroy$;
-    constructor(navigationService: NavigationService);
+    constructor(navigationService: NavigationService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private setupFilters;

package/dist/Actions/components/actions-overview.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-overview.component.d.ts","sourceRoot":"","sources":["../../../src/Actions/components/actions-overview.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"actions-overview.component.d.ts","sourceRoot":"","sources":["../../../src/Actions/components/actions-overview.component.ts"],"names":[],"mappings":"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"}

package/dist/Actions/components/actions-overview.component.js

@@ -19,8 +19,6 @@ import * as i5 from "@memberjunction/ng-code-editor";
 import * as i6 from "@progress/kendo-angular-buttons";
 import * as i7 from "@memberjunction/ng-shared-generic";
 import * as i8 from "@angular/common";
-const _forTrack0 = ($index, $item) => $item.categoryId;
-const _forTrack1 = ($index, $item) => $item.ID;
 const _c0 = () => ({ text: "All Statuses", value: "all" });
 const _c1 = () => ({ text: "Active", value: "Active" });
 const _c2 = () => ({ text: "Pending", value: "Pending" });
@@ -30,6 +28,8 @@ const _c5 = () => ({ text: "All Types", value: "all" });
 const _c6 = () => ({ text: "AI Generated", value: "Generated" });
 const _c7 = () => ({ text: "Custom", value: "Custom" });
 const _c8 = (a0, a1, a2) => [a0, a1, a2];
+const _forTrack0 = ($index, $item) => $item.categoryId;
+const _forTrack1 = ($index, $item) => $item.ID;
 function ActionsOverviewComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 45);
 } }
@@ -166,7 +166,7 @@ function ActionsOverviewComponent_Conditional_95_For_2_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(13, "div", 72);
     i0.ɵɵelement(14, "i");
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(15, ActionsOverviewComponent_Conditional_95_For_2_Conditional_15_Template, 10, 4, "div", 73);
+    i0.ɵɵconditionalCreate(15, ActionsOverviewComponent_Conditional_95_For_2_Conditional_15_Template, 10, 4, "div", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const execution_r7 = ctx.$implicit;
@@ -211,17 +211,12 @@ function ActionsOverviewComponent_Conditional_97_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵproperty("showText", false);
 } }
-/**
- * Tree-shaking prevention function
- */
-export function LoadActionsOverviewResource() {
-    // Force inclusion in production builds
-}
 /**
  * Actions Overview Resource - displays action management dashboard
  */
 let ActionsOverviewComponent = class ActionsOverviewComponent extends BaseResourceComponent {
     navigationService;
+    cdr;
     isLoading = true;
     metrics = {
         totalActions: 0,
@@ -243,9 +238,10 @@ let ActionsOverviewComponent = class ActionsOverviewComponent extends BaseResour
     selectedStatus$ = new BehaviorSubject('all');
     selectedType$ = new BehaviorSubject('all');
     destroy$ = new Subject();
-    constructor(navigationService) {
+    constructor(navigationService, cdr) {
         super();
         this.navigationService = navigationService;
+        this.cdr = cdr;
     }
     ngOnInit() {
         this.setupFilters();
@@ -267,6 +263,7 @@ let ActionsOverviewComponent = class ActionsOverviewComponent extends BaseResour
     async loadData() {
         try {
             this.isLoading = true;
+            this.cdr.detectChanges();
             // Load all data in a single batch using RunViews
             const rv = new RunView();
             const [actionsResult, categoriesResult, executionsResult] = await rv.RunViews([
@@ -308,6 +305,7 @@ let ActionsOverviewComponent = class ActionsOverviewComponent extends BaseResour
         }
         finally {
             this.isLoading = false;
+            this.cdr.detectChanges();
             this.NotifyLoadComplete();
         }
     }
@@ -472,8 +470,8 @@ let ActionsOverviewComponent = class ActionsOverviewComponent extends BaseResour
     async GetResourceIconClass(data) {
         return 'fa-solid fa-bolt';
     }
-    static ɵfac = function ActionsOverviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionsOverviewComponent)(i0.ɵɵdirectiveInject(i1.NavigationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionsOverviewComponent, selectors: [["mj-actions-overview"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 98, vars: 37, consts: [[1, "actions-overview"], [1, "overview-header"], [1, "filters-row"], [1, "search-container"], ["placeholder", "Search actions...", 3, "valueChange", "value"], ["kendoTextBoxPrefixTemplate", ""], [1, "filter-container"], ["textField", "text", "valueField", "value", 3, "valueChange", "data", "valuePrimitive", "value"], [1, "metrics-grid"], [1, "metric-card", "primary", "clickable", 3, "click"], [1, "metric-icon"], [1, "fa-solid", "fa-cogs"], [1, "metric-content"], [1, "metric-value"], [1, "metric-label"], [1, "metric-breakdown"], [1, "active"], [1, "pending"], [1, "disabled"], [1, "metric-card", "success", "clickable", 3, "click"], [1, "fa-solid", "fa-play-circle"], [1, "recent"], [1, "success-rate"], [1, "metric-card", "info", "clickable", 3, "click"], [1, "fa-solid", "fa-sitemap"], [1, "metric-card", "warning", "clickable", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "custom"], [1, "metric-card", "gallery", "clickable", 3, "click"], [1, "fa-solid", "fa-th"], [1, "fa-solid", "fa-sparkles"], [1, "content-grid"], [1, "panel", "category-stats"], [1, "panel-header"], [1, "fa-solid", "fa-chart-bar"], [1, "panel-content"], [1, "category-list"], [1, "empty-state"], [1, "panel", "recent-actions"], [1, "fa-solid", "fa-clock"], [1, "actions-list"], [1, "panel", "recent-executions"], [1, "fa-solid", "fa-history"], [1, "executions-list"], [1, "loading-overlay"], [1, "fa-solid", "fa-search"], [1, "category-item"], [1, "category-item", 3, "click"], [1, "category-info"], [1, "category-name"], [1, "category-metrics"], [1, "metric"], [1, "metric", "success-rate"], [1, "category-chart"], [1, "progress-bar"], [1, "progress-fill"], [1, "action-item"], [1, "action-item", 3, "click"], [1, "action-icon"], [1, "action-info"], [1, "action-name"], [1, "action-description"], [1, "action-status"], [3, "themeColor", "size"], [1, "execution-item", 3, "expanded"], [1, "execution-item"], [1, "execution-header", 3, "click"], [1, "execution-time"], [1, "execution-info"], [1, "execution-action"], [1, "execution-user"], [1, "execution-result"], [1, "execution-expand-icon"], [1, "execution-details"], [1, "params-section"], [1, "fa-solid", "fa-sliders"], [2, "height", "150px", "width", "100%", 3, "ngModel", "readonly", "language", "lineWrapping"], [1, "execution-actions"], ["kendoButton", "", "themeColor", "primary", "size", "small", 3, "click"], [1, "fa-solid", "fa-external-link"], ["size", "medium", 3, "showText"]], template: function ActionsOverviewComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function ActionsOverviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionsOverviewComponent)(i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionsOverviewComponent, selectors: [["mj-actions-overview"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 98, vars: 37, consts: [[1, "actions-overview"], [1, "overview-header"], [1, "filters-row"], [1, "search-container"], ["placeholder", "Search actions...", 3, "valueChange", "value"], ["kendoTextBoxPrefixTemplate", ""], [1, "filter-container"], ["textField", "text", "valueField", "value", 3, "valueChange", "data", "valuePrimitive", "value"], [1, "metrics-grid"], [1, "metric-card", "primary", "clickable", 3, "click"], [1, "metric-icon"], [1, "fa-solid", "fa-cogs"], [1, "metric-content"], [1, "metric-value"], [1, "metric-label"], [1, "metric-breakdown"], [1, "active"], [1, "pending"], [1, "disabled"], [1, "metric-card", "success", "clickable", 3, "click"], [1, "fa-solid", "fa-play-circle"], [1, "recent"], [1, "success-rate"], [1, "metric-card", "info", "clickable", 3, "click"], [1, "fa-solid", "fa-sitemap"], [1, "metric-card", "warning", "clickable", 3, "click"], [1, "fa-solid", "fa-robot"], [1, "custom"], [1, "metric-card", "gallery", "clickable", 3, "click"], [1, "fa-solid", "fa-th"], [1, "fa-solid", "fa-sparkles"], [1, "content-grid"], [1, "panel", "category-stats"], [1, "panel-header"], [1, "fa-solid", "fa-chart-bar"], [1, "panel-content"], [1, "category-list"], [1, "empty-state"], [1, "panel", "recent-actions"], [1, "fa-solid", "fa-clock"], [1, "actions-list"], [1, "panel", "recent-executions"], [1, "fa-solid", "fa-history"], [1, "executions-list"], [1, "loading-overlay"], [1, "fa-solid", "fa-search"], [1, "category-item"], [1, "category-item", 3, "click"], [1, "category-info"], [1, "category-name"], [1, "category-metrics"], [1, "metric"], [1, "metric", "success-rate"], [1, "category-chart"], [1, "progress-bar"], [1, "progress-fill"], [1, "action-item"], [1, "action-item", 3, "click"], [1, "action-icon"], [1, "action-info"], [1, "action-name"], [1, "action-description"], [1, "action-status"], [3, "themeColor", "size"], [1, "execution-item", 3, "expanded"], [1, "execution-item"], [1, "execution-header", 3, "click"], [1, "execution-time"], [1, "execution-info"], [1, "execution-action"], [1, "execution-user"], [1, "execution-result"], [1, "execution-expand-icon"], [1, "execution-details"], [1, "params-section"], [1, "fa-solid", "fa-sliders"], [2, "height", "150px", "width", "100%", 3, "ngModel", "readonly", "language", "lineWrapping"], [1, "execution-actions"], ["kendoButton", "", "themeColor", "primary", "size", "small", 3, "click"], [1, "fa-solid", "fa-external-link"], ["size", "medium", 3, "showText"]], template: function ActionsOverviewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "kendo-textbox", 4);
             i0.ɵɵlistener("valueChange", function ActionsOverviewComponent_Template_kendo_textbox_valueChange_4_listener($event) { return ctx.onSearchChange($event); });
             i0.ɵɵtemplate(5, ActionsOverviewComponent_ng_template_5_Template, 1, 0, "ng-template", 5);
@@ -568,23 +566,23 @@ let ActionsOverviewComponent = class ActionsOverviewComponent extends BaseResour
             i0.ɵɵtext(77, " Category Performance");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(78, "div", 35);
-            i0.ɵɵtemplate(79, ActionsOverviewComponent_Conditional_79_Template, 3, 0, "div", 36)(80, ActionsOverviewComponent_Conditional_80_Template, 4, 0, "div", 37);
+            i0.ɵɵconditionalCreate(79, ActionsOverviewComponent_Conditional_79_Template, 3, 0, "div", 36)(80, ActionsOverviewComponent_Conditional_80_Template, 4, 0, "div", 37);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(81, "div", 38)(82, "div", 33)(83, "h3");
             i0.ɵɵelement(84, "i", 39);
             i0.ɵɵtext(85, " Recent Actions");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(86, "div", 35);
-            i0.ɵɵtemplate(87, ActionsOverviewComponent_Conditional_87_Template, 3, 0, "div", 40)(88, ActionsOverviewComponent_Conditional_88_Template, 4, 0, "div", 37);
+            i0.ɵɵconditionalCreate(87, ActionsOverviewComponent_Conditional_87_Template, 3, 0, "div", 40)(88, ActionsOverviewComponent_Conditional_88_Template, 4, 0, "div", 37);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(89, "div", 41)(90, "div", 33)(91, "h3");
             i0.ɵɵelement(92, "i", 42);
             i0.ɵɵtext(93, " Recent Executions");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(94, "div", 35);
-            i0.ɵɵtemplate(95, ActionsOverviewComponent_Conditional_95_Template, 3, 0, "div", 43)(96, ActionsOverviewComponent_Conditional_96_Template, 4, 0, "div", 37);
+            i0.ɵɵconditionalCreate(95, ActionsOverviewComponent_Conditional_95_Template, 3, 0, "div", 43)(96, ActionsOverviewComponent_Conditional_96_Template, 4, 0, "div", 37);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(97, ActionsOverviewComponent_Conditional_97_Template, 2, 1, "div", 44);
+            i0.ɵɵconditionalCreate(97, ActionsOverviewComponent_Conditional_97_Template, 2, 1, "div", 44);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(4);
@@ -629,7 +627,7 @@ ActionsOverviewComponent = __decorate([
 export { ActionsOverviewComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsOverviewComponent, [{
         type: Component,
-        args: [{ selector: 'mj-actions-overview', template: "<div class=\"actions-overview\" >\n  <!-- Header with search and filters -->\n  <div class=\"overview-header\">\n    <div class=\"filters-row\">\n      <div class=\"search-container\">\n        <kendo-textbox \n          placeholder=\"Search actions...\" \n          [value]=\"searchTerm$.value\"\n          (valueChange)=\"onSearchChange($event)\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fa-solid fa-search\"></i>\n          </ng-template>\n        </kendo-textbox>\n      </div>\n      \n      <div class=\"filter-container\">\n        <kendo-dropdownlist \n          [data]=\"[\n            { text: 'All Statuses', value: 'all' },\n            { text: 'Active', value: 'Active' },\n            { text: 'Pending', value: 'Pending' },\n            { text: 'Disabled', value: 'Disabled' }\n          ]\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedStatus$.value\"\n          (valueChange)=\"onStatusFilterChange($event)\">\n        </kendo-dropdownlist>\n      </div>\n      \n      <div class=\"filter-container\">\n        <kendo-dropdownlist \n          [data]=\"[\n            { text: 'All Types', value: 'all' },\n            { text: 'AI Generated', value: 'Generated' },\n            { text: 'Custom', value: 'Custom' }\n          ]\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedType$.value\"\n          (valueChange)=\"onTypeFilterChange($event)\">\n        </kendo-dropdownlist>\n      </div>\n    </div>\n  </div>\n\n  <!-- Metrics Cards -->\n  <div class=\"metrics-grid\">\n    <div class=\"metric-card primary clickable\" (click)=\"onTotalActionsClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-cogs\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.totalActions }}</div>\n        <div class=\"metric-label\">Total Actions</div>\n        <div class=\"metric-breakdown\">\n          <span class=\"active\">{{ metrics.activeActions }} Active</span>\n          <span class=\"pending\">{{ metrics.pendingActions }} Pending</span>\n          <span class=\"disabled\">{{ metrics.disabledActions }} Disabled</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"metric-card success clickable\" (click)=\"onExecutionsClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-play-circle\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.totalExecutions }}</div>\n        <div class=\"metric-label\">Total Executions</div>\n        <div class=\"metric-breakdown\">\n          <span class=\"recent\">{{ metrics.recentExecutions }} in last 24h</span>\n          <span class=\"success-rate\">{{ metrics.successRate }}% success rate</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"metric-card info clickable\" (click)=\"onCategoriesClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-sitemap\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.totalCategories }}</div>\n        <div class=\"metric-label\">Categories</div>\n        <div class=\"metric-breakdown\">\n          <span>Organized structure</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"metric-card warning clickable\" (click)=\"onAIGeneratedClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-robot\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.aiGeneratedActions }}</div>\n        <div class=\"metric-label\">AI Generated</div>\n        <div class=\"metric-breakdown\">\n          <span class=\"custom\">{{ metrics.customActions }} Custom</span>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"metric-card gallery clickable\" (click)=\"onActionGalleryClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-th\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">\n          <i class=\"fa-solid fa-sparkles\"></i>\n        </div>\n        <div class=\"metric-label\">Action Gallery</div>\n        <div class=\"metric-breakdown\">\n          <span>Visual action browser</span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Content Grid -->\n  <div class=\"content-grid\">\n    <!-- Category Statistics -->\n    <div class=\"panel category-stats\">\n      <div class=\"panel-header\">\n        <h3><i class=\"fa-solid fa-chart-bar\"></i> Category Performance</h3>\n      </div>\n      <div class=\"panel-content\">\n        @if (categoryStats.length > 0) {\n          <div class=\"category-list\">\n            @for (category of categoryStats; track category.categoryId) {\n              <div class=\"category-item\" (click)=\"openCategory(category.categoryId)\">\n                <div class=\"category-info\">\n                  <div class=\"category-name\">{{ category.categoryName }}</div>\n                  <div class=\"category-metrics\">\n                    <span class=\"metric\">{{ category.actionCount }} actions</span>\n                    <span class=\"metric\">{{ category.executionCount }} executions</span>\n                    <span class=\"metric success-rate\">{{ category.successRate }}% success</span>\n                  </div>\n                </div>\n                <div class=\"category-chart\">\n                  <div class=\"progress-bar\">\n                    <div class=\"progress-fill\" [style.width.%]=\"category.successRate\"></div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-chart-bar\"></i>\n            <p>No category statistics available</p>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Recent Actions -->\n    <div class=\"panel recent-actions\">\n      <div class=\"panel-header\">\n        <h3><i class=\"fa-solid fa-clock\"></i> Recent Actions</h3>\n      </div>\n      <div class=\"panel-content\">\n        @if (recentActions.length > 0) {\n          <div class=\"actions-list\">\n            @for (action of recentActions; track action.ID) {\n              <div class=\"action-item\" (click)=\"openAction(action)\">\n                <div class=\"action-icon\">\n                  <i [class]=\"getActionIcon(action)\"></i>\n                </div>\n                <div class=\"action-info\">\n                  <div class=\"action-name\">{{ action.Name }}</div>\n                  <div class=\"action-description\">{{ action.Description || 'No description' }}</div>\n                </div>\n                <div class=\"action-status\">\n                  <kendo-chip \n                    [themeColor]=\"getStatusColor(action.Status)\"\n                    [size]=\"'small'\">\n                    {{ action.Status }}\n                  </kendo-chip>\n                </div>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-cogs\"></i>\n            <p>No recent actions found</p>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Recent Executions -->\n    <div class=\"panel recent-executions\">\n      <div class=\"panel-header\">\n        <h3><i class=\"fa-solid fa-history\"></i> Recent Executions</h3>\n      </div>\n      <div class=\"panel-content\">\n        @if (recentExecutions.length > 0) {\n          <div class=\"executions-list\">\n            @for (execution of recentExecutions; track execution.ID) {\n              <div class=\"execution-item\" [class.expanded]=\"execution.isExpanded\">\n                <div class=\"execution-header\" (click)=\"toggleExecutionExpanded(execution)\">\n                  <div class=\"execution-time\">\n                    {{ execution.StartedAt | date:'MMM d, HH:mm' }}\n                  </div>\n                  <div class=\"execution-info\">\n                    <div class=\"execution-action\">{{ execution.Action || 'Action ID: ' + execution.ActionID }}</div>\n                    <div class=\"execution-user\">{{ execution.User || 'User ID: ' + execution.UserID }}</div>\n                  </div>\n                  <div class=\"execution-result\">\n                    <kendo-chip \n                      [themeColor]=\"isExecutionSuccess(execution) ? 'success' : 'error'\"\n                      [size]=\"'small'\">\n                      {{ execution.ResultCode || 'Unknown' }}\n                    </kendo-chip>\n                  </div>\n                  <div class=\"execution-expand-icon\">\n                    <i [class]=\"execution.isExpanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                @if (execution.isExpanded) {\n                  <div class=\"execution-details\">\n                    <div class=\"params-section\">\n                      <h5><i class=\"fa-solid fa-sliders\"></i> Parameters</h5>\n                      <mj-code-editor \n                        [ngModel]=\"formatJsonParams(execution.Params)\"\n                        [readonly]=\"true\"\n                        [language]=\"'json'\"\n                        [lineWrapping]=\"true\"\n                        style=\"height: 150px; width: 100%;\">\n                      </mj-code-editor>\n                    </div>\n                    <div class=\"execution-actions\">\n                      <button kendoButton \n                        themeColor=\"primary\" \n                        size=\"small\"\n                        (click)=\"openExecution(execution)\">\n                        <i class=\"fa-solid fa-external-link\"></i> Open Details\n                      </button>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-history\"></i>\n            <p>No recent executions found</p>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  @if (isLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n    </div>\n  }\n</div>", styles: [".actions-overview {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  padding: 1.5rem;\n  height: 100%;\n  overflow-y: auto;\n  position: relative; /* Required for scoped loading overlay */\n}\n.actions-overview .overview-header .filters-row {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.actions-overview .overview-header .filters-row .search-container {\n  flex: 1;\n  min-width: 200px;\n}\n.actions-overview .overview-header .filters-row .search-container kendo-textbox {\n  width: 100%;\n}\n.actions-overview .overview-header .filters-row .filter-container {\n  min-width: 150px;\n}\n.actions-overview .overview-header .filters-row .filter-container kendo-dropdownlist {\n  width: 100%;\n}\n.actions-overview .metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n.actions-overview .metrics-grid .metric-card {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1.5rem;\n  border-radius: 0.75rem;\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  transition: all 0.2s ease;\n}\n.actions-overview .metrics-grid .metric-card.clickable {\n  cursor: pointer;\n}\n.actions-overview .metrics-grid .metric-card.clickable:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.actions-overview .metrics-grid .metric-card .metric-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 0.5rem;\n  font-size: 1.25rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-icon i {\n  color: white;\n}\n.actions-overview .metrics-grid .metric-card .metric-content {\n  flex: 1;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-value {\n  font-size: 1.75rem;\n  font-weight: 700;\n  line-height: 1;\n  margin-bottom: 0.25rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-label {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--kendo-color-subtle);\n  margin-bottom: 0.5rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  font-size: 0.75rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span {\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.active {\n  color: var(--kendo-color-success);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.pending {\n  color: var(--kendo-color-warning);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.disabled {\n  color: var(--kendo-color-error);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.recent {\n  color: var(--kendo-color-info);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.success-rate {\n  color: var(--kendo-color-success);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.custom {\n  color: var(--kendo-color-primary);\n}\n.actions-overview .metrics-grid .metric-card.primary .metric-icon {\n  background: var(--kendo-color-primary);\n}\n.actions-overview .metrics-grid .metric-card.success .metric-icon {\n  background: var(--kendo-color-success);\n}\n.actions-overview .metrics-grid .metric-card.info .metric-icon {\n  background: var(--kendo-color-info);\n}\n.actions-overview .metrics-grid .metric-card.warning .metric-icon {\n  background: var(--kendo-color-warning);\n}\n.actions-overview .metrics-grid .metric-card.gallery .metric-icon {\n  background: linear-gradient(135deg, var(--kendo-color-primary), var(--kendo-color-secondary));\n}\n.actions-overview .content-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto;\n  gap: 1.5rem;\n  flex: 1;\n}\n.actions-overview .content-grid .panel {\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.75rem;\n  overflow: hidden;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.actions-overview .content-grid .panel .panel-header {\n  padding: 1rem 1.5rem;\n  background: var(--kendo-color-app-surface);\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n.actions-overview .content-grid .panel .panel-header h3 {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.actions-overview .content-grid .panel .panel-header h3 i {\n  color: var(--kendo-color-primary);\n}\n.actions-overview .content-grid .panel .panel-content {\n  padding: 1.5rem;\n  height: calc(100% - 60px);\n  overflow-y: auto;\n}\n.actions-overview .content-grid .category-stats .category-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item:hover {\n  background: var(--kendo-color-base-hover);\n  border-color: var(--kendo-color-primary);\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info {\n  flex: 1;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info .category-name {\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info .category-metrics {\n  display: flex;\n  gap: 1rem;\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info .category-metrics .metric.success-rate {\n  color: var(--kendo-color-success);\n  font-weight: 600;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-chart {\n  width: 60px;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-chart .progress-bar {\n  height: 6px;\n  background: var(--kendo-color-border);\n  border-radius: 3px;\n  overflow: hidden;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-chart .progress-bar .progress-fill {\n  height: 100%;\n  background: var(--kendo-color-success);\n  transition: width 0.3s ease;\n}\n.actions-overview .content-grid .recent-actions .actions-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item:hover {\n  background: var(--kendo-color-base-hover);\n  border-color: var(--kendo-color-primary);\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0.375rem;\n  background: var(--kendo-color-primary-subtle);\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-icon i {\n  color: var(--kendo-color-primary);\n  font-size: 1rem;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-info {\n  flex: 1;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-info .action-name {\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-info .action-description {\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n  line-height: 1.3;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-status {\n  flex-shrink: 0;\n}\n.actions-overview .content-grid .recent-executions {\n  grid-column: 1/-1;\n}\n.actions-overview .content-grid .recent-executions .executions-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item {\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.5rem;\n  transition: all 0.2s ease;\n  margin-bottom: 0.5rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item.expanded {\n  border-color: var(--kendo-color-primary);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  cursor: pointer;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header:hover {\n  background: var(--kendo-color-base-hover);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-time {\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n  font-weight: 600;\n  min-width: 80px;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-info {\n  flex: 1;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-info .execution-action {\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n  font-size: 0.875rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-info .execution-user {\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-result {\n  flex-shrink: 0;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-expand-icon {\n  color: var(--kendo-color-subtle);\n  font-size: 0.75rem;\n  margin-left: 0.5rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details {\n  padding: 1rem;\n  background: var(--kendo-color-base-subtle);\n  border-top: 1px solid var(--kendo-color-border);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .params-section {\n  margin-bottom: 1rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .params-section h5 {\n  margin: 0 0 0.5rem 0;\n  font-size: 0.875rem;\n  color: var(--kendo-color-subtle);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .params-section h5 i {\n  font-size: 0.75rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .execution-actions {\n  display: flex;\n  justify-content: flex-end;\n}\n.actions-overview .empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n  text-align: center;\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .empty-state i {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n  opacity: 0.5;\n}\n.actions-overview .empty-state p {\n  margin: 0;\n  font-size: 0.875rem;\n}\n.actions-overview .loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(255, 255, 255, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n@media (max-width: 1200px) {\n  .actions-overview .content-grid {\n    grid-template-columns: 1fr;\n  }\n  .actions-overview .content-grid .recent-executions {\n    grid-column: 1;\n  }\n}\n@media (max-width: 768px) {\n  .actions-overview {\n    padding: 1rem;\n    gap: 1rem;\n  }\n  .actions-overview .metrics-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .actions-overview .overview-header .filters-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .actions-overview .overview-header .filters-row .search-container,\n  .actions-overview .overview-header .filters-row .filter-container {\n    min-width: unset;\n  }\n}\n"] }]
-    }], () => [{ type: i1.NavigationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionsOverviewComponent, { className: "ActionsOverviewComponent", filePath: "src/Actions/components/actions-overview.component.ts", lineNumber: 51 }); })();
+        args: [{ standalone: false, selector: 'mj-actions-overview', template: "<div class=\"actions-overview\" >\n  <!-- Header with search and filters -->\n  <div class=\"overview-header\">\n    <div class=\"filters-row\">\n      <div class=\"search-container\">\n        <kendo-textbox \n          placeholder=\"Search actions...\" \n          [value]=\"searchTerm$.value\"\n          (valueChange)=\"onSearchChange($event)\">\n          <ng-template kendoTextBoxPrefixTemplate>\n            <i class=\"fa-solid fa-search\"></i>\n          </ng-template>\n        </kendo-textbox>\n      </div>\n      \n      <div class=\"filter-container\">\n        <kendo-dropdownlist \n          [data]=\"[\n            { text: 'All Statuses', value: 'all' },\n            { text: 'Active', value: 'Active' },\n            { text: 'Pending', value: 'Pending' },\n            { text: 'Disabled', value: 'Disabled' }\n          ]\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedStatus$.value\"\n          (valueChange)=\"onStatusFilterChange($event)\">\n        </kendo-dropdownlist>\n      </div>\n      \n      <div class=\"filter-container\">\n        <kendo-dropdownlist \n          [data]=\"[\n            { text: 'All Types', value: 'all' },\n            { text: 'AI Generated', value: 'Generated' },\n            { text: 'Custom', value: 'Custom' }\n          ]\"\n          textField=\"text\"\n          valueField=\"value\"\n          [valuePrimitive]=\"true\"\n          [value]=\"selectedType$.value\"\n          (valueChange)=\"onTypeFilterChange($event)\">\n        </kendo-dropdownlist>\n      </div>\n    </div>\n  </div>\n\n  <!-- Metrics Cards -->\n  <div class=\"metrics-grid\">\n    <div class=\"metric-card primary clickable\" (click)=\"onTotalActionsClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-cogs\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.totalActions }}</div>\n        <div class=\"metric-label\">Total Actions</div>\n        <div class=\"metric-breakdown\">\n          <span class=\"active\">{{ metrics.activeActions }} Active</span>\n          <span class=\"pending\">{{ metrics.pendingActions }} Pending</span>\n          <span class=\"disabled\">{{ metrics.disabledActions }} Disabled</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"metric-card success clickable\" (click)=\"onExecutionsClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-play-circle\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.totalExecutions }}</div>\n        <div class=\"metric-label\">Total Executions</div>\n        <div class=\"metric-breakdown\">\n          <span class=\"recent\">{{ metrics.recentExecutions }} in last 24h</span>\n          <span class=\"success-rate\">{{ metrics.successRate }}% success rate</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"metric-card info clickable\" (click)=\"onCategoriesClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-sitemap\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.totalCategories }}</div>\n        <div class=\"metric-label\">Categories</div>\n        <div class=\"metric-breakdown\">\n          <span>Organized structure</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"metric-card warning clickable\" (click)=\"onAIGeneratedClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-robot\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">{{ metrics.aiGeneratedActions }}</div>\n        <div class=\"metric-label\">AI Generated</div>\n        <div class=\"metric-breakdown\">\n          <span class=\"custom\">{{ metrics.customActions }} Custom</span>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"metric-card gallery clickable\" (click)=\"onActionGalleryClick()\">\n      <div class=\"metric-icon\">\n        <i class=\"fa-solid fa-th\"></i>\n      </div>\n      <div class=\"metric-content\">\n        <div class=\"metric-value\">\n          <i class=\"fa-solid fa-sparkles\"></i>\n        </div>\n        <div class=\"metric-label\">Action Gallery</div>\n        <div class=\"metric-breakdown\">\n          <span>Visual action browser</span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Content Grid -->\n  <div class=\"content-grid\">\n    <!-- Category Statistics -->\n    <div class=\"panel category-stats\">\n      <div class=\"panel-header\">\n        <h3><i class=\"fa-solid fa-chart-bar\"></i> Category Performance</h3>\n      </div>\n      <div class=\"panel-content\">\n        @if (categoryStats.length > 0) {\n          <div class=\"category-list\">\n            @for (category of categoryStats; track category.categoryId) {\n              <div class=\"category-item\" (click)=\"openCategory(category.categoryId)\">\n                <div class=\"category-info\">\n                  <div class=\"category-name\">{{ category.categoryName }}</div>\n                  <div class=\"category-metrics\">\n                    <span class=\"metric\">{{ category.actionCount }} actions</span>\n                    <span class=\"metric\">{{ category.executionCount }} executions</span>\n                    <span class=\"metric success-rate\">{{ category.successRate }}% success</span>\n                  </div>\n                </div>\n                <div class=\"category-chart\">\n                  <div class=\"progress-bar\">\n                    <div class=\"progress-fill\" [style.width.%]=\"category.successRate\"></div>\n                  </div>\n                </div>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-chart-bar\"></i>\n            <p>No category statistics available</p>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Recent Actions -->\n    <div class=\"panel recent-actions\">\n      <div class=\"panel-header\">\n        <h3><i class=\"fa-solid fa-clock\"></i> Recent Actions</h3>\n      </div>\n      <div class=\"panel-content\">\n        @if (recentActions.length > 0) {\n          <div class=\"actions-list\">\n            @for (action of recentActions; track action.ID) {\n              <div class=\"action-item\" (click)=\"openAction(action)\">\n                <div class=\"action-icon\">\n                  <i [class]=\"getActionIcon(action)\"></i>\n                </div>\n                <div class=\"action-info\">\n                  <div class=\"action-name\">{{ action.Name }}</div>\n                  <div class=\"action-description\">{{ action.Description || 'No description' }}</div>\n                </div>\n                <div class=\"action-status\">\n                  <kendo-chip \n                    [themeColor]=\"getStatusColor(action.Status)\"\n                    [size]=\"'small'\">\n                    {{ action.Status }}\n                  </kendo-chip>\n                </div>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-cogs\"></i>\n            <p>No recent actions found</p>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Recent Executions -->\n    <div class=\"panel recent-executions\">\n      <div class=\"panel-header\">\n        <h3><i class=\"fa-solid fa-history\"></i> Recent Executions</h3>\n      </div>\n      <div class=\"panel-content\">\n        @if (recentExecutions.length > 0) {\n          <div class=\"executions-list\">\n            @for (execution of recentExecutions; track execution.ID) {\n              <div class=\"execution-item\" [class.expanded]=\"execution.isExpanded\">\n                <div class=\"execution-header\" (click)=\"toggleExecutionExpanded(execution)\">\n                  <div class=\"execution-time\">\n                    {{ execution.StartedAt | date:'MMM d, HH:mm' }}\n                  </div>\n                  <div class=\"execution-info\">\n                    <div class=\"execution-action\">{{ execution.Action || 'Action ID: ' + execution.ActionID }}</div>\n                    <div class=\"execution-user\">{{ execution.User || 'User ID: ' + execution.UserID }}</div>\n                  </div>\n                  <div class=\"execution-result\">\n                    <kendo-chip \n                      [themeColor]=\"isExecutionSuccess(execution) ? 'success' : 'error'\"\n                      [size]=\"'small'\">\n                      {{ execution.ResultCode || 'Unknown' }}\n                    </kendo-chip>\n                  </div>\n                  <div class=\"execution-expand-icon\">\n                    <i [class]=\"execution.isExpanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                @if (execution.isExpanded) {\n                  <div class=\"execution-details\">\n                    <div class=\"params-section\">\n                      <h5><i class=\"fa-solid fa-sliders\"></i> Parameters</h5>\n                      <mj-code-editor \n                        [ngModel]=\"formatJsonParams(execution.Params)\"\n                        [readonly]=\"true\"\n                        [language]=\"'json'\"\n                        [lineWrapping]=\"true\"\n                        style=\"height: 150px; width: 100%;\">\n                      </mj-code-editor>\n                    </div>\n                    <div class=\"execution-actions\">\n                      <button kendoButton \n                        themeColor=\"primary\" \n                        size=\"small\"\n                        (click)=\"openExecution(execution)\">\n                        <i class=\"fa-solid fa-external-link\"></i> Open Details\n                      </button>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-history\"></i>\n            <p>No recent executions found</p>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  @if (isLoading) {\n    <div class=\"loading-overlay\">\n      <mj-loading [showText]=\"false\" size=\"medium\"></mj-loading>\n    </div>\n  }\n</div>", styles: [".actions-overview {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  padding: 1.5rem;\n  height: 100%;\n  overflow-y: auto;\n  position: relative; /* Required for scoped loading overlay */\n}\n.actions-overview .overview-header .filters-row {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.actions-overview .overview-header .filters-row .search-container {\n  flex: 1;\n  min-width: 200px;\n}\n.actions-overview .overview-header .filters-row .search-container kendo-textbox {\n  width: 100%;\n}\n.actions-overview .overview-header .filters-row .filter-container {\n  min-width: 150px;\n}\n.actions-overview .overview-header .filters-row .filter-container kendo-dropdownlist {\n  width: 100%;\n}\n.actions-overview .metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n.actions-overview .metrics-grid .metric-card {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1.5rem;\n  border-radius: 0.75rem;\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  transition: all 0.2s ease;\n}\n.actions-overview .metrics-grid .metric-card.clickable {\n  cursor: pointer;\n}\n.actions-overview .metrics-grid .metric-card.clickable:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n.actions-overview .metrics-grid .metric-card .metric-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: 0.5rem;\n  font-size: 1.25rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-icon i {\n  color: white;\n}\n.actions-overview .metrics-grid .metric-card .metric-content {\n  flex: 1;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-value {\n  font-size: 1.75rem;\n  font-weight: 700;\n  line-height: 1;\n  margin-bottom: 0.25rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-label {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--kendo-color-subtle);\n  margin-bottom: 0.5rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n  font-size: 0.75rem;\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span {\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.active {\n  color: var(--kendo-color-success);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.pending {\n  color: var(--kendo-color-warning);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.disabled {\n  color: var(--kendo-color-error);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.recent {\n  color: var(--kendo-color-info);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.success-rate {\n  color: var(--kendo-color-success);\n}\n.actions-overview .metrics-grid .metric-card .metric-content .metric-breakdown span.custom {\n  color: var(--kendo-color-primary);\n}\n.actions-overview .metrics-grid .metric-card.primary .metric-icon {\n  background: var(--kendo-color-primary);\n}\n.actions-overview .metrics-grid .metric-card.success .metric-icon {\n  background: var(--kendo-color-success);\n}\n.actions-overview .metrics-grid .metric-card.info .metric-icon {\n  background: var(--kendo-color-info);\n}\n.actions-overview .metrics-grid .metric-card.warning .metric-icon {\n  background: var(--kendo-color-warning);\n}\n.actions-overview .metrics-grid .metric-card.gallery .metric-icon {\n  background: linear-gradient(135deg, var(--kendo-color-primary), var(--kendo-color-secondary));\n}\n.actions-overview .content-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto;\n  gap: 1.5rem;\n  flex: 1;\n}\n.actions-overview .content-grid .panel {\n  background: var(--kendo-color-surface);\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.75rem;\n  overflow: hidden;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.actions-overview .content-grid .panel .panel-header {\n  padding: 1rem 1.5rem;\n  background: var(--kendo-color-app-surface);\n  border-bottom: 1px solid var(--kendo-color-border);\n}\n.actions-overview .content-grid .panel .panel-header h3 {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.actions-overview .content-grid .panel .panel-header h3 i {\n  color: var(--kendo-color-primary);\n}\n.actions-overview .content-grid .panel .panel-content {\n  padding: 1.5rem;\n  height: calc(100% - 60px);\n  overflow-y: auto;\n}\n.actions-overview .content-grid .category-stats .category-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item:hover {\n  background: var(--kendo-color-base-hover);\n  border-color: var(--kendo-color-primary);\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info {\n  flex: 1;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info .category-name {\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info .category-metrics {\n  display: flex;\n  gap: 1rem;\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-info .category-metrics .metric.success-rate {\n  color: var(--kendo-color-success);\n  font-weight: 600;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-chart {\n  width: 60px;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-chart .progress-bar {\n  height: 6px;\n  background: var(--kendo-color-border);\n  border-radius: 3px;\n  overflow: hidden;\n}\n.actions-overview .content-grid .category-stats .category-list .category-item .category-chart .progress-bar .progress-fill {\n  height: 100%;\n  background: var(--kendo-color-success);\n  transition: width 0.3s ease;\n}\n.actions-overview .content-grid .recent-actions .actions-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.5rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item:hover {\n  background: var(--kendo-color-base-hover);\n  border-color: var(--kendo-color-primary);\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 0.375rem;\n  background: var(--kendo-color-primary-subtle);\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-icon i {\n  color: var(--kendo-color-primary);\n  font-size: 1rem;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-info {\n  flex: 1;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-info .action-name {\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-info .action-description {\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n  line-height: 1.3;\n}\n.actions-overview .content-grid .recent-actions .actions-list .action-item .action-status {\n  flex-shrink: 0;\n}\n.actions-overview .content-grid .recent-executions {\n  grid-column: 1/-1;\n}\n.actions-overview .content-grid .recent-executions .executions-list {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item {\n  border: 1px solid var(--kendo-color-border);\n  border-radius: 0.5rem;\n  transition: all 0.2s ease;\n  margin-bottom: 0.5rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item.expanded {\n  border-color: var(--kendo-color-primary);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem;\n  cursor: pointer;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header:hover {\n  background: var(--kendo-color-base-hover);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-time {\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n  font-weight: 600;\n  min-width: 80px;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-info {\n  flex: 1;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-info .execution-action {\n  font-weight: 600;\n  margin-bottom: 0.25rem;\n  font-size: 0.875rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-info .execution-user {\n  font-size: 0.75rem;\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-result {\n  flex-shrink: 0;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-header .execution-expand-icon {\n  color: var(--kendo-color-subtle);\n  font-size: 0.75rem;\n  margin-left: 0.5rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details {\n  padding: 1rem;\n  background: var(--kendo-color-base-subtle);\n  border-top: 1px solid var(--kendo-color-border);\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .params-section {\n  margin-bottom: 1rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .params-section h5 {\n  margin: 0 0 0.5rem 0;\n  font-size: 0.875rem;\n  color: var(--kendo-color-subtle);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .params-section h5 i {\n  font-size: 0.75rem;\n}\n.actions-overview .content-grid .recent-executions .executions-list .execution-item .execution-details .execution-actions {\n  display: flex;\n  justify-content: flex-end;\n}\n.actions-overview .empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n  text-align: center;\n  color: var(--kendo-color-subtle);\n}\n.actions-overview .empty-state i {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n  opacity: 0.5;\n}\n.actions-overview .empty-state p {\n  margin: 0;\n  font-size: 0.875rem;\n}\n.actions-overview .loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(255, 255, 255, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n@media (max-width: 1200px) {\n  .actions-overview .content-grid {\n    grid-template-columns: 1fr;\n  }\n  .actions-overview .content-grid .recent-executions {\n    grid-column: 1;\n  }\n}\n@media (max-width: 768px) {\n  .actions-overview {\n    padding: 1rem;\n    gap: 1rem;\n  }\n  .actions-overview .metrics-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .actions-overview .overview-header .filters-row {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .actions-overview .overview-header .filters-row .search-container,\n  .actions-overview .overview-header .filters-row .filter-container {\n    min-width: unset;\n  }\n}\n"] }]
+    }], () => [{ type: i1.NavigationService }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionsOverviewComponent, { className: "ActionsOverviewComponent", filePath: "src/actions/components/actions-overview.component.ts", lineNumber: 43 }); })();
 //# sourceMappingURL=actions-overview.component.js.map