@memberjunction/ng-explorer-core 2.121.0 → 2.122.1

package/dist/lib/resource-wrappers/chat-tasks-resource.component.js

@@ -0,0 +1,244 @@
+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, ViewEncapsulation, ViewChild } from '@angular/core';
+import { NavigationEnd } from '@angular/router';
+import { Metadata } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { EnvironmentEntityExtended } from '@memberjunction/core-entities';
+import { Subject, takeUntil, filter } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@memberjunction/ng-conversations";
+const _c0 = ["tasksView"];
+function ChatTasksResource_mj_tasks_full_view_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-tasks-full-view", 3, 0);
+    i0.ɵɵlistener("taskSelected", function ChatTasksResource_mj_tasks_full_view_1_Template_mj_tasks_full_view_taskSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTaskSelected($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("baseFilter", "1=1")("activeTaskId", ctx_r1.activeTaskId);
+} }
+export function LoadChatTasksResource() {
+    const test = new ChatTasksResource(null); // Force inclusion in production builds (tree shaking workaround)
+}
+/**
+ * Chat Tasks Resource - displays the tasks full view for tab-based display
+ * Extends BaseResourceComponent to work with the resource type system
+ * Shows all tasks associated with conversations and artifacts
+ * Supports URL deep-linking via taskId query parameter
+ */
+let ChatTasksResource = class ChatTasksResource extends BaseResourceComponent {
+    router;
+    tasksView;
+    currentUser = null;
+    activeTaskId;
+    skipUrlUpdate = true;
+    destroy$ = new Subject();
+    lastNavigatedUrl = ''; // Track URL to avoid reacting to our own navigation
+    constructor(router) {
+        super();
+        this.router = router;
+    }
+    ngOnInit() {
+        const md = new Metadata();
+        this.currentUser = md.CurrentUser;
+        // Parse URL first and apply state
+        const urlState = this.parseUrlState();
+        if (urlState?.taskId) {
+            this.activeTaskId = urlState.taskId;
+        }
+        else {
+            // Check for navigation params from config
+            this.applyNavigationParams();
+        }
+        // Subscribe to router NavigationEnd events for back/forward button support
+        this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd), takeUntil(this.destroy$))
+            .subscribe(event => {
+            const currentUrl = event.urlAfterRedirects || event.url;
+            if (currentUrl !== this.lastNavigatedUrl) {
+                this.onExternalNavigation(currentUrl);
+            }
+        });
+        // Enable URL updates after initialization
+        this.skipUrlUpdate = false;
+        // Update URL to reflect current state
+        this.updateUrl();
+        // Notify load complete after user is set
+        setTimeout(() => {
+            this.NotifyLoadComplete();
+        }, 100);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Parse URL query string for task state.
+     * Query params: taskId
+     */
+    parseUrlState() {
+        const url = this.router.url;
+        const queryIndex = url.indexOf('?');
+        if (queryIndex === -1)
+            return null;
+        const queryString = url.substring(queryIndex + 1);
+        const params = new URLSearchParams(queryString);
+        const taskId = params.get('taskId');
+        if (!taskId)
+            return null;
+        return { taskId };
+    }
+    /**
+     * Apply navigation parameters from configuration.
+     */
+    applyNavigationParams() {
+        const config = this.Data?.Configuration;
+        if (!config)
+            return;
+        if (config.taskId) {
+            this.activeTaskId = config.taskId;
+        }
+    }
+    /**
+     * Handle task selection from the tasks view.
+     */
+    onTaskSelected(taskId) {
+        this.activeTaskId = taskId || undefined;
+        if (!this.skipUrlUpdate) {
+            this.updateUrl();
+        }
+    }
+    /**
+     * Update URL query string to reflect current state.
+     * Uses Angular Router for proper browser history integration.
+     */
+    updateUrl() {
+        const params = new URLSearchParams();
+        if (this.activeTaskId) {
+            params.set('taskId', this.activeTaskId);
+        }
+        // Get current path without query string
+        const currentUrl = this.router.url;
+        const currentPath = currentUrl.split('?')[0];
+        const queryString = params.toString();
+        const newUrl = queryString ? `${currentPath}?${queryString}` : currentPath;
+        // Track this URL so we don't react to our own navigation
+        this.lastNavigatedUrl = newUrl;
+        // Use Angular Router for proper browser history integration
+        this.router.navigateByUrl(newUrl, { replaceUrl: false });
+    }
+    /**
+     * Handle external navigation (back/forward buttons).
+     * Parses the URL and applies the state without triggering a new navigation.
+     */
+    onExternalNavigation(url) {
+        // Check if this URL is for our component (contains our base path)
+        const currentPath = this.router.url.split('?')[0];
+        const newPath = url.split('?')[0];
+        // Only handle if we're still on the same base path (same component instance)
+        if (currentPath !== newPath) {
+            return; // Different route entirely, shell will handle it
+        }
+        // Parse the new URL state
+        const urlState = this.parseUrlFromString(url);
+        // Apply the state without triggering URL updates
+        this.skipUrlUpdate = true;
+        if (urlState?.taskId) {
+            this.activeTaskId = urlState.taskId;
+            // Notify the tasks view component if it exists
+            if (this.tasksView) {
+                this.tasksView.activeTaskId = urlState.taskId;
+            }
+        }
+        else {
+            // No params means clear state
+            this.activeTaskId = undefined;
+            if (this.tasksView) {
+                this.tasksView.activeTaskId = undefined;
+            }
+        }
+        this.skipUrlUpdate = false;
+        // Update the tracked URL
+        this.lastNavigatedUrl = url;
+    }
+    /**
+     * Parse URL state from a URL string (used for external navigation).
+     */
+    parseUrlFromString(url) {
+        const queryIndex = url.indexOf('?');
+        if (queryIndex === -1)
+            return null;
+        const queryString = url.substring(queryIndex + 1);
+        const params = new URLSearchParams(queryString);
+        const taskId = params.get('taskId');
+        if (!taskId)
+            return null;
+        return { taskId };
+    }
+    /**
+     * Get the environment ID from configuration or use default
+     */
+    get environmentId() {
+        return this.Data?.Configuration?.environmentId || EnvironmentEntityExtended.DefaultEnvironmentID;
+    }
+    /**
+     * Get the display name for chat tasks
+     */
+    async GetResourceDisplayName(data) {
+        return 'Tasks';
+    }
+    /**
+     * Get the icon class for chat tasks
+     */
+    async GetResourceIconClass(data) {
+        return 'fa-solid fa-tasks';
+    }
+    static ɵfac = function ChatTasksResource_Factory(t) { return new (t || ChatTasksResource)(i0.ɵɵdirectiveInject(i1.Router)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChatTasksResource, selectors: [["mj-chat-tasks-resource"]], viewQuery: function ChatTasksResource_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tasksView = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["tasksView", ""], [1, "chat-tasks-container"], ["style", "height: 100%;", 3, "environmentId", "currentUser", "baseFilter", "activeTaskId", "taskSelected", 4, "ngIf"], [2, "height", "100%", 3, "taskSelected", "environmentId", "currentUser", "baseFilter", "activeTaskId"]], template: function ChatTasksResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, ChatTasksResource_mj_tasks_full_view_1_Template, 2, 4, "mj-tasks-full-view", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.currentUser);
+        } }, dependencies: [i2.NgIf, i3.TasksFullViewComponent], styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chat-tasks-container {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n      overflow: hidden;\n    }\n  "], encapsulation: 2 });
+};
+ChatTasksResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'ChatTasksResource')
+], ChatTasksResource);
+export { ChatTasksResource };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChatTasksResource, [{
+        type: Component,
+        args: [{ selector: 'mj-chat-tasks-resource', template: `
+    <div class="chat-tasks-container">
+      <mj-tasks-full-view
+        #tasksView
+        *ngIf="currentUser"
+        [environmentId]="environmentId"
+        [currentUser]="currentUser"
+        [baseFilter]="'1=1'"
+        [activeTaskId]="activeTaskId"
+        (taskSelected)="onTaskSelected($any($event))"
+        style="height: 100%;">
+      </mj-tasks-full-view>
+    </div>
+  `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chat-tasks-container {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n      overflow: hidden;\n    }\n  "] }]
+    }], () => [{ type: i1.Router }], { tasksView: [{
+            type: ViewChild,
+            args: ['tasksView']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChatTasksResource, { className: "ChatTasksResource", filePath: "src/lib/resource-wrappers/chat-tasks-resource.component.ts", lineNumber: 57 }); })();
+//# sourceMappingURL=chat-tasks-resource.component.js.map

package/dist/lib/resource-wrappers/chat-tasks-resource.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-tasks-resource.component.js","sourceRoot":"","sources":["../../../src/lib/resource-wrappers/chat-tasks-resource.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/resource-wrappers/dashboard-resource.component.d.ts

@@ -1,11 +1,54 @@
-import { BaseResourceComponent } from '@memberjunction/ng-shared';
-import { ResourceData } from '@memberjunction/core-entities';
+import { ViewContainerRef, ElementRef } from '@angular/core';
+import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { ResourceData, DashboardUserStateEntity } from '@memberjunction/core-entities';
 import * as i0 from "@angular/core";
 export declare function LoadDashboardResource(): void;
+/**
+ * Dashboard Resource Wrapper - displays a single dashboard in a tab
+ * Extends BaseResourceComponent to work with the resource type system
+ * Dynamically routes between code-based and config-based dashboards based on dashboard type
+ */
 export declare class DashboardResource extends BaseResourceComponent {
+    private viewContainer;
+    private navigationService;
+    private componentRef;
+    private dataLoaded;
+    containerElement: ElementRef<HTMLDivElement>;
+    constructor(viewContainer: ViewContainerRef, navigationService: NavigationService);
+    set Data(value: ResourceData);
+    get Data(): ResourceData;
+    ngOnDestroy(): void;
+    /**
+     * Load the appropriate dashboard component based on dashboard type
+     * Routes between code-based dashboards (registered classes) and config-based dashboards
+     */
+    private loadDashboard;
+    /**
+     * Load the Data Explorer dashboard component with optional entity filter and context info
+     * @param entityFilter Optional filter to constrain which entities are shown
+     * @param contextName Optional name to display in the header (e.g., "CRM", "Association Demo")
+     * @param contextIcon Optional Font Awesome icon class for the header
+     */
+    private loadDataExplorer;
+    /**
+     * Load a code-based dashboard by looking up the registered class
+     */
+    private loadCodeBasedDashboard;
+    protected loadDashboardUserState(dashboardId: string): Promise<DashboardUserStateEntity>;
+    /**
+     * Load a config-based dashboard using the generic SingleDashboardComponent
+     */
+    private loadConfigBasedDashboard;
+    /**
+     * Get the display name for a dashboard resource
+     * Loads the actual dashboard name from the database if available
+     */
     GetResourceDisplayName(data: ResourceData): Promise<string>;
+    /**
+     * Get the icon class for dashboard resources
+     */
     GetResourceIconClass(data: ResourceData): Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardResource, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardResource, "mj-single-dashboard-resource", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardResource, "mj-dashboard-resource", never, {}, {}, never, never, false, never>;
 }
 //# sourceMappingURL=dashboard-resource.component.d.ts.map

package/dist/lib/resource-wrappers/dashboard-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-resource.component.d.ts","sourceRoot":"","sources":["../../../src/lib/resource-wrappers/dashboard-resource.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAG7D,wBAAgB,qBAAqB,SAEpC;AAED,qBAKa,iBAAkB,SAAQ,qBAAqB;IACzC,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAGpE,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCAJtD,iBAAiB;2CAAjB,iBAAiB;CAO7B"}
+{"version":3,"file":"dashboard-resource.component.d.ts","sourceRoot":"","sources":["../../../src/lib/resource-wrappers/dashboard-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,gBAAgB,EAA2B,UAAU,EAAE,MAAM,eAAe,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAkC,MAAM,2BAA2B,CAAC;AACrH,OAAO,EAAE,YAAY,EAAoC,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAMzH,wBAAgB,qBAAqB,SACpC;AAED;;;;GAIG;AACH,qBAsBa,iBAAkB,SAAQ,qBAAqB;IAMpD,OAAO,CAAC,aAAa;IACrB,OAAO,CAAC,iBAAiB;IAN7B,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,UAAU,CAAS;IACe,gBAAgB,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;gBAG5E,aAAa,EAAE,gBAAgB,EAC/B,iBAAiB,EAAE,iBAAiB;IAKhD,IAAa,IAAI,CAAC,KAAK,EAAE,YAAY,EAMpC;IAGD,IAAa,IAAI,IAAI,YAAY,CAEhC;IAED,WAAW,IAAI,IAAI;IAMnB;;;OAGG;YACW,aAAa;IAiD3B;;;;;OAKG;YACW,gBAAgB;IAwD9B;;OAEG;YACW,sBAAsB;cAyEpB,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,wBAAwB,CAAC;IAsB9F;;OAEG;YACW,wBAAwB;IA0CtC;;;OAGG;IACY,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAmB1E;;OAEG;IACG,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCA3TtD,iBAAiB;2CAAjB,iBAAiB;CA8T7B"}

package/dist/lib/resource-wrappers/dashboard-resource.component.js

@@ -4,40 +4,317 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { BaseResourceComponent } from '@memberjunction/ng-shared';
-import { RegisterClass } from '@memberjunction/global';
+import { Component, ViewChild } from '@angular/core';
+import { BaseResourceComponent, BaseDashboard } from '@memberjunction/ng-shared';
+import { ResourceData, DashboardEngine } from '@memberjunction/core-entities';
+import { RegisterClass, MJGlobal, SafeJSONParse } from '@memberjunction/global';
+import { Metadata, CompositeKey, RunView, LogError } from '@memberjunction/core';
+import { SingleDashboardComponent } from '../single-dashboard/single-dashboard.component';
+import { DataExplorerDashboardComponent } from '@memberjunction/ng-dashboards';
 import * as i0 from "@angular/core";
-import * as i1 from "../single-dashboard/single-dashboard.component";
+import * as i1 from "@memberjunction/ng-shared";
+const _c0 = ["container"];
 export function LoadDashboardResource() {
-    const test = new DashboardResource(); // this looks really dumb. Thing is, in production builds, tree shaking causes the class below to not be included in the bundle. This is a hack to force it to be included.
 }
+/**
+ * Dashboard Resource Wrapper - displays a single dashboard in a tab
+ * Extends BaseResourceComponent to work with the resource type system
+ * Dynamically routes between code-based and config-based dashboards based on dashboard type
+ */
 let DashboardResource = class DashboardResource extends BaseResourceComponent {
+    viewContainer;
+    navigationService;
+    componentRef = null;
+    dataLoaded = false;
+    containerElement;
+    constructor(viewContainer, navigationService) {
+        super();
+        this.viewContainer = viewContainer;
+        this.navigationService = navigationService;
+    }
+    set Data(value) {
+        super.Data = value;
+        if (!this.dataLoaded) {
+            this.dataLoaded = true;
+            this.loadDashboard();
+        }
+    }
+    // Need to override the getter too in TS otherwise the override to the setter alone above would break things
+    get Data() {
+        return super.Data;
+    }
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+        }
+    }
+    /**
+     * Load the appropriate dashboard component based on dashboard type
+     * Routes between code-based dashboards (registered classes) and config-based dashboards
+     */
+    async loadDashboard() {
+        const data = this.Data;
+        console.log('[DashboardResource] loadDashboard called with:', data);
+        if (!data?.ResourceRecordID) {
+            console.log('[DashboardResource] No ResourceRecordID, exiting');
+            this.NotifyLoadStarted();
+            this.NotifyLoadComplete();
+            return;
+        }
+        this.NotifyLoadStarted();
+        try {
+            // Check if this is a special dashboard type (not a database record)
+            const config = data.Configuration || {};
+            console.log('[DashboardResource] Config:', config, 'ResourceRecordID:', data.ResourceRecordID);
+            if (config['dashboardType'] === 'DataExplorer' || data.ResourceRecordID === 'DataExplorer') {
+                console.log('[DashboardResource] Loading DataExplorer with filter:', config['entityFilter']);
+                // Special case: Data Explorer dashboard with optional entity filter
+                await this.loadDataExplorer(config['entityFilter'], config['appName'], config['appIcon']);
+                return;
+            }
+            await DashboardEngine.Instance.Config(false); // make sure it is configured, if already configured does nothing
+            const dashboard = DashboardEngine.Instance.Dashboards.find(d => d.ID === data.ResourceRecordID);
+            if (!dashboard) {
+                throw new Error(`Dashboard with ID ${data.ResourceRecordID} not found.`);
+            }
+            // Determine which dashboard component to load based on dashboard type
+            if (dashboard.Type === 'Code') {
+                // CODE-BASED DASHBOARD: Use registered class via DriverClass
+                await this.loadCodeBasedDashboard(dashboard);
+            }
+            else {
+                // CONFIG-BASED DASHBOARD: Use the generic metadata-driven renderer
+                await this.loadConfigBasedDashboard(dashboard);
+            }
+        }
+        catch (error) {
+            console.error('Error loading dashboard:', error);
+            this.NotifyLoadComplete();
+        }
+    }
+    /**
+     * Load the Data Explorer dashboard component with optional entity filter and context info
+     * @param entityFilter Optional filter to constrain which entities are shown
+     * @param contextName Optional name to display in the header (e.g., "CRM", "Association Demo")
+     * @param contextIcon Optional Font Awesome icon class for the header
+     */
+    async loadDataExplorer(entityFilter, contextName, contextIcon) {
+        try {
+            // Create the Data Explorer component directly (it's already registered)
+            this.containerElement.nativeElement.innerHTML = '';
+            const componentRef = this.viewContainer.createComponent(DataExplorerDashboardComponent);
+            this.componentRef = componentRef;
+            const instance = componentRef.instance;
+            // Set the entity filter - ngOnInit will use this when it runs
+            if (entityFilter) {
+                instance.entityFilter = entityFilter;
+            }
+            // Set context name and icon for customized header display
+            if (contextName) {
+                instance.contextName = contextName;
+            }
+            if (contextIcon) {
+                instance.contextIcon = contextIcon;
+            }
+            // Manually append the component's native element inside the div
+            const nativeElement = componentRef.hostView.rootNodes[0];
+            nativeElement.style.width = '100%';
+            nativeElement.style.height = '100%';
+            this.containerElement.nativeElement.appendChild(nativeElement);
+            // Handle open entity record events
+            instance.OpenEntityRecord.subscribe((eventData) => {
+                if (eventData && eventData.EntityName && eventData.RecordPKey) {
+                    this.navigationService.OpenEntityRecord(eventData.EntityName, eventData.RecordPKey);
+                }
+            });
+            // Initialize dashboard (no database config needed for DataExplorer)
+            const config = {
+                dashboard: null, // No database record
+                userState: {}
+            };
+            instance.Config = config;
+            instance.Refresh();
+            // Trigger change detection to ensure the component updates
+            componentRef.changeDetectorRef.detectChanges();
+            this.NotifyLoadComplete();
+        }
+        catch (error) {
+            console.error('Error loading Data Explorer:', error);
+            this.NotifyLoadComplete();
+        }
+    }
+    /**
+     * Load a code-based dashboard by looking up the registered class
+     */
+    async loadCodeBasedDashboard(dashboard) {
+        try {
+            if (!dashboard.DriverClass) {
+                throw new Error(`Dashboard '${dashboard.Name}' is marked as Code type but has no DriverClass specified`);
+            }
+            // Look up the registered class using the DriverClass name
+            const classReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseDashboard, dashboard.DriverClass);
+            if (!classReg?.SubClass) {
+                throw new Error(`Dashboard class '${dashboard.DriverClass}' is not registered. Please check the class registration.`);
+            }
+            // Create the component instance
+            this.containerElement.nativeElement.innerHTML = '';
+            this.componentRef = this.viewContainer.createComponent(classReg.SubClass);
+            const instance = this.componentRef.instance;
+            // Manually append the component's native element inside the div
+            const nativeElement = this.componentRef.hostView.rootNodes[0];
+            nativeElement.style.width = '100%';
+            nativeElement.style.height = '100%';
+            this.containerElement.nativeElement.appendChild(nativeElement);
+            // Initialize with dashboard data
+            const baseData = this.Data;
+            const userStateEntity = await this.loadDashboardUserState(dashboard.ID);
+            const config = {
+                dashboard,
+                userState: userStateEntity.UserState ? SafeJSONParse(userStateEntity.UserState) : {}
+            };
+            // handle open entity record events in MJ Explorer with routing
+            instance.OpenEntityRecord.subscribe((data) => {
+                console.log('DashboardResource OpenEntityRecord event received:', data);
+                // check to see if the data has entityname/pkey
+                if (data && data.EntityName && data.RecordPKey) {
+                    console.log('DashboardResource calling NavigationService.OpenEntityRecord:', data.EntityName, data.RecordPKey);
+                    // Use NavigationService to open entity record in new tab
+                    this.navigationService.OpenEntityRecord(data.EntityName, data.RecordPKey);
+                }
+                else {
+                    console.log('DashboardResource - invalid data, missing EntityName or RecordPKey:', data);
+                }
+            });
+            instance.UserStateChanged.subscribe(async (userState) => {
+                if (!userState) {
+                    // if the user state is null, we need to remove it from the user state
+                    userState = {};
+                }
+                // save the user state to the dashboard user state entity
+                userStateEntity.UserState = JSON.stringify(userState);
+                if (!await userStateEntity.Save()) {
+                    LogError('Error saving user state', null, userStateEntity.LatestResult.Error);
+                }
+            });
+            instance.Config = config;
+            instance.Refresh();
+            this.NotifyLoadComplete();
+        }
+        catch (error) {
+            console.error('Error loading code-based dashboard:', error);
+            this.NotifyLoadComplete();
+        }
+    }
+    async loadDashboardUserState(dashboardId) {
+        // handle user state changes for the dashboard
+        const rv = new RunView();
+        const md = new Metadata();
+        const stateResult = await rv.RunView({
+            EntityName: 'MJ: Dashboard User States',
+            ExtraFilter: `DashboardID='${dashboardId}' AND UserID='${md.CurrentUser.ID}'`,
+            ResultType: 'entity_object',
+        });
+        let stateObject;
+        if (stateResult && stateResult.Success && stateResult.Results.length > 0) {
+            stateObject = stateResult.Results[0];
+        }
+        else {
+            stateObject = await md.GetEntityObject('MJ: Dashboard User States');
+            stateObject.DashboardID = dashboardId;
+            stateObject.UserID = md.CurrentUser.ID;
+            // don't save becuase we don't care about the state until something changes
+        }
+        return stateObject;
+    }
+    /**
+     * Load a config-based dashboard using the generic SingleDashboardComponent
+     */
+    async loadConfigBasedDashboard(dashboard) {
+        try {
+            this.containerElement.nativeElement.innerHTML = '';
+            this.componentRef = this.viewContainer.createComponent(SingleDashboardComponent);
+            const instance = this.componentRef.instance;
+            // Manually append the component's native element inside the div
+            const nativeElement = this.componentRef.hostView.rootNodes[0];
+            nativeElement.style.width = '100%';
+            nativeElement.style.height = '100%';
+            this.containerElement.nativeElement.appendChild(nativeElement);
+            // Initialize with dashboard data
+            const baseData = this.Data;
+            const resourceData = new ResourceData({
+                ResourceRecordID: baseData.ResourceRecordID,
+                Configuration: baseData.Configuration || {}
+            });
+            instance.ResourceData = resourceData;
+            // Wire up events if they exist
+            if (instance.loadComplete) {
+                instance.loadComplete.subscribe(() => {
+                    this.NotifyLoadComplete();
+                });
+            }
+            else {
+                // Fallback if event emitter not available
+                setTimeout(() => this.NotifyLoadComplete(), 100);
+            }
+            if (instance.dashboardSaved) {
+                instance.dashboardSaved.subscribe((entity) => {
+                    this.ResourceRecordSaved(entity);
+                });
+            }
+        }
+        catch (error) {
+            console.error('Error loading config-based dashboard:', error);
+            this.NotifyLoadComplete();
+        }
+    }
+    /**
+     * Get the display name for a dashboard resource
+     * Loads the actual dashboard name from the database if available
+     */
     async GetResourceDisplayName(data) {
-        return data.Name ? data.Name : 'Dashboard ID: ' + data.ResourceRecordID;
+        try {
+            // Try to load dashboard metadata if we have the record ID
+            if (data.ResourceRecordID && data.ResourceRecordID.length > 0) {
+                const md = new Metadata();
+                const compositeKey = new CompositeKey([{ FieldName: 'ID', Value: data.ResourceRecordID }]);
+                const name = await md.GetEntityRecordName('Dashboards', compositeKey);
+                if (name) {
+                    return name;
+                }
+            }
+        }
+        catch (error) {
+            // Silently fail and use fallback
+        }
+        // Fallback: use provided name or generic label
+        return data.Name || 'Dashboard';
     }
+    /**
+     * Get the icon class for dashboard resources
+     */
     async GetResourceIconClass(data) {
-        return '';
+        return 'fa-solid fa-table-columns';
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵDashboardResource_BaseFactory; return function DashboardResource_Factory(t) { return (ɵDashboardResource_BaseFactory || (ɵDashboardResource_BaseFactory = i0.ɵɵgetInheritedFactory(DashboardResource)))(t || DashboardResource); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["mj-single-dashboard-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "dashboardSaved", "loadComplete", "loadStarted", "ResourceData"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "mj-single-dashboard", 0);
-            i0.ɵɵlistener("dashboardSaved", function DashboardResource_Template_mj_single_dashboard_dashboardSaved_0_listener($event) { return ctx.ResourceRecordSaved($event); })("loadComplete", function DashboardResource_Template_mj_single_dashboard_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function DashboardResource_Template_mj_single_dashboard_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
-            i0.ɵɵelementEnd();
+    static ɵfac = function DashboardResource_Factory(t) { return new (t || DashboardResource)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["mj-dashboard-resource"]], viewQuery: function DashboardResource_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
         } if (rf & 2) {
-            i0.ɵɵproperty("ResourceData", ctx.Data);
-        } }, dependencies: [i1.SingleDashboardComponent], encapsulation: 2 });
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerElement = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 0, consts: [["container", ""], [1, "dashboard-resource-container"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "div", 1, 0);
+        } }, styles: ["[_nghost-%COMP%] {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-container[_ngcontent-%COMP%] {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: auto;\n        }"] });
 };
 DashboardResource = __decorate([
-    RegisterClass(BaseResourceComponent, 'Dashboards')
+    RegisterClass(BaseResourceComponent, 'DashboardResource')
 ], DashboardResource);
 export { DashboardResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardResource, [{
         type: Component,
-        args: [{
-                selector: 'mj-single-dashboard-resource',
-                template: `<mj-single-dashboard [ResourceData]="Data" (dashboardSaved)="ResourceRecordSaved($event)" (loadComplete)="NotifyLoadComplete()" (loadStarted)="NotifyLoadStarted()" ></mj-single-dashboard>`
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardResource, { className: "DashboardResource", filePath: "src/lib/resource-wrappers/dashboard-resource.component.ts", lineNumber: 15 }); })();
+        args: [{ selector: 'mj-dashboard-resource', template: `<div #container class="dashboard-resource-container"></div>`, styles: ["\n        :host {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-container {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow: auto;\n        }\n    "] }]
+    }], () => [{ type: i0.ViewContainerRef }, { type: i1.NavigationService }], { containerElement: [{
+            type: ViewChild,
+            args: ['container', { static: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardResource, { className: "DashboardResource", filePath: "src/lib/resource-wrappers/dashboard-resource.component.ts", lineNumber: 39 }); })();
 //# sourceMappingURL=dashboard-resource.component.js.map