@memberjunction/ng-explorer-core 5.22.0 → 5.23.0

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

@@ -5,18 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component, ViewEncapsulation, ViewChild, HostListener } from '@angular/core';
-import { NavigationEnd } from '@angular/router';
 import { Metadata, CompositeKey } from '@memberjunction/core';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
-import { MJEnvironmentEntityExtended, UserInfoEngine } from '@memberjunction/core-entities';
+import { MJEnvironmentEntityExtended, UserInfoEngine, ConversationEngine } from '@memberjunction/core-entities';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
-import { Subject, takeUntil, filter } from 'rxjs';
+import { Subject, takeUntil } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@memberjunction/ng-conversations";
-import * as i3 from "@angular/router";
-import * as i4 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-shared-generic";
 const _c0 = ["conversationList"];
 const _c1 = ["chatArea"];
 function ChatConversationsResource_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -82,25 +80,23 @@ function ChatConversationsResource_Conditional_1_Template(rf, ctx) { if (rf & 1)
  * Designed to work with the tab system for multi-tab conversation management
  *
  * This component manages its own selection state locally, following the encapsulation pattern:
- * - Services (ConversationDataService) are used for shared DATA (caching, loading, saving)
+ * - ConversationEngine singleton is used for shared DATA (caching, loading, saving)
  * - Local state variables manage SELECTION state (which conversation is active)
  * - State flows down to children via @Input, events flow up via @Output
  */
 let ChatConversationsResource = class ChatConversationsResource extends BaseResourceComponent {
     navigationService;
-    conversationData;
-    router;
     mentionAutocompleteService;
     cdr;
     streamingService;
     activeTasksService;
     uiCommandHandler;
+    bridge;
     conversationList;
     chatArea;
     currentUser = null;
     destroy$ = new Subject();
     skipUrlUpdate = true; // Skip URL updates during initialization
-    lastNavigatedUrl = ''; // Track URL to avoid reacting to our own navigation
     // Ready flag - blocks child rendering until AIEngine is initialized
     isReady = false;
     // LOCAL SELECTION STATE - each wrapper instance manages its own selection
@@ -129,16 +125,16 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
     // User Settings persistence
     USER_SETTING_SIDEBAR_KEY = 'Conversations.SidebarState';
     saveSettingsTimeout = null;
-    constructor(navigationService, conversationData, router, mentionAutocompleteService, cdr, streamingService, activeTasksService, uiCommandHandler) {
+    engine = ConversationEngine.Instance;
+    constructor(navigationService, mentionAutocompleteService, cdr, streamingService, activeTasksService, uiCommandHandler, bridge) {
         super();
         this.navigationService = navigationService;
-        this.conversationData = conversationData;
-        this.router = router;
         this.mentionAutocompleteService = mentionAutocompleteService;
         this.cdr = cdr;
         this.streamingService = streamingService;
         this.activeTasksService = activeTasksService;
         this.uiCommandHandler = uiCommandHandler;
+        this.bridge = bridge;
     }
     async ngOnInit() {
         const md = new Metadata();
@@ -169,40 +165,25 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
         // Initialize global streaming service for PubSub updates
         // This enables reconnection to in-progress agents after browser refresh
         this.streamingService.initialize();
-        // CRITICAL: Set selectedConversationId SYNCHRONOUSLY before child components initialize
-        // Parse URL first and apply state synchronously for the ID
-        const urlState = this.parseUrlState();
-        if (urlState) {
-            // Set conversationId synchronously so child components see it immediately
-            if (urlState.conversationId) {
-                this.selectedConversationId = urlState.conversationId;
-                this.isNewUnsavedConversation = false;
-            }
-            if (urlState.artifactId) {
-                this.pendingArtifactId = urlState.artifactId;
-                this.pendingArtifactVersionNumber = urlState.versionNumber || null;
-            }
-            // Load the conversation entity asynchronously (non-blocking)
-            this.loadConversationEntity(urlState.conversationId);
-        }
-        else {
-            // Check if we have navigation params from config (e.g., from Collections linking here)
-            this.applyConfigurationParams();
-        }
-        // 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);
-            }
-        });
+        // Apply initial state from tab configuration (populated by shell from URL or nav params)
+        this.applyConfigurationParams();
         // Subscribe to actionable commands (open:resource) from the UI command handler service.
         // open:url commands are handled directly by the service; open:resource needs NavigationService.
         this.uiCommandHandler.actionableCommandRequested
             .pipe(takeUntil(this.destroy$))
             .subscribe(command => this.handleActionableCommand(command));
+        // Subscribe to bridge switch events so the overlay can hand off a conversation to this workspace
+        this.bridge.SwitchEvent$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(event => {
+            if (event.Target === 'workspace' && event.ConversationID) {
+                void this.selectConversation(event.ConversationID);
+                this.updateTabTitle();
+                this.cdr.detectChanges();
+            }
+        });
+        // Notify the bridge that the workspace is active
+        this.bridge.NotifyWorkspaceActive(true);
         // Enable URL updates after initialization
         this.skipUrlUpdate = false;
         // Update URL to reflect current state
@@ -213,6 +194,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
         }, 100);
     }
     ngOnDestroy() {
+        this.bridge.NotifyWorkspaceActive(false);
         this.destroy$.next();
         this.destroy$.complete();
         // Clear any pending save timeout
@@ -233,7 +215,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
             // Initialize AIEngine, conversations, and mention service in parallel
             await Promise.all([
                 AIEngineBase.Instance.Config(false),
-                this.conversationData.loadConversations(this.environmentId, this.currentUser),
+                this.engine.LoadConversations(this.environmentId, this.currentUser, false),
                 this.mentionAutocompleteService.initialize(this.currentUser)
             ]);
             // Restore active tasks AFTER conversations are cached (uses in-memory lookup)
@@ -249,28 +231,6 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
             this.cdr.detectChanges();
         }
     }
-    /**
-     * Parse URL query string for conversation state.
-     * Query params: conversationId, artifactId, versionNumber
-     */
-    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 conversationId = params.get('conversationId');
-        const artifactId = params.get('artifactId');
-        const versionNumber = params.get('versionNumber');
-        if (!conversationId && !artifactId)
-            return null;
-        return {
-            conversationId: conversationId || undefined,
-            artifactId: artifactId || undefined,
-            versionNumber: versionNumber ? parseInt(versionNumber, 10) : undefined
-        };
-    }
     /**
      * Load the conversation entity asynchronously (non-blocking).
      * The conversationId is already set synchronously, this just loads the full entity.
@@ -279,7 +239,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
         if (!conversationId)
             return;
         // Try to get from cache first
-        const conversation = this.conversationData.getConversationById(conversationId);
+        const conversation = this.engine.GetConversation(conversationId);
         if (conversation) {
             this.selectedConversation = conversation;
             this.updateTabTitle();
@@ -287,51 +247,49 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
         // If not in cache, the chat area component will handle loading it
     }
     /**
-     * Apply configuration params from resource data (e.g., from deep-linking via Collections).
+     * Apply initial state from tab configuration.
+     * The shell populates queryParams from the URL, and nav params come from cross-resource linking.
      * Sets state synchronously so child components see values immediately.
      */
     applyConfigurationParams() {
         const config = this.Data?.Configuration;
         if (!config)
             return;
+        // Check queryParams first (shell populates these from the URL for deep-linking)
+        const qp = config['queryParams'];
+        const conversationId = qp?.['conversationId'] || config.conversationId;
+        const artifactId = qp?.['artifactId'] || config.artifactId;
+        const versionNumber = qp?.['versionNumber'] ? parseInt(qp['versionNumber'], 10)
+            : config.versionNumber ? config.versionNumber : null;
         // Set pending artifact if provided
-        if (config.artifactId) {
-            this.pendingArtifactId = config.artifactId;
-            this.pendingArtifactVersionNumber = config.versionNumber || null;
+        if (artifactId) {
+            this.pendingArtifactId = artifactId;
+            this.pendingArtifactVersionNumber = versionNumber;
         }
         // Set conversationId synchronously so child components see it immediately
-        if (config.conversationId) {
-            this.selectedConversationId = config.conversationId;
+        if (conversationId) {
+            this.selectedConversationId = conversationId;
+            this.bridge.SetActiveFromWorkspace(conversationId);
             this.isNewUnsavedConversation = false;
             // Load entity asynchronously
-            this.loadConversationEntity(config.conversationId);
+            this.loadConversationEntity(conversationId);
         }
     }
     /**
      * Apply navigation state to local selection state.
      * Sets state synchronously so child components see values immediately.
      */
-    applyNavigationState(state) {
-        // Set pending artifact if provided (will be consumed by chat area after loading)
-        if (state.artifactId) {
-            this.pendingArtifactId = state.artifactId;
-            this.pendingArtifactVersionNumber = state.versionNumber || null;
-        }
-        // Set the conversation synchronously
-        if (state.conversationId) {
-            this.selectedConversationId = state.conversationId;
-            this.isNewUnsavedConversation = false;
-            this.loadConversationEntity(state.conversationId);
-        }
-    }
     /**
      * Select a conversation by ID - loads the entity and updates local state
      */
     async selectConversation(conversationId) {
         this.selectedConversationId = conversationId;
         this.isNewUnsavedConversation = false;
+        // Keep bridge in sync so other consumers (toast suppression, overlay) know
+        // which conversation the workspace is viewing
+        this.bridge.SetActiveFromWorkspace(conversationId);
         // Load the conversation entity from data service
-        const conversation = this.conversationData.getConversationById(conversationId);
+        const conversation = this.engine.GetConversation(conversationId);
         if (conversation) {
             this.selectedConversation = conversation;
         }
@@ -384,57 +342,6 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
             this.NotifyDisplayNameChanged(name);
         }
     }
-    /**
-     * 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) {
-            this.applyNavigationState(urlState);
-        }
-        else {
-            // No params means clear state
-            this.selectedConversationId = null;
-            this.selectedConversation = null;
-            this.selectedThreadId = null;
-            this.pendingArtifactId = null;
-            this.pendingArtifactVersionNumber = null;
-        }
-        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 conversationId = params.get('conversationId');
-        const artifactId = params.get('artifactId');
-        const versionNumber = params.get('versionNumber');
-        if (!conversationId && !artifactId)
-            return null;
-        return {
-            conversationId: conversationId || undefined,
-            artifactId: artifactId || undefined,
-            versionNumber: versionNumber ? parseInt(versionNumber, 10) : undefined
-        };
-    }
     /**
      * Get the environment ID from configuration or use default
      */
@@ -475,7 +382,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
      */
     onConversationDeleted(deletedId) {
         if (this.selectedConversationId === deletedId) {
-            const remaining = this.conversationData.conversations.filter(c => !UUIDsEqual(c.ID, deletedId));
+            const remaining = this.engine.Conversations.filter(c => !UUIDsEqual(c.ID, deletedId));
             if (remaining.length > 0) {
                 void this.selectConversation(remaining[0].ID);
                 this.updateUrl();
@@ -713,6 +620,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
         this.selectedConversationId = event.conversation.ID;
         this.selectedConversation = event.conversation;
         this.isNewUnsavedConversation = false;
+        this.bridge.SetActiveFromWorkspace(event.conversation.ID);
         this.updateUrl();
         this.updateTabTitle();
     }
@@ -866,7 +774,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
             console.warn('No artifacts found in conversation to open for Report/Dashboard command');
         }
     }
-    static ɵfac = function ChatConversationsResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ChatConversationsResource)(i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i2.ConversationDataService), i0.ɵɵdirectiveInject(i3.Router), i0.ɵɵdirectiveInject(i2.MentionAutocompleteService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.ConversationStreamingService), i0.ɵɵdirectiveInject(i2.ActiveTasksService), i0.ɵɵdirectiveInject(i2.UICommandHandlerService)); };
+    static ɵfac = function ChatConversationsResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ChatConversationsResource)(i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i2.MentionAutocompleteService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.ConversationStreamingService), i0.ɵɵdirectiveInject(i2.ActiveTasksService), i0.ɵɵdirectiveInject(i2.UICommandHandlerService), i0.ɵɵdirectiveInject(i2.ConversationBridgeService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChatConversationsResource, selectors: [["mj-chat-conversations-resource"]], viewQuery: function ChatConversationsResource_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5)(_c1, 5);
         } if (rf & 2) {
@@ -880,7 +788,7 @@ let ChatConversationsResource = class ChatConversationsResource extends BaseReso
             i0.ɵɵelement(2, "mj-toast");
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isReady ? 0 : 1);
-        } }, dependencies: [i2.ConversationListComponent, i2.ConversationChatAreaComponent, i2.ToastComponent, i4.LoadingComponent], styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chat-conversations-container {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .conversation-sidebar {\n      flex-shrink: 0;\n      border-right: 1px solid var(--mj-border-default);\n      overflow-y: auto;\n      background: var(--mj-bg-surface-sunken);\n      transition: width 0.3s ease;\n    }\n\n    /* Disable transitions during initial load to prevent jarring animation */\n    .conversation-sidebar.no-transition {\n      transition: none !important;\n    }\n\n    .conversation-sidebar.collapsed {\n      width: 0 !important;\n      min-width: 0;\n      border-right: none;\n      overflow: hidden;\n    }\n\n    /* Resize handle for sidebar */\n    .sidebar-resize-handle {\n      width: 4px;\n      background: transparent;\n      cursor: ew-resize;\n      flex-shrink: 0;\n      position: relative;\n      transition: background-color 0.2s;\n    }\n\n    .sidebar-resize-handle:hover {\n      background: var(--mj-brand-primary);\n    }\n\n    .sidebar-resize-handle:active {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .sidebar-resize-handle::before {\n      content: '';\n      position: absolute;\n      left: -4px;\n      right: -4px;\n      top: 0;\n      bottom: 0;\n      cursor: ew-resize;\n    }\n\n    .conversation-main {\n      flex: 1;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .initializing-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n    }\n  "], encapsulation: 2 });
+        } }, dependencies: [i2.ConversationListComponent, i2.ConversationChatAreaComponent, i2.ToastComponent, i3.LoadingComponent], styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chat-conversations-container {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .conversation-sidebar {\n      flex-shrink: 0;\n      border-right: 1px solid var(--mj-border-default);\n      overflow-y: auto;\n      background: var(--mj-bg-surface-sunken);\n      transition: width 0.3s ease;\n    }\n\n    /* Disable transitions during initial load to prevent jarring animation */\n    .conversation-sidebar.no-transition {\n      transition: none !important;\n    }\n\n    .conversation-sidebar.collapsed {\n      width: 0 !important;\n      min-width: 0;\n      border-right: none;\n      overflow: hidden;\n    }\n\n    /* Resize handle for sidebar */\n    .sidebar-resize-handle {\n      width: 4px;\n      background: transparent;\n      cursor: ew-resize;\n      flex-shrink: 0;\n      position: relative;\n      transition: background-color 0.2s;\n    }\n\n    .sidebar-resize-handle:hover {\n      background: var(--mj-brand-primary);\n    }\n\n    .sidebar-resize-handle:active {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .sidebar-resize-handle::before {\n      content: '';\n      position: absolute;\n      left: -4px;\n      right: -4px;\n      top: 0;\n      bottom: 0;\n      cursor: ew-resize;\n    }\n\n    .conversation-main {\n      flex: 1;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .initializing-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n    }\n  "], encapsulation: 2 });
 };
 ChatConversationsResource = __decorate([
     RegisterClass(BaseResourceComponent, 'ChatConversationsResource')
@@ -961,7 +869,7 @@ export { ChatConversationsResource };
     <!-- Toast notifications container -->
     <mj-toast></mj-toast>
     `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chat-conversations-container {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .conversation-sidebar {\n      flex-shrink: 0;\n      border-right: 1px solid var(--mj-border-default);\n      overflow-y: auto;\n      background: var(--mj-bg-surface-sunken);\n      transition: width 0.3s ease;\n    }\n\n    /* Disable transitions during initial load to prevent jarring animation */\n    .conversation-sidebar.no-transition {\n      transition: none !important;\n    }\n\n    .conversation-sidebar.collapsed {\n      width: 0 !important;\n      min-width: 0;\n      border-right: none;\n      overflow: hidden;\n    }\n\n    /* Resize handle for sidebar */\n    .sidebar-resize-handle {\n      width: 4px;\n      background: transparent;\n      cursor: ew-resize;\n      flex-shrink: 0;\n      position: relative;\n      transition: background-color 0.2s;\n    }\n\n    .sidebar-resize-handle:hover {\n      background: var(--mj-brand-primary);\n    }\n\n    .sidebar-resize-handle:active {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .sidebar-resize-handle::before {\n      content: '';\n      position: absolute;\n      left: -4px;\n      right: -4px;\n      top: 0;\n      bottom: 0;\n      cursor: ew-resize;\n    }\n\n    .conversation-main {\n      flex: 1;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .initializing-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: 100%;\n      flex: 1;\n    }\n  "] }]
-    }], () => [{ type: i1.NavigationService }, { type: i2.ConversationDataService }, { type: i3.Router }, { type: i2.MentionAutocompleteService }, { type: i0.ChangeDetectorRef }, { type: i2.ConversationStreamingService }, { type: i2.ActiveTasksService }, { type: i2.UICommandHandlerService }], { conversationList: [{
+    }], () => [{ type: i1.NavigationService }, { type: i2.MentionAutocompleteService }, { type: i0.ChangeDetectorRef }, { type: i2.ConversationStreamingService }, { type: i2.ActiveTasksService }, { type: i2.UICommandHandlerService }, { type: i2.ConversationBridgeService }], { conversationList: [{
             type: ViewChild,
             args: ['conversationList']
         }], chatArea: [{
@@ -974,5 +882,5 @@ export { ChatConversationsResource };
             type: HostListener,
             args: ['document:click', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChatConversationsResource, { className: "ChatConversationsResource", filePath: "src/lib/resource-wrappers/chat-conversations-resource.component.ts", lineNumber: 183 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChatConversationsResource, { className: "ChatConversationsResource", filePath: "src/lib/resource-wrappers/chat-conversations-resource.component.ts", lineNumber: 182 }); })();
 //# sourceMappingURL=chat-conversations-resource.component.js.map