@memberjunction/ng-explorer-core 2.132.0 → 3.0.0

package/dist/lib/chat-wrapper/chat-wrapper.component.js

@@ -0,0 +1,257 @@
+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 { Metadata, CompositeKey } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { EnvironmentEntityExtended } from '@memberjunction/core-entities';
+import { BaseNavigationComponent, SharedService } from '@memberjunction/ng-shared';
+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";
+function ChatWrapperComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "mj-conversation-workspace", 2);
+    i0.ɵɵlistener("navigationChanged", function ChatWrapperComponent_div_0_Template_mj_conversation_workspace_navigationChanged_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigationChanged($event)); })("newConversationStarted", function ChatWrapperComponent_div_0_Template_mj_conversation_workspace_newConversationStarted_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNewConversationStarted()); })("actionableCommandExecuted", function ChatWrapperComponent_div_0_Template_mj_conversation_workspace_actionableCommandExecuted_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onActionableCommand($event)); })("automaticCommandExecuted", function ChatWrapperComponent_div_0_Template_mj_conversation_workspace_automaticCommandExecuted_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAutomaticCommand($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("initialConversationId", ctx_r1.conversationId)("currentUser", ctx_r1.currentUser)("layout", "full")("activeContext", ctx_r1.activeContext)("contextItemId", ctx_r1.contextItemId)("activeTabInput", ctx_r1.activeTab)("activeConversationInput", ctx_r1.activeConversationId)("activeCollectionInput", ctx_r1.activeCollectionId)("activeVersionIdInput", ctx_r1.activeVersionId)("activeTaskInput", ctx_r1.activeTaskId);
+} }
+/**
+ * Wrapper component for the conversations interface within MJ Explorer
+ * Integrates the generic @memberjunction/ng-conversations package with Explorer routing
+ * Handles route params for conversation, library, and task context
+ */
+let ChatWrapperComponent = class ChatWrapperComponent {
+    route;
+    router;
+    environmentId = '';
+    conversationId;
+    activeContext;
+    contextItemId;
+    currentUser = null;
+    // Navigation state from route params
+    activeTab;
+    activeConversationId;
+    activeCollectionId;
+    activeVersionId;
+    activeTaskId;
+    constructor(route, router) {
+        this.route = route;
+        this.router = router;
+    }
+    ngOnInit() {
+        const md = new Metadata();
+        this.currentUser = md.CurrentUser;
+        this.environmentId = EnvironmentEntityExtended.DefaultEnvironmentID;
+        // Subscribe to route params for conversation and context navigation
+        this.route.params.subscribe(params => {
+            if (params['conversationId']) {
+                this.conversationId = params['conversationId'];
+            }
+            // Handle context (library or task) and contextItemId
+            if (params['context']) {
+                const context = params['context'];
+                if (context === 'library' || context === 'task') {
+                    this.activeContext = context;
+                }
+            }
+            else {
+                this.activeContext = undefined;
+            }
+            if (params['itemId']) {
+                this.contextItemId = params['itemId'];
+            }
+            else {
+                this.contextItemId = undefined;
+            }
+        });
+        // Subscribe to query params for navigation state (tab, activeTaskId, etc.)
+        this.route.queryParams.subscribe(queryParams => {
+            // Parse navigation properties from query params
+            if (queryParams['tab']) {
+                const tab = queryParams['tab'];
+                if (tab === 'conversations' || tab === 'collections' || tab === 'tasks') {
+                    this.activeTab = tab;
+                }
+            }
+            // Parse entity-specific IDs based on active tab
+            this.activeConversationId = queryParams['activeConversationId'];
+            this.activeCollectionId = queryParams['activeCollectionId'];
+            this.activeVersionId = queryParams['activeVersionId'];
+            this.activeTaskId = queryParams['activeTaskId'];
+        });
+    }
+    /**
+     * Handle new conversation started event
+     * Clears conversation-specific URL parameters when user clicks "New Conversation"
+     */
+    onNewConversationStarted() {
+        console.log('🆕 New conversation started - clearing URL params');
+        // Clear local state
+        this.activeConversationId = undefined;
+        // Update URL to remove conversation ID, keeping only tab parameter
+        this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: {
+                tab: 'conversations'
+            },
+            replaceUrl: false // Add to browser history
+        });
+    }
+    /**
+     * Handle navigation changes from conversation workspace
+     * Update route params to reflect navigation state for browser history/deep linking
+     */
+    onNavigationChanged(event) {
+        // Update local state
+        this.activeTab = event.tab;
+        this.activeConversationId = event.conversationId;
+        this.activeCollectionId = event.collectionId;
+        this.activeVersionId = event.versionId;
+        this.activeTaskId = event.taskId;
+        // Build query params based on active tab
+        // IMPORTANT: Only include params relevant to the current tab
+        // This prevents parameter accumulation across different contexts
+        const queryParams = {
+            tab: event.tab
+        };
+        if (event.tab === 'conversations' && event.conversationId) {
+            queryParams.activeConversationId = event.conversationId;
+        }
+        else if (event.tab === 'collections') {
+            // Only add collection/version IDs if they exist
+            if (event.collectionId) {
+                queryParams.activeCollectionId = event.collectionId;
+            }
+            if (event.versionId) {
+                queryParams.activeVersionId = event.versionId;
+            }
+        }
+        else if (event.tab === 'tasks' && event.taskId) {
+            queryParams.activeTaskId = event.taskId;
+        }
+        // Update URL without reloading the page
+        // NOTE: We don't use 'merge' here because we want to REPLACE query params entirely
+        // This ensures switching tabs clears irrelevant parameters from previous contexts
+        this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: queryParams,
+            replaceUrl: false // Add to browser history for back/forward navigation
+        });
+    }
+    /**
+     * Handle actionable commands from agents and UI interactions
+     * Routes commands to appropriate Explorer services (SharedService for entity records, etc.)
+     */
+    onActionableCommand(command) {
+        console.log('🎯 Explorer handling actionable command:', command);
+        if (command.type === 'open:resource') {
+            // Handle opening MJ resources using SharedService
+            const { resourceType, resourceId, entityName, mode } = command;
+            if (resourceType === 'Record') {
+                // Open entity record using SharedService
+                if (!entityName) {
+                    console.error('entityName is required for Record type commands');
+                    return;
+                }
+                const compositeKey = new CompositeKey([{ FieldName: 'ID', Value: resourceId }]);
+                SharedService.Instance.OpenEntityRecord(entityName, compositeKey);
+            }
+            else {
+                // For other resource types (Dashboard, Report, Form, View), navigate using Router
+                const routeMap = {
+                    'Dashboard': '/dashboard',
+                    'Report': '/report',
+                    'Form': '/form',
+                    'View': '/view'
+                };
+                const basePath = routeMap[resourceType];
+                if (basePath) {
+                    const queryParams = command.parameters || {};
+                    if (mode) {
+                        queryParams['mode'] = mode;
+                    }
+                    this.router.navigate([`${basePath}/${resourceId}`], { queryParams });
+                }
+                else {
+                    console.warn('Unknown resource type:', resourceType);
+                }
+            }
+        }
+        else if (command.type === 'open:url') {
+            // Handle opening external URLs
+            const { url, newTab } = command;
+            if (newTab !== false) {
+                // Open in new tab (default behavior)
+                window.open(url, '_blank', 'noopener,noreferrer');
+            }
+            else {
+                // Navigate in current window
+                window.location.href = url;
+            }
+        }
+    }
+    /**
+     * Handle automatic commands from agents
+     * Shows notifications using SharedService notification system
+     */
+    onAutomaticCommand(command) {
+        console.log('🎯 Explorer handling automatic command:', command);
+        if (command.type === 'notification') {
+            // Show notification using SharedService
+            const { message, severity, duration } = command;
+            // Map severity to SharedService notification types
+            const typeMap = {
+                'success': 'success',
+                'info': 'info',
+                'warning': 'warning',
+                'error': 'error'
+            };
+            const notificationType = typeMap[severity || 'info'] || 'info';
+            SharedService.Instance.CreateSimpleNotification(message, notificationType, duration || 3000);
+        }
+    }
+    static ɵfac = function ChatWrapperComponent_Factory(t) { return new (t || ChatWrapperComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i1.Router)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChatWrapperComponent, selectors: [["mj-chat-wrapper"]], decls: 1, vars: 1, consts: [["class", "chat-wrapper", 4, "ngIf"], [1, "chat-wrapper"], [3, "navigationChanged", "newConversationStarted", "actionableCommandExecuted", "automaticCommandExecuted", "environmentId", "initialConversationId", "currentUser", "layout", "activeContext", "contextItemId", "activeTabInput", "activeConversationInput", "activeCollectionInput", "activeVersionIdInput", "activeTaskInput"]], template: function ChatWrapperComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ChatWrapperComponent_div_0_Template, 2, 11, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.currentUser);
+        } }, dependencies: [i2.NgIf, i3.ConversationWorkspaceComponent], styles: [".chat-wrapper[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }"] });
+};
+ChatWrapperComponent = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Chat')
+], ChatWrapperComponent);
+export { ChatWrapperComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChatWrapperComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-chat-wrapper', template: `
+    <div class="chat-wrapper" *ngIf="currentUser">
+      <mj-conversation-workspace
+        [environmentId]="environmentId"
+        [initialConversationId]="conversationId"
+        [currentUser]="currentUser"
+        [layout]="'full'"
+        [activeContext]="activeContext"
+        [contextItemId]="contextItemId"
+        [activeTabInput]="activeTab"
+        [activeConversationInput]="activeConversationId"
+        [activeCollectionInput]="activeCollectionId"
+        [activeVersionIdInput]="activeVersionId"
+        [activeTaskInput]="activeTaskId"
+        (navigationChanged)="onNavigationChanged($event)"
+        (newConversationStarted)="onNewConversationStarted()"
+        (actionableCommandExecuted)="onActionableCommand($event)"
+        (automaticCommandExecuted)="onAutomaticCommand($event)">
+      </mj-conversation-workspace>
+    </div>
+  `, styles: ["\n    .chat-wrapper {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  "] }]
+    }], () => [{ type: i1.ActivatedRoute }, { type: i1.Router }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChatWrapperComponent, { className: "ChatWrapperComponent" }); })();
+//# sourceMappingURL=chat-wrapper.component.js.map

package/dist/lib/chat-wrapper/chat-wrapper.component.js.map

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

package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts

@@ -0,0 +1,32 @@
+import { ActivatedRoute, Router } from '@angular/router';
+import { SharedService } from '@memberjunction/ng-shared';
+import { Item, NewItemOption } from '../../generic/Item.types';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import { DashboardEntityExtended } from '@memberjunction/core-entities';
+import { BeforeUpdateItemEvent } from '../../generic/Events.types';
+import { ResourceBrowserComponent } from '../resource-browser/resource-browser.component';
+import * as i0 from "@angular/core";
+export declare class DashboardBrowserComponent extends BaseBrowserComponent {
+    private router;
+    private route;
+    private sharedService;
+    resourceBrowser: ResourceBrowserComponent | null;
+    upsertDashboardDialogVisible: boolean;
+    upsertDashboardName: string;
+    upsertDashboardDescription: string;
+    selectedDashboard: DashboardEntityExtended | null;
+    NewItemOptions: NewItemOption[];
+    constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    onItemClick(item: Item): void;
+    navigateToParentFolder(): Promise<void>;
+    onBeforeUpdateItemEvent(event: BeforeUpdateItemEvent): void;
+    toggleUpsertDashboardDialog(visible: boolean): void;
+    createDashboard(): Promise<void>;
+    updateDashboard(): Promise<void>;
+    onUpsertDashboardNameKeyup(value: string): void;
+    onUpsertDashboardDescriptionKeyup(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardBrowserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardBrowserComponent, "app-dashboard-browser", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=dashboard-browser.component.d.ts.map

package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAA2B,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,IAAI,EAAY,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAA+B,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;;AAE1F,qBAMa,yBAA0B,SAAQ,oBAAoB;IA2BrD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAzBjD,eAAe,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IAExF,4BAA4B,EAAE,OAAO,CAAS;IAC9C,mBAAmB,EAAE,MAAM,CAAM;IACjC,0BAA0B,EAAE,MAAM,CAAM;IACxC,iBAAiB,EAAE,uBAAuB,GAAG,IAAI,CAAQ;IAEzD,cAAc,EAAE,aAAa,EAAE,CAgBjC;gBAEe,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAajG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQxB,WAAW,CAAC,IAAI,EAAE,IAAI;IAYhB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC;IAsB7C,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAS3D,2BAA2B,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAc7C,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAiChC,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAyBtC,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI/C,iCAAiC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAvKlD,yBAAyB;2CAAzB,yBAAyB;CA0KrC"}

package/dist/lib/dashboard-browser-component/dashboard-browser.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, ViewChild } from '@angular/core';
+import { BaseNavigationComponent } from '@memberjunction/ng-shared';
+import { ItemType } from '../../generic/Item.types';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import { RegisterClass } from '@memberjunction/global';
+import { LogError, Metadata, RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@progress/kendo-angular-buttons";
+import * as i6 from "@progress/kendo-angular-inputs";
+import * as i7 from "@progress/kendo-angular-label";
+import * as i8 from "../resource-browser/resource-browser.component";
+const _c0 = ["resourceBrowserDashboard"];
+function DashboardBrowserComponent_kendo_dialog_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 6);
+    i0.ɵɵlistener("close", function DashboardBrowserComponent_kendo_dialog_3_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleUpsertDashboardDialog(false)); });
+    i0.ɵɵelementStart(1, "kendo-formfield", 7);
+    i0.ɵɵelement(2, "kendo-label", 8);
+    i0.ɵɵelementStart(3, "kendo-textbox", 9, 1);
+    i0.ɵɵlistener("valueChange", function DashboardBrowserComponent_kendo_dialog_3_Template_kendo_textbox_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUpsertDashboardNameKeyup($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "kendo-formfield", 10);
+    i0.ɵɵelement(6, "kendo-label", 11);
+    i0.ɵɵelementStart(7, "kendo-textbox", 12, 2);
+    i0.ɵɵlistener("valueChange", function DashboardBrowserComponent_kendo_dialog_3_Template_kendo_textbox_valueChange_7_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onUpsertDashboardDescriptionKeyup($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "kendo-dialog-actions")(10, "button", 13);
+    i0.ɵɵlistener("click", function DashboardBrowserComponent_kendo_dialog_3_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedDashboard ? ctx_r2.updateDashboard() : ctx_r2.createDashboard()); });
+    i0.ɵɵelementStart(11, "span", 14);
+    i0.ɵɵelement(12, "i", 15);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "button", 16);
+    i0.ɵɵlistener("click", function DashboardBrowserComponent_kendo_dialog_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleUpsertDashboardDialog(false)); });
+    i0.ɵɵelementStart(15, "span", 14);
+    i0.ɵɵelement(16, "i", 17);
+    i0.ɵɵtext(17, " Cancel ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const dashboardNameInput_r4 = i0.ɵɵreference(4);
+    const dashboardDescInput_r5 = i0.ɵɵreference(8);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r2.selectedDashboard ? "Update Dashboard" : "Create New Dashboard")("minWidth", 400)("width", 500);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("for", dashboardNameInput_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r2.upsertDashboardName)("clearButton", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("for", dashboardDescInput_r5);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r2.upsertDashboardDescription)("clearButton", true);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.selectedDashboard ? "Update" : "Create", " ");
+} }
+let DashboardBrowserComponent = class DashboardBrowserComponent extends BaseBrowserComponent {
+    router;
+    route;
+    sharedService;
+    resourceBrowser = null;
+    upsertDashboardDialogVisible = false;
+    upsertDashboardName = "";
+    upsertDashboardDescription = "";
+    selectedDashboard = null;
+    NewItemOptions = [
+        {
+            Text: 'New Dashboard',
+            Description: 'Create a new Dashboard',
+            Icon: 'dashboard',
+            Action: () => {
+                // Initialize a new dashboard entity for creation
+                const md = new Metadata();
+                this.selectedDashboard = null; // Reset any existing selection
+                this.toggleUpsertDashboardDialog(true);
+                // Set focus on the name input field when dialog opens
+                setTimeout(() => {
+                    const inputElement = document.querySelector('.dashboard-name-input input');
+                    if (inputElement)
+                        inputElement.focus();
+                }, 100);
+            }
+        }
+    ];
+    constructor(router, route, sharedService) {
+        super();
+        this.router = router;
+        this.route = route;
+        this.sharedService = sharedService;
+        this.pageName = "Dashboards";
+        this.routeName = "dashboards";
+        this.routeNameSingular = "dashboard";
+        this.itemEntityName = "Dashboards";
+        this.categoryEntityName = "Dashboard Categories";
+        const params = this.router.getCurrentNavigation()?.extractedUrl.queryParams;
+        super.InitPathAndQueryData(params, this.route);
+    }
+    async ngOnInit() {
+        super.InitForResource(this.route);
+    }
+    //this and the onBeforeUpdateItemEvent function could exist in the 
+    //BaseBrowserComponent class, but the class would need
+    //a reference or dependency on the router
+    //which i dont think is needed
+    onItemClick(item) {
+        let dataID = "";
+        console.log(item);
+        if (item.Type === ItemType.Resource) {
+            let dashboard = item.Data;
+            dataID = dashboard.FirstPrimaryKey.Value;
+        }
+        super.Navigate(item, this.router, dataID);
+    }
+    async navigateToParentFolder() {
+        if (this.selectedFolderID) {
+            const rv = new RunView();
+            const parentResult = await rv.RunView({
+                EntityName: "Dashboard Categories",
+                ExtraFilter: `ID='${this.selectedFolderID}'`,
+            });
+            if (parentResult && parentResult.Success && parentResult.Results.length > 0) {
+                const parentCategory = parentResult.Results[0];
+                if (!parentCategory.ParentID) {
+                    return;
+                }
+                this.selectedFolderID = parentCategory.ParentID;
+                const route = [this.routeName, this.selectedFolderID];
+                this.router.navigate(route, { queryParams: { viewMode: this.viewMode } });
+            }
+        }
+    }
+    onBeforeUpdateItemEvent(event) {
+        event.Cancel = true;
+        let item = event.Item;
+        let dashboard = item.Data;
+        this.selectedDashboard = dashboard;
+        this.toggleUpsertDashboardDialog(true);
+    }
+    toggleUpsertDashboardDialog(visible) {
+        this.upsertDashboardDialogVisible = visible;
+        if (visible) {
+            if (this.selectedDashboard) {
+                this.upsertDashboardName = this.selectedDashboard.Name;
+                this.upsertDashboardDescription = this.selectedDashboard.Description || "";
+            }
+            else {
+                this.upsertDashboardName = "";
+                this.upsertDashboardDescription = "";
+            }
+        }
+    }
+    async createDashboard() {
+        // Validate input
+        if (!this.upsertDashboardName || this.upsertDashboardName.trim() === '') {
+            this.sharedService.CreateSimpleNotification('Dashboard name is required', 'warning', 2500);
+            return;
+        }
+        const md = new Metadata();
+        const dashboard = await md.GetEntityObject("Dashboards");
+        dashboard.NewRecord();
+        dashboard.Name = this.upsertDashboardName;
+        dashboard.Description = this.upsertDashboardDescription;
+        dashboard.CategoryID = this.selectedFolderID;
+        const saveResult = await dashboard.Save();
+        if (!saveResult) {
+            this.sharedService.CreateSimpleNotification(`Failed to create dashboard ${dashboard.Name}`, "error", 2500);
+            LogError(`Failed to create dashboard ${dashboard.Name}`, undefined, dashboard.LatestResult);
+            this.toggleUpsertDashboardDialog(false);
+            return;
+        }
+        // Close the dialog
+        this.toggleUpsertDashboardDialog(false);
+        // Show success notification
+        this.sharedService.CreateSimpleNotification(`Dashboard "${dashboard.Name}" created successfully`, "success", 2000);
+        // Navigate to the new dashboard
+        this.router.navigate(['resource', this.routeNameSingular, dashboard.ID]);
+    }
+    async updateDashboard() {
+        if (!this.selectedDashboard) {
+            this.toggleUpsertDashboardDialog(false);
+            return;
+        }
+        this.selectedDashboard.Name = this.upsertDashboardName;
+        this.selectedDashboard.Description = this.upsertDashboardDescription;
+        const saveResult = await this.selectedDashboard.Save();
+        if (saveResult) {
+            this.sharedService.CreateSimpleNotification(`Successfully updated dashboard ${this.selectedDashboard.Name}`, "info", 2500);
+        }
+        else {
+            this.sharedService.CreateSimpleNotification(`Failed to update dashboard ${this.selectedDashboard.Name}`, "error", 2500);
+            LogError(`Failed to update dashboard ${this.selectedDashboard.Name}`, undefined, this.selectedDashboard.LatestResult);
+        }
+        this.toggleUpsertDashboardDialog(false);
+        if (this.resourceBrowser) {
+            await this.resourceBrowser.Refresh();
+        }
+    }
+    onUpsertDashboardNameKeyup(value) {
+        this.upsertDashboardName = value;
+    }
+    onUpsertDashboardDescriptionKeyup(value) {
+        this.upsertDashboardDescription = value;
+    }
+    static ɵfac = function DashboardBrowserComponent_Factory(t) { return new (t || DashboardBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], viewQuery: function DashboardBrowserComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourceBrowser = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 4, consts: [["resourceBrowserDashboard", ""], ["dashboardNameInput", ""], ["dashboardDescInput", ""], [1, "mj-page-container"], ["ResourceTypeName", "Dashboards", "Title", "Dashboards", "DisplayMode", "Tile", 3, "ResourceSelected", "NavigateToParentEvent", "EditItemEvent", "EnableCategories", "CurrentCategoryID", "NewItemOptions"], [3, "title", "minWidth", "width", "close", 4, "ngIf"], [3, "close", "title", "minWidth", "width"], ["orientation", "vertical", 1, "mb-3"], ["text", "Name", 3, "for"], ["placeholder", "Enter dashboard name", "rounded", "medium", 3, "valueChange", "value", "clearButton"], ["orientation", "vertical"], ["text", "Description", 3, "for"], ["placeholder", "Enter description", "rounded", "medium", 3, "valueChange", "value", "clearButton"], ["kendoButton", "", "themeColor", "primary", "rounded", "medium", 3, "click"], [1, "button-content"], [1, "fas", "fa-check"], ["kendoButton", "", "fillMode", "outline", "rounded", "medium", 3, "click"], [1, "fas", "fa-times"]], template: function DashboardBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 3)(1, "mj-resource-browser", 4, 0);
+            i0.ɵɵlistener("ResourceSelected", function DashboardBrowserComponent_Template_mj_resource_browser_ResourceSelected_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onItemClick($event)); })("NavigateToParentEvent", function DashboardBrowserComponent_Template_mj_resource_browser_NavigateToParentEvent_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.navigateToParentFolder()); })("EditItemEvent", function DashboardBrowserComponent_Template_mj_resource_browser_EditItemEvent_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBeforeUpdateItemEvent($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, DashboardBrowserComponent_kendo_dialog_3_Template, 18, 10, "kendo-dialog", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("EnableCategories", true)("CurrentCategoryID", ctx.selectedFolderID)("NewItemOptions", ctx.NewItemOptions);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.upsertDashboardDialogVisible);
+        } }, dependencies: [i3.NgIf, i4.DialogComponent, i4.DialogActionsComponent, i5.ButtonComponent, i6.TextBoxComponent, i6.FormFieldComponent, i7.LabelComponent, i8.ResourceBrowserComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n}\n\n\n\n.mb-3[_ngcontent-%COMP%] {\n    margin-bottom: 1rem;\n}\n\n\n\n.button-content[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}"] });
+};
+DashboardBrowserComponent = __decorate([
+    RegisterClass(BaseNavigationComponent, 'Dashboards')
+], DashboardBrowserComponent);
+export { DashboardBrowserComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardBrowserComponent, [{
+        type: Component,
+        args: [{ selector: 'app-dashboard-browser', template: "<!-- dashboard-browser.component.html -->\n<div class=\"mj-page-container\">\n    <mj-resource-browser\n        #resourceBrowserDashboard\n        ResourceTypeName=\"Dashboards\"\n        [EnableCategories]=\"true\"\n        [CurrentCategoryID]=\"selectedFolderID\"\n        Title=\"Dashboards\"\n        DisplayMode=\"Tile\"\n        [NewItemOptions]=\"NewItemOptions\"\n        (ResourceSelected)=\"onItemClick($event)\"\n        (NavigateToParentEvent)=\"navigateToParentFolder()\"\n        (EditItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n    />\n\n    <!-- Dashboard Creation/Edit Dialog -->\n    <kendo-dialog \n        [title]=\"selectedDashboard ? 'Update Dashboard' : 'Create New Dashboard'\" \n        *ngIf=\"upsertDashboardDialogVisible\" \n        (close)=\"toggleUpsertDashboardDialog(false)\"\n        [minWidth]=\"400\"\n        [width]=\"500\"\n    >\n        <kendo-formfield orientation=\"vertical\" class=\"mb-3\">\n            <kendo-label text=\"Name\" [for]=\"dashboardNameInput\"></kendo-label>\n            <kendo-textbox \n                #dashboardNameInput\n                [value]=\"upsertDashboardName\" \n                placeholder=\"Enter dashboard name\" \n                [clearButton]=\"true\"\n                rounded=\"medium\"\n                (valueChange)=\"onUpsertDashboardNameKeyup($event)\"\n            />\n        </kendo-formfield>\n        \n        <kendo-formfield orientation=\"vertical\">\n            <kendo-label text=\"Description\" [for]=\"dashboardDescInput\"></kendo-label>\n            <kendo-textbox \n                #dashboardDescInput\n                [value]=\"upsertDashboardDescription\" \n                placeholder=\"Enter description\" \n                [clearButton]=\"true\"\n                rounded=\"medium\"\n                (valueChange)=\"onUpsertDashboardDescriptionKeyup($event)\"\n            />\n        </kendo-formfield>\n        \n        <kendo-dialog-actions>\n            <button kendoButton\n                themeColor=\"primary\"\n                rounded=\"medium\"\n                (click)=\"selectedDashboard ? updateDashboard() : createDashboard()\">\n                <span class=\"button-content\">\n                    <i class=\"fas fa-check\"></i>\n                    {{ selectedDashboard ? 'Update' : 'Create' }}\n                </span>\n            </button>\n            <button kendoButton\n                fillMode=\"outline\"\n                rounded=\"medium\"\n                (click)=\"toggleUpsertDashboardDialog(false)\"> \n                <span class=\"button-content\">\n                    <i class=\"fas fa-times\"></i>\n                    Cancel\n                </span>\n            </button>\n        </kendo-dialog-actions>\n    </kendo-dialog>\n</div>", styles: [":host {\n    display: block;\n}\n\n/* Utility margin class */\n.mb-3 {\n    margin-bottom: 1rem;\n}\n\n/* Button content wrapper for icons */\n.button-content {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}"] }]
+    }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], { resourceBrowser: [{
+            type: ViewChild,
+            args: ['resourceBrowserDashboard']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardBrowserComponent, { className: "DashboardBrowserComponent" }); })();
+//# sourceMappingURL=dashboard-browser.component.js.map

package/dist/lib/dashboard-browser-component/dashboard-browser.component.js.map

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

package/dist/lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component.js

@@ -512,7 +512,7 @@ export class DashboardPreferencesDialogComponent {
     onCancel() {
         this.result.emit({ saved: false });
     }
-    static ɵfac = function DashboardPreferencesDialogComponent_Factory(t) { return new (t || DashboardPreferencesDialogComponent)(); };
+    static ɵfac = function DashboardPreferencesDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardPreferencesDialogComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardPreferencesDialogComponent, selectors: [["mj-dashboard-preferences-dialog"]], inputs: { applicationId: "applicationId", scope: "scope" }, outputs: { result: "result" }, decls: 21, vars: 11, consts: [["availableList", "cdkDropList"], ["configuredList", "cdkDropList"], ["title", "Dashboard Preferences", 3, "close", "width", "height", "minWidth", "minHeight"], [1, "dashboard-preferences-dialog"], [1, "dialog-header"], [1, "fa-solid", "fa-sliders"], [1, "scope-indicator"], [1, "preference-mode-selector"], [1, "dialog-content"], [1, "loading-overlay"], [1, "error-container"], [1, "preferences-panels"], [1, "dialog-footer"], ["type", "button", 1, "btn", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-times"], ["type", "button", 1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-globe"], [1, "fa-solid", "fa-layer-group"], ["type", "radio", "name", "preferenceMode", "value", "personal", 3, "ngModelChange", "change", "ngModel"], ["type", "radio", "name", "preferenceMode", "value", "system", 3, "ngModelChange", "change", "ngModel"], ["text", "Loading preferences...", "size", "large"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "panel", "available-panel"], [1, "fa-solid", "fa-list"], ["cdkDropList", "", 1, "dashboard-list", 3, "cdkDropListDropped", "cdkDropListData", "cdkDropListConnectedTo"], [1, "empty-state"], ["cdkDrag", "", 1, "dashboard-item", "available-item", 3, "cdkDragData"], [1, "panel", "configured-panel"], [1, "fa-solid", "fa-list-ol"], ["cdkDrag", "", 1, "dashboard-item", "configured-item", 3, "cdkDragData"], [1, "fa-solid", "fa-info-circle"], [1, "dashboard-item-content"], [1, "fa-solid", "fa-grip-vertical", "drag-handle"], [1, "dashboard-info"], [1, "dashboard-name"], [1, "dashboard-description"], ["type", "button", "title", "Add to configured dashboards", 1, "add-button", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "order-number"], ["type", "button", "title", "Remove from configured dashboards", 1, "remove-button", 3, "click"], ["size", "small", 3, "showText"], [1, "fa-solid", "fa-check"]], template: function DashboardPreferencesDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "kendo-dialog", 2);
             i0.ɵɵlistener("close", function DashboardPreferencesDialogComponent_Template_kendo_dialog_close_0_listener() { return ctx.onCancel(); });
@@ -565,5 +565,5 @@ export class DashboardPreferencesDialogComponent {
         }], result: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardPreferencesDialogComponent, { className: "DashboardPreferencesDialogComponent", filePath: "src/lib/dashboard-preferences-dialog/dashboard-preferences-dialog.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardPreferencesDialogComponent, { className: "DashboardPreferencesDialogComponent" }); })();
 //# sourceMappingURL=dashboard-preferences-dialog.component.js.map