@memberjunction/ng-dashboards 2.85.0 → 2.87.0

package/dist/ComponentStudio/component-studio-dashboard.component.d.ts

@@ -0,0 +1,67 @@
+import { AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { BaseDashboard } from '../generic/base-dashboard';
+import { CompositeKey } from '@memberjunction/core';
+import { ComponentEntity } from '@memberjunction/core-entities';
+import { ComponentSpec } from '@memberjunction/interactive-component-types';
+import { ReactComponentEvent } from '@memberjunction/ng-react';
+import * as i0 from "@angular/core";
+export declare class ComponentStudioDashboardComponent extends BaseDashboard implements AfterViewInit, OnDestroy {
+    private cdr;
+    components: ComponentEntity[];
+    filteredComponents: ComponentEntity[];
+    selectedComponent: ComponentEntity | null;
+    expandedComponent: ComponentEntity | null;
+    componentSpec: ComponentSpec | null;
+    isLoading: boolean;
+    searchQuery: string;
+    isRunning: boolean;
+    currentError: {
+        type: string;
+        message: string;
+        technicalDetails?: any;
+    } | null;
+    private destroy$;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected initDashboard(): void;
+    protected loadData(): Promise<void>;
+    onSearchChange(query: string): void;
+    private filterComponents;
+    toggleComponentExpansion(component: ComponentEntity): void;
+    runComponent(component: ComponentEntity): void;
+    stopComponent(): void;
+    /**
+     * Handle component events from React components
+     */
+    onComponentEvent(event: ReactComponentEvent): void;
+    /**
+     * Handle open entity record event from React components
+     */
+    onOpenEntityRecord(event: {
+        entityName: string;
+        key: CompositeKey;
+    }): void;
+    /**
+     * Retry running the current component
+     */
+    retryComponent(): void;
+    /**
+     * Copy error details to clipboard
+     */
+    copyErrorToClipboard(): Promise<void>;
+    /**
+     * Format technical details for display
+     */
+    formatTechnicalDetails(details: any): string;
+    refreshData(): Promise<void>;
+    getComponentTypeIcon(type: string | null): string;
+    getComponentTypeColor(type: string | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentStudioDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentStudioDashboardComponent, "mj-component-studio-dashboard", never, {}, {}, never, never, false, never>;
+}
+/**
+ * Function to prevent tree shaking of the ComponentStudioDashboardComponent.
+ */
+export declare function LoadComponentStudioDashboard(): void;
+//# sourceMappingURL=component-studio-dashboard.component.d.ts.map

package/dist/ComponentStudio/component-studio-dashboard.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-studio-dashboard.component.d.ts","sourceRoot":"","sources":["../../src/ComponentStudio/component-studio-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,SAAS,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAW,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAG/D,qBAMa,iCAAkC,SAAQ,aAAc,YAAW,aAAa,EAAE,SAAS;IAiB1F,OAAO,CAAC,GAAG;IAdhB,UAAU,EAAE,eAAe,EAAE,CAAM;IACnC,kBAAkB,EAAE,eAAe,EAAE,CAAM;IAC3C,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAQ;IACjD,iBAAiB,EAAE,eAAe,GAAG,IAAI,CAAQ;IACjD,aAAa,EAAE,aAAa,GAAG,IAAI,CAAQ;IAC3C,SAAS,UAAS;IAClB,WAAW,SAAM;IACjB,SAAS,UAAS;IAGlB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,gBAAgB,CAAC,EAAE,GAAG,CAAA;KAAE,GAAG,IAAI,CAAQ;IAE7F,OAAO,CAAC,QAAQ,CAAuB;gBAEnB,GAAG,EAAE,iBAAiB;IAI1C,eAAe,IAAI,IAAI;IAKvB,WAAW,IAAI,IAAI;IAKnB,SAAS,CAAC,aAAa,IAAI,IAAI;cAIf,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA0BlC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK1C,OAAO,CAAC,gBAAgB;IAajB,wBAAwB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI;IAU1D,YAAY,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI;IAS9C,aAAa,IAAI,IAAI;IAQ5B;;OAEG;IACI,gBAAgB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI;IAWzD;;OAEG;IACI,kBAAkB,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,YAAY,CAAA;KAAE,GAAG,IAAI;IAKjF;;OAEG;IACI,cAAc,IAAI,IAAI;IAY7B;;OAEG;IACU,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBlD;;OAEG;IACI,sBAAsB,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM;IAOtC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAIlC,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;IAejD,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;yCAnM9C,iCAAiC;2CAAjC,iCAAiC;CAiN7C;AAED;;GAEG;AACH,wBAAgB,4BAA4B,SAE3C"}

package/dist/ComponentStudio/component-studio-dashboard.component.js

@@ -0,0 +1,530 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { BaseDashboard } from '../generic/base-dashboard';
+import { RegisterClass } from '@memberjunction/global';
+import { RunView } from '@memberjunction/core';
+import { Subject } from 'rxjs';
+import { SharedService } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-inputs";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@memberjunction/ng-react";
+const _forTrack0 = ($index, $item) => $item.ID;
+function ComponentStudioDashboardComponent_ng_template_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 18);
+} }
+function ComponentStudioDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵtext(2, " Loading components... ");
+    i0.ɵɵelementEnd();
+} }
+function ComponentStudioDashboardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1, " No components found ");
+    i0.ɵɵelementEnd();
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 30);
+    i0.ɵɵtext(1, "Published");
+    i0.ɵɵelementEnd();
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 31);
+    i0.ɵɵtext(1, "Draft");
+    i0.ɵɵelementEnd();
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36)(1, "label");
+    i0.ɵɵtext(2, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "p");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const component_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(component_r2.Description);
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38)(1, "span", 39);
+    i0.ɵɵtext(2, "Updated:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 40);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "date");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const component_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(5, 1, component_r2.__mj_UpdatedAt, "short"));
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_23_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(4); ctx_r2.stopComponent(); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(1, " Stop Component ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("icon", "fa-solid fa-stop")("themeColor", "error");
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_24_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const component_r2 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); ctx_r2.runComponent(component_r2); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(1, " Run Component ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("icon", "fa-solid fa-play")("themeColor", "primary");
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵtemplate(1, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_1_Template, 5, 1, "div", 36);
+    i0.ɵɵelementStart(2, "div", 36)(3, "label");
+    i0.ɵɵtext(4, "Component Info");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 37)(6, "div", 38)(7, "span", 39);
+    i0.ɵɵtext(8, "Type:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 40);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 38)(12, "span", 39);
+    i0.ɵɵtext(13, "Version:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 40);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 38)(17, "span", 39);
+    i0.ɵɵtext(18, "Status:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 40);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(21, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_21_Template, 6, 4, "div", 38);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 41);
+    i0.ɵɵtemplate(23, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_23_Template, 2, 2, "button", 42)(24, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Conditional_24_Template, 2, 2, "button", 42);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const component_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(component_r2.Description ? 1 : -1);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate(component_r2.Type || "Unknown");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(component_r2.Version || "1.0.0");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(component_r2.Status || "Draft");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(component_r2.__mj_UpdatedAt ? 21 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r2.selectedComponent == null ? null : ctx_r2.selectedComponent.ID) === component_r2.ID && ctx_r2.isRunning ? 23 : 24);
+} }
+function ComponentStudioDashboardComponent_Conditional_20_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
+    i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Conditional_20_For_1_Template_div_click_1_listener() { const component_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleComponentExpansion(component_r2)); });
+    i0.ɵɵelementStart(2, "div", 23);
+    i0.ɵɵelement(3, "i", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 25)(5, "div", 26);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 27)(8, "span", 28);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 29);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(12, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_12_Template, 2, 0, "span", 30)(13, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_13_Template, 2, 0, "span", 31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 32);
+    i0.ɵɵtemplate(15, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_15_Template, 1, 0, "i", 33)(16, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_16_Template, 1, 0, "i", 34);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(17, ComponentStudioDashboardComponent_Conditional_20_For_1_Conditional_17_Template, 25, 6, "div", 35);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const component_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("expanded", (ctx_r2.expandedComponent == null ? null : ctx_r2.expandedComponent.ID) === component_r2.ID)("running", (ctx_r2.selectedComponent == null ? null : ctx_r2.selectedComponent.ID) === component_r2.ID && ctx_r2.isRunning);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r2.getComponentTypeColor(component_r2.Type));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.getComponentTypeIcon(component_r2.Type));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(component_r2.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(component_r2.Type || "Component");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("v", component_r2.Version || "1.0.0", "");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(component_r2.Status === "Published" ? 12 : 13);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((ctx_r2.expandedComponent == null ? null : ctx_r2.expandedComponent.ID) === component_r2.ID ? 15 : 16);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r2.expandedComponent == null ? null : ctx_r2.expandedComponent.ID) === component_r2.ID ? 17 : -1);
+} }
+function ComponentStudioDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, ComponentStudioDashboardComponent_Conditional_20_For_1_Template, 18, 13, "div", 20, _forTrack0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r2.filteredComponents);
+} }
+function ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "details", 53)(1, "summary");
+    i0.ɵɵtext(2, "Technical Details (click to expand)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "pre");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.formatTechnicalDetails(ctx_r2.currentError.technicalDetails));
+} }
+function ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 44)(1, "div", 46)(2, "div", 47);
+    i0.ɵɵelement(3, "i", 48);
+    i0.ɵɵelementStart(4, "h3");
+    i0.ɵɵtext(5, "Component Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 49);
+    i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.copyErrorToClipboard()); });
+    i0.ɵɵelement(7, "i", 50);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "p", 51);
+    i0.ɵɵtext(9, " The component could not be rendered due to the following error: ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 52)(11, "strong");
+    i0.ɵɵtext(12, "Error Type:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(13);
+    i0.ɵɵelement(14, "br");
+    i0.ɵɵelementStart(15, "strong");
+    i0.ɵɵtext(16, "Message:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(17);
+    i0.ɵɵtemplate(18, ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Conditional_18_Template, 5, 1, "details", 53);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 54)(20, "strong");
+    i0.ɵɵtext(21, "What to do:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "ol")(23, "li");
+    i0.ɵɵtext(24, "Check that the component code is valid JavaScript/React");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "li");
+    i0.ɵɵtext(26, "Ensure all required dependencies are available");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "li");
+    i0.ɵɵtext(28, "Review the technical details for specific error information");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "li");
+    i0.ɵɵtext(30, "Contact your system administrator if the issue persists");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(31, "div", 55)(32, "button", 56);
+    i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.retryComponent()); });
+    i0.ɵɵtext(33, " Retry ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "button", 43);
+    i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.stopComponent()); });
+    i0.ɵɵtext(35, " Stop ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(13);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.currentError.type, "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.currentError.message, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.currentError.technicalDetails ? 18 : -1);
+    i0.ɵɵadvance(14);
+    i0.ɵɵproperty("icon", "fa-solid fa-rotate");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("icon", "fa-solid fa-stop")("themeColor", "error");
+} }
+function ComponentStudioDashboardComponent_Conditional_23_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-react-component", 57);
+    i0.ɵɵlistener("componentEvent", function ComponentStudioDashboardComponent_Conditional_23_Conditional_1_Template_mj_react_component_componentEvent_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onComponentEvent($event)); })("openEntityRecord", function ComponentStudioDashboardComponent_Conditional_23_Conditional_1_Template_mj_react_component_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onOpenEntityRecord($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("component", ctx_r2.componentSpec);
+} }
+function ComponentStudioDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ComponentStudioDashboardComponent_Conditional_23_Conditional_0_Template, 36, 6, "div", 44)(1, ComponentStudioDashboardComponent_Conditional_23_Conditional_1_Template, 1, 1, "mj-react-component", 45);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.currentError ? 0 : 1);
+} }
+function ComponentStudioDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementStart(2, "h2");
+    i0.ɵɵtext(3, "Ready to Test Components");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Select a component from the list and click \"Run Component\" to see it in action");
+    i0.ɵɵelementEnd()();
+} }
+let ComponentStudioDashboardComponent = class ComponentStudioDashboardComponent extends BaseDashboard {
+    cdr;
+    // Component data
+    components = [];
+    filteredComponents = [];
+    selectedComponent = null;
+    expandedComponent = null; // Track which card is expanded
+    componentSpec = null;
+    isLoading = false;
+    searchQuery = '';
+    isRunning = false; // Track if component is currently running
+    // Error handling
+    currentError = null;
+    destroy$ = new Subject();
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    ngAfterViewInit() {
+        this.initDashboard();
+        this.loadData();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    initDashboard() {
+        // Initialize dashboard
+    }
+    async loadData() {
+        this.isLoading = true;
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Components',
+                ExtraFilter: '',
+                OrderBy: 'Name',
+                MaxRows: 1000,
+                ResultType: 'entity_object'
+            });
+            if (result.Success) {
+                this.components = result.Results || [];
+                this.filterComponents();
+            }
+            else {
+                console.error('Failed to load components:', result.ErrorMessage);
+            }
+        }
+        catch (error) {
+            console.error('Error loading components:', error);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    onSearchChange(query) {
+        this.searchQuery = query;
+        this.filterComponents();
+    }
+    filterComponents() {
+        if (!this.searchQuery) {
+            this.filteredComponents = [...this.components];
+        }
+        else {
+            const query = this.searchQuery.toLowerCase();
+            this.filteredComponents = this.components.filter(c => c.Name?.toLowerCase().includes(query) ||
+                c.Description?.toLowerCase().includes(query) ||
+                c.Type?.toLowerCase().includes(query));
+        }
+    }
+    toggleComponentExpansion(component) {
+        // Toggle expansion - if clicking the same component, collapse it
+        if (this.expandedComponent?.ID === component.ID) {
+            this.expandedComponent = null;
+        }
+        else {
+            this.expandedComponent = component;
+        }
+        this.cdr.detectChanges();
+    }
+    runComponent(component) {
+        this.selectedComponent = component;
+        this.componentSpec = JSON.parse(component.Specification);
+        this.isRunning = true;
+        this.currentError = null; // Clear any previous errors
+        console.log('Running component:', component.Name);
+        this.cdr.detectChanges();
+    }
+    stopComponent() {
+        this.isRunning = false;
+        this.selectedComponent = null;
+        this.componentSpec = null;
+        this.currentError = null;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Handle component events from React components
+     */
+    onComponentEvent(event) {
+        if (event.type === 'error') {
+            this.currentError = {
+                type: event.payload?.source || 'Component Error',
+                message: event.payload?.error || 'An error occurred while rendering the component',
+                technicalDetails: event.payload?.errorInfo || event.payload
+            };
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Handle open entity record event from React components
+     */
+    onOpenEntityRecord(event) {
+        // Use SharedService to open the entity record in a new window/tab
+        SharedService.Instance.OpenEntityRecord(event.entityName, event.key);
+    }
+    /**
+     * Retry running the current component
+     */
+    retryComponent() {
+        if (this.selectedComponent) {
+            this.currentError = null;
+            this.isRunning = false;
+            this.cdr.detectChanges();
+            // Small delay to reset the component
+            setTimeout(() => {
+                this.runComponent(this.selectedComponent);
+            }, 100);
+        }
+    }
+    /**
+     * Copy error details to clipboard
+     */
+    async copyErrorToClipboard() {
+        if (!this.currentError)
+            return;
+        const errorText = `
+Component Error Report
+${'='.repeat(50)}
+Component: ${this.selectedComponent?.Name}
+Error Type: ${this.currentError.type}
+Message: ${this.currentError.message}
+${this.currentError.technicalDetails ? '\nTechnical Details:\n' + JSON.stringify(this.currentError.technicalDetails, null, 2) : ''}
+`;
+        try {
+            await navigator.clipboard.writeText(errorText);
+            console.log('Error details copied to clipboard');
+        }
+        catch (err) {
+            console.error('Failed to copy to clipboard:', err);
+        }
+    }
+    /**
+     * Format technical details for display
+     */
+    formatTechnicalDetails(details) {
+        if (typeof details === 'string') {
+            return details;
+        }
+        return JSON.stringify(details, null, 2);
+    }
+    async refreshData() {
+        await this.loadData();
+    }
+    getComponentTypeIcon(type) {
+        const icons = {
+            'Report': 'fa-file-alt',
+            'Dashboard': 'fa-tachometer-alt',
+            'Form': 'fa-edit',
+            'Chart': 'fa-chart-bar',
+            'Table': 'fa-table',
+            'Widget': 'fa-cube',
+            'Navigation': 'fa-compass',
+            'Search': 'fa-search',
+            'Utility': 'fa-cog'
+        };
+        return icons[type || ''] || 'fa-puzzle-piece';
+    }
+    getComponentTypeColor(type) {
+        const colors = {
+            'Report': '#3B82F6',
+            'Dashboard': '#8B5CF6',
+            'Form': '#10B981',
+            'Chart': '#F97316',
+            'Table': '#06B6D4',
+            'Widget': '#EC4899',
+            'Navigation': '#6366F1',
+            'Search': '#14B8A6',
+            'Utility': '#64748B'
+        };
+        return colors[type || ''] || '#9CA3AF';
+    }
+    static ɵfac = function ComponentStudioDashboardComponent_Factory(t) { return new (t || ComponentStudioDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentStudioDashboardComponent, selectors: [["mj-component-studio-dashboard"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 25, vars: 10, consts: [[1, "component-studio"], [1, "dashboard-header"], [1, "header-content"], [1, "fa-solid", "fa-puzzle-piece"], ["kendoButton", "", 3, "click", "icon", "disabled"], ["orientation", "horizontal", 2, "flex", "1", "height", "auto"], [3, "min", "max", "size"], [1, "components-panel"], [1, "panel-header"], [1, "search-box"], ["placeholder", "Search components...", 3, "valueChange", "value", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], [1, "components-list"], [1, "loading-message"], [1, "empty-message"], [3, "min"], [1, "component-display"], [1, "empty-state"], [1, "fa-solid", "fa-search"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "component-card", 3, "expanded", "running"], [1, "component-card"], [1, "card-header", 3, "click"], [1, "card-icon"], [1, "fa-solid", 3, "ngClass"], [1, "card-info"], [1, "card-name"], [1, "card-meta"], [1, "card-type"], [1, "card-version"], [1, "status-badge", "published"], [1, "status-badge", "draft"], [1, "card-chevron"], [1, "fa-solid", "fa-chevron-up"], [1, "fa-solid", "fa-chevron-down"], [1, "card-details"], [1, "detail-section"], [1, "info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "card-actions"], ["kendoButton", "", 3, "icon", "themeColor"], ["kendoButton", "", 3, "click", "icon", "themeColor"], [1, "error-display"], [3, "component"], [1, "error-container"], [1, "error-header"], [1, "fa-solid", "fa-exclamation-triangle"], ["title", "Copy error details", 1, "copy-button", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "error-intro"], [1, "error-details"], [1, "technical-details"], [1, "error-help"], [1, "error-actions"], ["kendoButton", "", 3, "click", "icon"], [3, "componentEvent", "openEntityRecord", "component"], [1, "fa-solid", "fa-rocket", "fa-3x"]], template: function ComponentStudioDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
+            i0.ɵɵelement(4, "i", 3);
+            i0.ɵɵtext(5, " Component Studio");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "button", 4);
+            i0.ɵɵlistener("click", function ComponentStudioDashboardComponent_Template_button_click_6_listener() { return ctx.refreshData(); });
+            i0.ɵɵtext(7, " Refresh ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(8, "kendo-splitter", 5)(9, "kendo-splitter-pane", 6)(10, "div", 7)(11, "div", 8)(12, "h3");
+            i0.ɵɵtext(13, "Components");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "div", 9)(15, "kendo-textbox", 10);
+            i0.ɵɵlistener("valueChange", function ComponentStudioDashboardComponent_Template_kendo_textbox_valueChange_15_listener($event) { return ctx.onSearchChange($event); });
+            i0.ɵɵtemplate(16, ComponentStudioDashboardComponent_ng_template_16_Template, 1, 0, "ng-template", 11);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(17, "div", 12);
+            i0.ɵɵtemplate(18, ComponentStudioDashboardComponent_Conditional_18_Template, 3, 0, "div", 13)(19, ComponentStudioDashboardComponent_Conditional_19_Template, 2, 0, "div", 14)(20, ComponentStudioDashboardComponent_Conditional_20_Template, 2, 0);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(21, "kendo-splitter-pane", 15)(22, "div", 16);
+            i0.ɵɵtemplate(23, ComponentStudioDashboardComponent_Conditional_23_Template, 2, 1)(24, ComponentStudioDashboardComponent_Conditional_24_Template, 6, 0, "div", 17);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("icon", "fa-solid fa-sync")("disabled", ctx.isLoading);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("min", "350px")("max", "600px")("size", "400px");
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("value", ctx.searchQuery)("clearButton", true);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.isLoading ? 18 : ctx.filteredComponents.length === 0 ? 19 : 20);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("min", "400px");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isRunning && ctx.selectedComponent && ctx.componentSpec ? 23 : 24);
+        } }, dependencies: [i1.NgClass, i2.TextBoxComponent, i2.TextBoxPrefixTemplateDirective, i3.SplitterComponent, i3.SplitterPaneComponent, i4.ButtonComponent, i5.MJReactComponent, i1.DatePipe], styles: ["[_nghost-%COMP%] {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.component-studio[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n  overflow: hidden;\n\n  .dashboard-header {\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    padding: 16px 24px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n    \n    .header-content {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      \n      h1 {\n        margin: 0;\n        font-size: 24px;\n        font-weight: 600;\n        color: #212529;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        \n        i {\n          color: #6366f1;\n        }\n      }\n    }\n  }\n\n  kendo-splitter {\n    flex: 1;\n    background: white;\n    display: flex;\n    height: 100%;\n    min-height: 0;\n  }\n\n  .components-panel {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    background: #f8f9fa;\n    \n    .panel-header {\n      padding: 20px;\n      background: white;\n      border-bottom: 1px solid #dee2e6;\n      \n      h3 {\n        margin: 0 0 16px 0;\n        font-size: 18px;\n        font-weight: 600;\n        color: #212529;\n      }\n      \n      .search-box {\n        kendo-textbox {\n          width: 100%;\n        }\n      }\n    }\n    \n    .components-list {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px;\n      \n      .loading-message,\n      .empty-message {\n        padding: 48px 24px;\n        text-align: center;\n        color: #6c757d;\n        font-size: 14px;\n        \n        i {\n          margin-right: 8px;\n        }\n      }\n      \n      .component-card {\n        background: white;\n        border: 1px solid #dee2e6;\n        border-radius: 8px;\n        margin-bottom: 12px;\n        transition: all 0.2s ease;\n        \n        &:hover {\n          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        }\n        \n        &.expanded {\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n          border-color: #6366f1;\n        }\n        \n        &.running {\n          border-color: #10b981;\n          box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);\n        }\n        \n        .card-header {\n          display: flex;\n          align-items: center;\n          padding: 16px;\n          cursor: pointer;\n          user-select: none;\n          \n          &:hover {\n            background: #f8f9fa;\n          }\n          \n          .card-icon {\n            font-size: 24px;\n            margin-right: 16px;\n            width: 32px;\n            text-align: center;\n            flex-shrink: 0;\n          }\n          \n          .card-info {\n            flex: 1;\n            min-width: 0;\n            \n            .card-name {\n              font-size: 15px;\n              font-weight: 600;\n              color: #212529;\n              margin-bottom: 4px;\n              white-space: nowrap;\n              overflow: hidden;\n              text-overflow: ellipsis;\n            }\n            \n            .card-meta {\n              display: flex;\n              align-items: center;\n              gap: 8px;\n              font-size: 12px;\n              color: #6c757d;\n              \n              .card-type {\n                font-weight: 500;\n              }\n              \n              .card-version {\n                color: #868e96;\n              }\n              \n              .status-badge {\n                padding: 2px 6px;\n                border-radius: 10px;\n                font-size: 10px;\n                font-weight: 600;\n                text-transform: uppercase;\n                letter-spacing: 0.3px;\n                \n                &.published {\n                  background: #d1fae5;\n                  color: #065f46;\n                }\n                \n                &.draft {\n                  background: #fef3c7;\n                  color: #92400e;\n                }\n              }\n            }\n          }\n          \n          .card-chevron {\n            color: #6c757d;\n            font-size: 12px;\n            margin-left: 12px;\n            transition: transform 0.2s ease;\n          }\n        }\n        \n        .card-details {\n          padding: 0 16px 16px 16px;\n          border-top: 1px solid #e9ecef;\n          animation: _ngcontent-%COMP%_slideDown 0.2s ease;\n          \n          .detail-section {\n            margin-top: 16px;\n            \n            label {\n              display: block;\n              font-size: 11px;\n              font-weight: 600;\n              color: #6c757d;\n              text-transform: uppercase;\n              letter-spacing: 0.5px;\n              margin-bottom: 8px;\n            }\n            \n            p {\n              margin: 0;\n              font-size: 13px;\n              color: #495057;\n              line-height: 1.5;\n            }\n            \n            .info-grid {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n              gap: 8px;\n              \n              .info-item {\n                display: flex;\n                align-items: baseline;\n                gap: 6px;\n                font-size: 13px;\n                \n                .info-label {\n                  font-weight: 500;\n                  color: #6c757d;\n                  min-width: 50px;\n                }\n                \n                .info-value {\n                  color: #212529;\n                }\n              }\n            }\n          }\n          \n          .card-actions {\n            margin-top: 16px;\n            display: flex;\n            gap: 8px;\n            \n            button {\n              flex: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .component-display {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    background: white;\n    position: relative;\n    \n    .empty-state {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: #868e96;\n      padding: 48px;\n      text-align: center;\n      \n      i {\n        color: #dee2e6;\n        margin-bottom: 24px;\n      }\n      \n      h2 {\n        margin: 0 0 12px 0;\n        font-size: 24px;\n        font-weight: 600;\n        color: #495057;\n      }\n      \n      p {\n        margin: 0;\n        font-size: 14px;\n        max-width: 400px;\n      }\n    }\n    \n    .error-display {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n      background: #f8f9fa;\n      \n      .error-container {\n        width: 100%;\n        max-width: 600px;\n        background: white;\n        border: 2px solid #dc3545;\n        border-radius: 8px;\n        padding: 24px;\n        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);\n        \n        .error-header {\n          display: flex;\n          align-items: center;\n          gap: 12px;\n          margin-bottom: 20px;\n          color: #dc3545;\n          position: relative;\n          \n          i {\n            font-size: 24px;\n          }\n          \n          h3 {\n            margin: 0;\n            font-size: 20px;\n            flex: 1;\n          }\n          \n          .copy-button {\n            background: white;\n            border: 1px solid #dee2e6;\n            border-radius: 4px;\n            padding: 6px 10px;\n            cursor: pointer;\n            color: #6c757d;\n            transition: all 0.2s;\n            \n            &:hover {\n              background: #e9ecef;\n              color: #495057;\n            }\n            \n            i {\n              font-size: 14px;\n            }\n          }\n        }\n        \n        .error-intro {\n          color: #495057;\n          margin-bottom: 20px;\n          font-size: 14px;\n        }\n        \n        .error-details {\n          background: #f8f9fa;\n          border: 1px solid #dee2e6;\n          border-radius: 4px;\n          padding: 16px;\n          margin-bottom: 20px;\n          font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n          font-size: 13px;\n          \n          .technical-details {\n            margin-top: 12px;\n            \n            summary {\n              cursor: pointer;\n              color: #0066cc;\n              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n              \n              &:hover {\n                text-decoration: underline;\n              }\n            }\n            \n            pre {\n              margin-top: 8px;\n              white-space: pre-wrap;\n              word-break: break-word;\n              font-size: 11px;\n              color: #495057;\n              max-height: 200px;\n              overflow-y: auto;\n            }\n          }\n        }\n        \n        .error-help {\n          background: #e7f3ff;\n          border: 1px solid #b3d9ff;\n          border-radius: 4px;\n          padding: 16px;\n          margin-bottom: 20px;\n          font-size: 13px;\n          \n          strong {\n            display: block;\n            margin-bottom: 8px;\n            font-size: 14px;\n            color: #0066cc;\n          }\n          \n          ol {\n            margin: 0;\n            padding-left: 20px;\n            \n            li {\n              margin-bottom: 4px;\n              color: #495057;\n            }\n          }\n        }\n        \n        .error-actions {\n          display: flex;\n          gap: 12px;\n          \n          button {\n            min-width: 100px;\n          }\n        }\n      }\n    }\n    \n    mj-react-component {\n      flex: 1;\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}"] });
+};
+ComponentStudioDashboardComponent = __decorate([
+    RegisterClass(BaseDashboard, 'ComponentStudioDashboard')
+], ComponentStudioDashboardComponent);
+export { ComponentStudioDashboardComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentStudioDashboardComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-component-studio-dashboard', template: "<div class=\"component-studio\">\n  <!-- Header -->\n  <div class=\"dashboard-header\">\n    <div class=\"header-content\">\n      <h1><i class=\"fa-solid fa-puzzle-piece\"></i> Component Studio</h1>\n      <button kendoButton [icon]=\"'fa-solid fa-sync'\" (click)=\"refreshData()\" [disabled]=\"isLoading\">\n        Refresh\n      </button>\n    </div>\n  </div>\n\n  <!-- Main Content with Splitter -->\n  <kendo-splitter orientation=\"horizontal\" style=\"flex: 1; height: auto;\">\n    <!-- Left Panel - Component List -->\n    <kendo-splitter-pane [min]=\"'350px'\" [max]=\"'600px'\" [size]=\"'400px'\">\n      <div class=\"components-panel\">\n        <div class=\"panel-header\">\n          <h3>Components</h3>\n          <div class=\"search-box\">\n            <kendo-textbox \n              [value]=\"searchQuery\"\n              (valueChange)=\"onSearchChange($event)\"\n              placeholder=\"Search components...\"\n              [clearButton]=\"true\">\n              <ng-template kendoTextBoxPrefixTemplate>\n                <i class=\"fa-solid fa-search\"></i>\n              </ng-template>\n            </kendo-textbox>\n          </div>\n        </div>\n        \n        <div class=\"components-list\">\n          @if (isLoading) {\n            <div class=\"loading-message\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading components...\n            </div>\n          } @else if (filteredComponents.length === 0) {\n            <div class=\"empty-message\">\n              No components found\n            </div>\n          } @else {\n            @for (component of filteredComponents; track component.ID) {\n              <div class=\"component-card\" \n                [class.expanded]=\"expandedComponent?.ID === component.ID\"\n                [class.running]=\"selectedComponent?.ID === component.ID && isRunning\">\n                \n                <!-- Card Header - Always visible -->\n                <div class=\"card-header\" (click)=\"toggleComponentExpansion(component)\">\n                  <div class=\"card-icon\" [style.color]=\"getComponentTypeColor(component.Type)\">\n                    <i class=\"fa-solid\" [ngClass]=\"getComponentTypeIcon(component.Type)\"></i>\n                  </div>\n                  <div class=\"card-info\">\n                    <div class=\"card-name\">{{ component.Name }}</div>\n                    <div class=\"card-meta\">\n                      <span class=\"card-type\">{{ component.Type || 'Component' }}</span>\n                      <span class=\"card-version\">v{{ component.Version || '1.0.0' }}</span>\n                      @if (component.Status === 'Published') {\n                        <span class=\"status-badge published\">Published</span>\n                      } @else {\n                        <span class=\"status-badge draft\">Draft</span>\n                      }\n                    </div>\n                  </div>\n                  <div class=\"card-chevron\">\n                    @if (expandedComponent?.ID === component.ID) {\n                      <i class=\"fa-solid fa-chevron-up\"></i>\n                    } @else {\n                      <i class=\"fa-solid fa-chevron-down\"></i>\n                    }\n                  </div>\n                </div>\n                \n                <!-- Card Details - Only visible when expanded -->\n                @if (expandedComponent?.ID === component.ID) {\n                  <div class=\"card-details\">\n                    @if (component.Description) {\n                      <div class=\"detail-section\">\n                        <label>Description</label>\n                        <p>{{ component.Description }}</p>\n                      </div>\n                    }\n                    \n                    <div class=\"detail-section\">\n                      <label>Component Info</label>\n                      <div class=\"info-grid\">\n                        <div class=\"info-item\">\n                          <span class=\"info-label\">Type:</span>\n                          <span class=\"info-value\">{{ component.Type || 'Unknown' }}</span>\n                        </div>\n                        <div class=\"info-item\">\n                          <span class=\"info-label\">Version:</span>\n                          <span class=\"info-value\">{{ component.Version || '1.0.0' }}</span>\n                        </div>\n                        <div class=\"info-item\">\n                          <span class=\"info-label\">Status:</span>\n                          <span class=\"info-value\">{{ component.Status || 'Draft' }}</span>\n                        </div>\n                        @if (component.__mj_UpdatedAt) {\n                          <div class=\"info-item\">\n                            <span class=\"info-label\">Updated:</span>\n                            <span class=\"info-value\">{{ component.__mj_UpdatedAt | date:'short' }}</span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                    \n                    <div class=\"card-actions\">\n                      @if (selectedComponent?.ID === component.ID && isRunning) {\n                        <button kendoButton \n                          [icon]=\"'fa-solid fa-stop'\" \n                          [themeColor]=\"'error'\"\n                          (click)=\"stopComponent(); $event.stopPropagation()\">\n                          Stop Component\n                        </button>\n                      } @else {\n                        <button kendoButton \n                          [icon]=\"'fa-solid fa-play'\" \n                          [themeColor]=\"'primary'\"\n                          (click)=\"runComponent(component); $event.stopPropagation()\">\n                          Run Component\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n          }\n        </div>\n      </div>\n    </kendo-splitter-pane>\n\n    <!-- Right Panel - Component Display -->\n    <kendo-splitter-pane [min]=\"'400px'\">\n      <div class=\"component-display\">\n        @if (isRunning && selectedComponent && componentSpec) {\n          @if (currentError) {\n            <!-- Error Display -->\n            <div class=\"error-display\">\n              <div class=\"error-container\">\n                <div class=\"error-header\">\n                  <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                  <h3>Component Error</h3>\n                  <button class=\"copy-button\" (click)=\"copyErrorToClipboard()\" title=\"Copy error details\">\n                    <i class=\"fa-solid fa-copy\"></i>\n                  </button>\n                </div>\n                \n                <p class=\"error-intro\">\n                  The component could not be rendered due to the following error:\n                </p>\n                \n                <div class=\"error-details\">\n                  <strong>Error Type:</strong> {{ currentError.type }}<br>\n                  <strong>Message:</strong> {{ currentError.message }}\n                  @if (currentError.technicalDetails) {\n                    <details class=\"technical-details\">\n                      <summary>Technical Details (click to expand)</summary>\n                      <pre>{{ formatTechnicalDetails(currentError.technicalDetails) }}</pre>\n                    </details>\n                  }\n                </div>\n                \n                <div class=\"error-help\">\n                  <strong>What to do:</strong>\n                  <ol>\n                    <li>Check that the component code is valid JavaScript/React</li>\n                    <li>Ensure all required dependencies are available</li>\n                    <li>Review the technical details for specific error information</li>\n                    <li>Contact your system administrator if the issue persists</li>\n                  </ol>\n                </div>\n                \n                <div class=\"error-actions\">\n                  <button kendoButton (click)=\"retryComponent()\" [icon]=\"'fa-solid fa-rotate'\">\n                    Retry\n                  </button>\n                  <button kendoButton (click)=\"stopComponent()\" [icon]=\"'fa-solid fa-stop'\" [themeColor]=\"'error'\">\n                    Stop\n                  </button>\n                </div>\n              </div>\n            </div>\n          } @else {\n            <!-- React Component -->\n            <mj-react-component \n              [component]=\"componentSpec\"\n              (componentEvent)=\"onComponentEvent($event)\"\n              (openEntityRecord)=\"onOpenEntityRecord($event)\">\n            </mj-react-component>\n          }\n        } @else {\n          <!-- Empty State -->\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-rocket fa-3x\"></i>\n            <h2>Ready to Test Components</h2>\n            <p>Select a component from the list and click \"Run Component\" to see it in action</p>\n          </div>\n        }\n      </div>\n    </kendo-splitter-pane>\n  </kendo-splitter>\n</div>", styles: [":host {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.component-studio {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n  overflow: hidden;\n\n  .dashboard-header {\n    background: white;\n    border-bottom: 1px solid #dee2e6;\n    padding: 16px 24px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n    \n    .header-content {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      \n      h1 {\n        margin: 0;\n        font-size: 24px;\n        font-weight: 600;\n        color: #212529;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        \n        i {\n          color: #6366f1;\n        }\n      }\n    }\n  }\n\n  kendo-splitter {\n    flex: 1;\n    background: white;\n    display: flex;\n    height: 100%;\n    min-height: 0;\n  }\n\n  .components-panel {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    background: #f8f9fa;\n    \n    .panel-header {\n      padding: 20px;\n      background: white;\n      border-bottom: 1px solid #dee2e6;\n      \n      h3 {\n        margin: 0 0 16px 0;\n        font-size: 18px;\n        font-weight: 600;\n        color: #212529;\n      }\n      \n      .search-box {\n        kendo-textbox {\n          width: 100%;\n        }\n      }\n    }\n    \n    .components-list {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px;\n      \n      .loading-message,\n      .empty-message {\n        padding: 48px 24px;\n        text-align: center;\n        color: #6c757d;\n        font-size: 14px;\n        \n        i {\n          margin-right: 8px;\n        }\n      }\n      \n      .component-card {\n        background: white;\n        border: 1px solid #dee2e6;\n        border-radius: 8px;\n        margin-bottom: 12px;\n        transition: all 0.2s ease;\n        \n        &:hover {\n          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        }\n        \n        &.expanded {\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n          border-color: #6366f1;\n        }\n        \n        &.running {\n          border-color: #10b981;\n          box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);\n        }\n        \n        .card-header {\n          display: flex;\n          align-items: center;\n          padding: 16px;\n          cursor: pointer;\n          user-select: none;\n          \n          &:hover {\n            background: #f8f9fa;\n          }\n          \n          .card-icon {\n            font-size: 24px;\n            margin-right: 16px;\n            width: 32px;\n            text-align: center;\n            flex-shrink: 0;\n          }\n          \n          .card-info {\n            flex: 1;\n            min-width: 0;\n            \n            .card-name {\n              font-size: 15px;\n              font-weight: 600;\n              color: #212529;\n              margin-bottom: 4px;\n              white-space: nowrap;\n              overflow: hidden;\n              text-overflow: ellipsis;\n            }\n            \n            .card-meta {\n              display: flex;\n              align-items: center;\n              gap: 8px;\n              font-size: 12px;\n              color: #6c757d;\n              \n              .card-type {\n                font-weight: 500;\n              }\n              \n              .card-version {\n                color: #868e96;\n              }\n              \n              .status-badge {\n                padding: 2px 6px;\n                border-radius: 10px;\n                font-size: 10px;\n                font-weight: 600;\n                text-transform: uppercase;\n                letter-spacing: 0.3px;\n                \n                &.published {\n                  background: #d1fae5;\n                  color: #065f46;\n                }\n                \n                &.draft {\n                  background: #fef3c7;\n                  color: #92400e;\n                }\n              }\n            }\n          }\n          \n          .card-chevron {\n            color: #6c757d;\n            font-size: 12px;\n            margin-left: 12px;\n            transition: transform 0.2s ease;\n          }\n        }\n        \n        .card-details {\n          padding: 0 16px 16px 16px;\n          border-top: 1px solid #e9ecef;\n          animation: slideDown 0.2s ease;\n          \n          .detail-section {\n            margin-top: 16px;\n            \n            label {\n              display: block;\n              font-size: 11px;\n              font-weight: 600;\n              color: #6c757d;\n              text-transform: uppercase;\n              letter-spacing: 0.5px;\n              margin-bottom: 8px;\n            }\n            \n            p {\n              margin: 0;\n              font-size: 13px;\n              color: #495057;\n              line-height: 1.5;\n            }\n            \n            .info-grid {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n              gap: 8px;\n              \n              .info-item {\n                display: flex;\n                align-items: baseline;\n                gap: 6px;\n                font-size: 13px;\n                \n                .info-label {\n                  font-weight: 500;\n                  color: #6c757d;\n                  min-width: 50px;\n                }\n                \n                .info-value {\n                  color: #212529;\n                }\n              }\n            }\n          }\n          \n          .card-actions {\n            margin-top: 16px;\n            display: flex;\n            gap: 8px;\n            \n            button {\n              flex: 1;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .component-display {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    background: white;\n    position: relative;\n    \n    .empty-state {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: #868e96;\n      padding: 48px;\n      text-align: center;\n      \n      i {\n        color: #dee2e6;\n        margin-bottom: 24px;\n      }\n      \n      h2 {\n        margin: 0 0 12px 0;\n        font-size: 24px;\n        font-weight: 600;\n        color: #495057;\n      }\n      \n      p {\n        margin: 0;\n        font-size: 14px;\n        max-width: 400px;\n      }\n    }\n    \n    .error-display {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 24px;\n      background: #f8f9fa;\n      \n      .error-container {\n        width: 100%;\n        max-width: 600px;\n        background: white;\n        border: 2px solid #dc3545;\n        border-radius: 8px;\n        padding: 24px;\n        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);\n        \n        .error-header {\n          display: flex;\n          align-items: center;\n          gap: 12px;\n          margin-bottom: 20px;\n          color: #dc3545;\n          position: relative;\n          \n          i {\n            font-size: 24px;\n          }\n          \n          h3 {\n            margin: 0;\n            font-size: 20px;\n            flex: 1;\n          }\n          \n          .copy-button {\n            background: white;\n            border: 1px solid #dee2e6;\n            border-radius: 4px;\n            padding: 6px 10px;\n            cursor: pointer;\n            color: #6c757d;\n            transition: all 0.2s;\n            \n            &:hover {\n              background: #e9ecef;\n              color: #495057;\n            }\n            \n            i {\n              font-size: 14px;\n            }\n          }\n        }\n        \n        .error-intro {\n          color: #495057;\n          margin-bottom: 20px;\n          font-size: 14px;\n        }\n        \n        .error-details {\n          background: #f8f9fa;\n          border: 1px solid #dee2e6;\n          border-radius: 4px;\n          padding: 16px;\n          margin-bottom: 20px;\n          font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n          font-size: 13px;\n          \n          .technical-details {\n            margin-top: 12px;\n            \n            summary {\n              cursor: pointer;\n              color: #0066cc;\n              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n              \n              &:hover {\n                text-decoration: underline;\n              }\n            }\n            \n            pre {\n              margin-top: 8px;\n              white-space: pre-wrap;\n              word-break: break-word;\n              font-size: 11px;\n              color: #495057;\n              max-height: 200px;\n              overflow-y: auto;\n            }\n          }\n        }\n        \n        .error-help {\n          background: #e7f3ff;\n          border: 1px solid #b3d9ff;\n          border-radius: 4px;\n          padding: 16px;\n          margin-bottom: 20px;\n          font-size: 13px;\n          \n          strong {\n            display: block;\n            margin-bottom: 8px;\n            font-size: 14px;\n            color: #0066cc;\n          }\n          \n          ol {\n            margin: 0;\n            padding-left: 20px;\n            \n            li {\n              margin-bottom: 4px;\n              color: #495057;\n            }\n          }\n        }\n        \n        .error-actions {\n          display: flex;\n          gap: 12px;\n          \n          button {\n            min-width: 100px;\n          }\n        }\n      }\n    }\n    \n    mj-react-component {\n      flex: 1;\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentStudioDashboardComponent, { className: "ComponentStudioDashboardComponent", filePath: "src/ComponentStudio/component-studio-dashboard.component.ts", lineNumber: 18 }); })();
+/**
+ * Function to prevent tree shaking of the ComponentStudioDashboardComponent.
+ */
+export function LoadComponentStudioDashboard() {
+    // This function doesn't need to do anything
+}
+//# sourceMappingURL=component-studio-dashboard.component.js.map

package/dist/ComponentStudio/component-studio-dashboard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-studio-dashboard.component.js","sourceRoot":"","sources":["../../src/ComponentStudio/component-studio-dashboard.component.ts","../../src/ComponentStudio/component-studio-dashboard.component.html"],"names":[],"mappings":"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"}

package/dist/ComponentStudio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component-studio-dashboard.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/ComponentStudio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ComponentStudio/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}

package/dist/ComponentStudio/index.js

@@ -0,0 +1,2 @@
+export * from './component-studio-dashboard.component';
+//# sourceMappingURL=index.js.map

package/dist/ComponentStudio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ComponentStudio/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}

package/dist/module.d.ts

@@ -30,24 +30,27 @@ import * as i28 from "./AI/components/widgets/kpi-card.component";
 import * as i29 from "./AI/components/widgets/live-execution-widget.component";
 import * as i30 from "./AI/components/charts/time-series-chart.component";
 import * as i31 from "./AI/components/charts/performance-heatmap.component";
-import * as i32 from "@angular/common";
-import * as i33 from "@angular/forms";
-import * as i34 from "@progress/kendo-angular-indicators";
-import * as i35 from "@progress/kendo-angular-dropdowns";
-import * as i36 from "@progress/kendo-angular-inputs";
-import * as i37 from "@progress/kendo-angular-layout";
-import * as i38 from "@progress/kendo-angular-dialog";
-import * as i39 from "@memberjunction/ng-container-directives";
-import * as i40 from "@progress/kendo-angular-navigation";
-import * as i41 from "@memberjunction/ng-code-editor";
-import * as i42 from "@progress/kendo-angular-treeview";
-import * as i43 from "@progress/kendo-angular-buttons";
-import * as i44 from "@memberjunction/ng-action-gallery";
-import * as i45 from "@memberjunction/ng-ai-test-harness";
-import * as i46 from "@memberjunction/ng-core-entity-forms";
+import * as i32 from "./ComponentStudio/component-studio-dashboard.component";
+import * as i33 from "@angular/common";
+import * as i34 from "@angular/forms";
+import * as i35 from "@progress/kendo-angular-indicators";
+import * as i36 from "@progress/kendo-angular-dropdowns";
+import * as i37 from "@progress/kendo-angular-inputs";
+import * as i38 from "@progress/kendo-angular-layout";
+import * as i39 from "@progress/kendo-angular-dialog";
+import * as i40 from "@memberjunction/ng-container-directives";
+import * as i41 from "@progress/kendo-angular-navigation";
+import * as i42 from "@memberjunction/ng-code-editor";
+import * as i43 from "@progress/kendo-angular-treeview";
+import * as i44 from "@progress/kendo-angular-buttons";
+import * as i45 from "@memberjunction/ng-action-gallery";
+import * as i46 from "@memberjunction/ng-ai-test-harness";
+import * as i47 from "@memberjunction/ng-core-entity-forms";
+import * as i48 from "@progress/kendo-angular-grid";
+import * as i49 from "@memberjunction/ng-react";
 export declare class DashboardsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardsModule, [typeof i1.EntityAdminDashboardComponent, typeof i2.ERDCompositeComponent, typeof i3.EntityFilterPanelComponent, typeof i4.EntityDetailsComponent, typeof i5.ERDDiagramComponent, typeof i6.AIDashboardComponent, typeof i7.ModelManagementV2Component, typeof i8.PromptManagementV2Component, typeof i9.PromptFilterPanelComponent, typeof i10.AgentConfigurationComponent, typeof i11.AgentFilterPanelComponent, typeof i12.AgentEditorComponent, typeof i13.ExecutionMonitoringComponent, typeof i14.SystemConfigurationComponent, typeof i15.SystemConfigFilterPanelComponent, typeof i16.ActionsManagementDashboardComponent, typeof i17.ActionsOverviewComponent, typeof i18.ExecutionMonitoringComponent, typeof i19.ScheduledActionsComponent, typeof i20.CodeManagementComponent, typeof i21.EntityIntegrationComponent, typeof i22.SecurityPermissionsComponent, typeof i23.ActionsListViewComponent, typeof i24.ExecutionsListViewComponent, typeof i25.CategoriesListViewComponent, typeof i26.ModelPromptPriorityMatrixComponent, typeof i27.PromptVersionControlComponent, typeof i28.KPICardComponent, typeof i29.LiveExecutionWidgetComponent, typeof i30.TimeSeriesChartComponent, typeof i31.PerformanceHeatmapComponent], [typeof i32.CommonModule, typeof i33.FormsModule, typeof i34.IndicatorsModule, typeof i35.DropDownsModule, typeof i36.InputsModule, typeof i37.LayoutModule, typeof i38.DialogsModule, typeof i38.WindowModule, typeof i39.ContainerDirectivesModule, typeof i40.NavigationModule, typeof i41.CodeEditorModule, typeof i42.TreeViewModule, typeof i43.ButtonsModule, typeof i44.ActionGalleryModule, typeof i45.AITestHarnessModule, typeof i46.MemberJunctionCoreEntityFormsModule], [typeof i1.EntityAdminDashboardComponent, typeof i6.AIDashboardComponent, typeof i16.ActionsManagementDashboardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardsModule, [typeof i1.EntityAdminDashboardComponent, typeof i2.ERDCompositeComponent, typeof i3.EntityFilterPanelComponent, typeof i4.EntityDetailsComponent, typeof i5.ERDDiagramComponent, typeof i6.AIDashboardComponent, typeof i7.ModelManagementV2Component, typeof i8.PromptManagementV2Component, typeof i9.PromptFilterPanelComponent, typeof i10.AgentConfigurationComponent, typeof i11.AgentFilterPanelComponent, typeof i12.AgentEditorComponent, typeof i13.ExecutionMonitoringComponent, typeof i14.SystemConfigurationComponent, typeof i15.SystemConfigFilterPanelComponent, typeof i16.ActionsManagementDashboardComponent, typeof i17.ActionsOverviewComponent, typeof i18.ExecutionMonitoringComponent, typeof i19.ScheduledActionsComponent, typeof i20.CodeManagementComponent, typeof i21.EntityIntegrationComponent, typeof i22.SecurityPermissionsComponent, typeof i23.ActionsListViewComponent, typeof i24.ExecutionsListViewComponent, typeof i25.CategoriesListViewComponent, typeof i26.ModelPromptPriorityMatrixComponent, typeof i27.PromptVersionControlComponent, typeof i28.KPICardComponent, typeof i29.LiveExecutionWidgetComponent, typeof i30.TimeSeriesChartComponent, typeof i31.PerformanceHeatmapComponent, typeof i32.ComponentStudioDashboardComponent], [typeof i33.CommonModule, typeof i34.FormsModule, typeof i35.IndicatorsModule, typeof i36.DropDownsModule, typeof i37.InputsModule, typeof i38.LayoutModule, typeof i39.DialogsModule, typeof i39.WindowModule, typeof i40.ContainerDirectivesModule, typeof i41.NavigationModule, typeof i42.CodeEditorModule, typeof i43.TreeViewModule, typeof i44.ButtonsModule, typeof i45.ActionGalleryModule, typeof i46.AITestHarnessModule, typeof i47.MemberJunctionCoreEntityFormsModule, typeof i48.GridModule, typeof i49.MJReactModule, typeof i38.SplitterModule], [typeof i1.EntityAdminDashboardComponent, typeof i6.AIDashboardComponent, typeof i16.ActionsManagementDashboardComponent, typeof i32.ComponentStudioDashboardComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DashboardsModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,qBA8Da,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,qBAoEa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAI"}

package/dist/module.js

@@ -47,6 +47,11 @@ import { LiveExecutionWidgetComponent } from './AI/components/widgets/live-execu
 import { TimeSeriesChartComponent } from './AI/components/charts/time-series-chart.component';
 import { PerformanceHeatmapComponent } from './AI/components/charts/performance-heatmap.component';
 import { AIInstrumentationService } from './AI/services/ai-instrumentation.service';
+// Component Studio Components
+import { ComponentStudioDashboardComponent } from './ComponentStudio/component-studio-dashboard.component';
+import { GridModule } from '@progress/kendo-angular-grid';
+import { MJReactModule } from '@memberjunction/ng-react';
+import { SplitterModule } from '@progress/kendo-angular-layout';
 import * as i0 from "@angular/core";
 export class DashboardsModule {
     static ɵfac = function DashboardsModule_Factory(t) { return new (t || DashboardsModule)(); };
@@ -68,7 +73,10 @@ export class DashboardsModule {
             ButtonsModule,
             ActionGalleryModule,
             AITestHarnessModule,
-            MemberJunctionCoreEntityFormsModule] });
+            MemberJunctionCoreEntityFormsModule,
+            GridModule,
+            MJReactModule,
+            SplitterModule] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardsModule, [{
         type: NgModule,
@@ -105,7 +113,9 @@ export class DashboardsModule {
                     KPICardComponent,
                     LiveExecutionWidgetComponent,
                     TimeSeriesChartComponent,
-                    PerformanceHeatmapComponent
+                    PerformanceHeatmapComponent,
+                    // Component Studio Components
+                    ComponentStudioDashboardComponent
                 ],
                 imports: [
                     CommonModule,
@@ -123,7 +133,10 @@ export class DashboardsModule {
                     ButtonsModule,
                     ActionGalleryModule,
                     AITestHarnessModule,
-                    MemberJunctionCoreEntityFormsModule
+                    MemberJunctionCoreEntityFormsModule,
+                    GridModule,
+                    MJReactModule,
+                    SplitterModule
                 ],
                 providers: [
                     AIInstrumentationService
@@ -131,7 +144,8 @@ export class DashboardsModule {
                 exports: [
                     EntityAdminDashboardComponent,
                     AIDashboardComponent,
-                    ActionsManagementDashboardComponent
+                    ActionsManagementDashboardComponent,
+                    ComponentStudioDashboardComponent
                 ]
             }]
     }], null, null); })();
@@ -166,7 +180,9 @@ export class DashboardsModule {
         KPICardComponent,
         LiveExecutionWidgetComponent,
         TimeSeriesChartComponent,
-        PerformanceHeatmapComponent], imports: [CommonModule,
+        PerformanceHeatmapComponent,
+        // Component Studio Components
+        ComponentStudioDashboardComponent], imports: [CommonModule,
         FormsModule,
         IndicatorsModule,
         DropDownsModule,
@@ -181,7 +197,11 @@ export class DashboardsModule {
         ButtonsModule,
         ActionGalleryModule,
         AITestHarnessModule,
-        MemberJunctionCoreEntityFormsModule], exports: [EntityAdminDashboardComponent,
+        MemberJunctionCoreEntityFormsModule,
+        GridModule,
+        MJReactModule,
+        SplitterModule], exports: [EntityAdminDashboardComponent,
         AIDashboardComponent,
-        ActionsManagementDashboardComponent] }); })();
+        ActionsManagementDashboardComponent,
+        ComponentStudioDashboardComponent] }); })();
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"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"}

package/dist/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './generic/base-dashboard';
 export * from './EntityAdmin/entity-admin-dashboard.component';
 export * from './AI/ai-dashboard.component';
 export * from './Actions';
+export * from './ComponentStudio';
 export * from './Actions/index';
 export * from './module';
 //# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AASA,cAAc,0BAA0B,CAAC;AAGzC,cAAc,gDAAgD,CAAC;AAC/D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAE1B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAUA,cAAc,0BAA0B,CAAC;AAGzC,cAAc,gDAAgD,CAAC;AAC/D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,UAAU,CAAC"}

package/dist/public-api.js

@@ -4,16 +4,19 @@
 import { LoadEntityAdminDashboard } from './EntityAdmin/entity-admin-dashboard.component';
 import { LoadAIDashboard } from './AI/ai-dashboard.component';
 import { LoadActionsManagementDashboard } from './Actions';
+import { LoadComponentStudioDashboard } from './ComponentStudio/component-studio-dashboard.component';
 // Base Dashboard
 export * from './generic/base-dashboard';
 // Dashboards
 export * from './EntityAdmin/entity-admin-dashboard.component';
 export * from './AI/ai-dashboard.component';
 export * from './Actions';
+export * from './ComponentStudio';
 export * from './Actions/index';
 // Module
 export * from './module';
 LoadEntityAdminDashboard(); // call tree shaking function to prevent tree shaking
 LoadAIDashboard(); // call tree shaking function to prevent tree shaking
 LoadActionsManagementDashboard(); // call tree shaking function to prevent tree shaking
+LoadComponentStudioDashboard(); // call tree shaking function to prevent tree shaking
 //# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAE3D,iBAAiB;AACjB,cAAc,0BAA0B,CAAC;AAEzC,aAAa;AACb,cAAc,gDAAgD,CAAC;AAC/D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAE1B,cAAc,iBAAiB,CAAC;AAEhC,SAAS;AACT,cAAc,UAAU,CAAC;AAEzB,wBAAwB,EAAE,CAAC,CAAC,qDAAqD;AACjF,eAAe,EAAE,CAAC,CAAC,qDAAqD;AACxE,8BAA8B,EAAE,CAAC,CAAC,qDAAqD"}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,4BAA4B,EAAE,MAAM,wDAAwD,CAAC;AAEtG,iBAAiB;AACjB,cAAc,0BAA0B,CAAC;AAEzC,aAAa;AACb,cAAc,gDAAgD,CAAC;AAC/D,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAEhC,SAAS;AACT,cAAc,UAAU,CAAC;AAEzB,wBAAwB,EAAE,CAAC,CAAC,qDAAqD;AACjF,eAAe,EAAE,CAAC,CAAC,qDAAqD;AACxE,8BAA8B,EAAE,CAAC,CAAC,qDAAqD;AACvF,4BAA4B,EAAE,CAAC,CAAC,qDAAqD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-dashboards",
-  "version": "2.85.0",
+  "version": "2.87.0",
   "description": "MemberJunction Dashboards",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -25,15 +25,15 @@
     "@angular/forms": "18.0.2"
   },
   "dependencies": {
-    "@memberjunction/core": "2.85.0",
-    "@memberjunction/core-entities": "2.85.0",
-    "@memberjunction/templates-base-types": "2.85.0",
-    "@memberjunction/ng-container-directives": "2.85.0",
-    "@memberjunction/ng-core-entity-forms": "2.85.0",
-    "@memberjunction/ng-notifications": "2.85.0",
-    "@memberjunction/ng-shared": "2.85.0",
-    "@memberjunction/ng-ai-test-harness": "2.85.0",
-    "@memberjunction/ng-action-gallery": "2.85.0",
+    "@memberjunction/core": "2.87.0",
+    "@memberjunction/core-entities": "2.87.0",
+    "@memberjunction/templates-base-types": "2.87.0",
+    "@memberjunction/ng-container-directives": "2.87.0",
+    "@memberjunction/ng-core-entity-forms": "2.87.0",
+    "@memberjunction/ng-notifications": "2.87.0",
+    "@memberjunction/ng-shared": "2.87.0",
+    "@memberjunction/ng-ai-test-harness": "2.87.0",
+    "@memberjunction/ng-action-gallery": "2.87.0",
     "@progress/kendo-angular-buttons": "16.2.0",
     "@progress/kendo-angular-dropdowns": "16.2.0",
     "@progress/kendo-angular-treeview": "16.2.0",