@memberjunction/ng-conversations 6.2.0-edge.3 → 6.2.0-edge.5

package/dist/lib/components/workspace/conversation-workspace.component.js

@@ -18,11 +18,13 @@
  * bug fixes should be made to the individual resource components instead.
  * ============================================================================
  */
-import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
+import { Component, Input, Output, EventEmitter, HostListener, ViewChild } from '@angular/core';
 import { UUIDsEqual } from '@memberjunction/global';
 import { ArtifactMetadataEngine, UserInfoEngine, ConversationEngine } from '@memberjunction/core-entities';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { MentionAutocompleteService } from '../../services/mention-autocomplete.service';
+import { BuildConversationTasksFilter, OwnTasksFilter } from '../../services/conversation-tasks-filter';
+import { ConversationChatAreaComponent } from '../conversation/conversation-chat-area.component';
 import { Subject, takeUntil } from 'rxjs';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
@@ -97,17 +99,17 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_6_Template(rf,
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("baseFilter", ctx_r1.tasksFilter)("activeTaskId", ctx_r1.activeTaskId);
+    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("baseFilter", ctx_r1.tasksFilter)("BaseFilterResolver", ctx_r1.TasksFilterResolver)("activeTaskId", ctx_r1.activeTaskId);
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12)(1, "mj-conversation-chat-area", 21);
-    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationRenamed_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationRenamed($event)); })("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("navigationRequest", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_navigationRequest_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onNavigationRequest($event)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_taskClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTaskClicked($event)); })("artifactLinkClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_artifactLinkClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("conversationCreated", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationCreated_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationCreated($event)); })("realtimeConversationReady", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_realtimeConversationReady_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRealtimeConversationReady($event)); })("threadOpened", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_threadOpened_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadOpened($event)); })("threadClosed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_threadClosed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadClosed()); })("pendingArtifactConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; ctx_r1.pendingArtifactConversationId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingMessageToSend = null; ctx_r1.pendingAttachmentsToSend = null; return i0.ɵɵresetView(ctx_r1.pendingMessageConversationId = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageRequested_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPendingMessageRequested($event)); });
+    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationRenamed_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationRenamed($event)); })("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("navigationRequest", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_navigationRequest_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onNavigationRequest($event)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_taskClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTaskClicked($event)); })("artifactLinkClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_artifactLinkClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("conversationCreated", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationCreated_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationCreated($event)); })("realtimeConversationReady", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_realtimeConversationReady_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRealtimeConversationReady($event)); })("pendingArtifactConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; ctx_r1.pendingArtifactConversationId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingMessageToSend = null; ctx_r1.pendingAttachmentsToSend = null; return i0.ɵɵresetView(ctx_r1.pendingMessageConversationId = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageRequested_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPendingMessageRequested($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("conversationId", ctx_r1.selectedConversationId)("conversation", ctx_r1.selectedConversation)("threadId", ctx_r1.selectedThreadId)("isNewConversation", ctx_r1.isNewUnsavedConversation)("pendingMessage", ctx_r1.pendingMessageToSend)("pendingAttachments", ctx_r1.pendingAttachmentsToSend)("pendingMessageConversationId", ctx_r1.pendingMessageConversationId)("pendingArtifactId", ctx_r1.pendingArtifactId)("pendingArtifactConversationId", ctx_r1.pendingArtifactConversationId)("pendingArtifactVersionNumber", ctx_r1.pendingArtifactVersionNumber);
+    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("conversationId", ctx_r1.selectedConversationId)("conversation", ctx_r1.selectedConversation)("isNewConversation", ctx_r1.isNewUnsavedConversation)("pendingMessage", ctx_r1.pendingMessageToSend)("pendingAttachments", ctx_r1.pendingAttachmentsToSend)("pendingMessageConversationId", ctx_r1.pendingMessageConversationId)("pendingArtifactId", ctx_r1.pendingArtifactId)("pendingArtifactConversationId", ctx_r1.pendingArtifactConversationId)("pendingArtifactVersionNumber", ctx_r1.pendingArtifactVersionNumber);
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -128,7 +130,7 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template(rf,
     i0.ɵɵstyleProp("width", ctx_r1.artifactPanelWidth, "%");
     i0.ɵɵclassProp("maximized", ctx_r1.isArtifactPanelMaximized);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("artifactId", ctx_r1.activeArtifactId)("currentUser", ctx_r1.currentUser)("environmentId", ctx_r1.environmentId)("versionNumber", ctx_r1.activeVersionNumber ?? undefined)("showSaveToCollection", ctx_r1.activeTab !== "collections")("viewContext", ctx_r1.activeTab === "collections" ? "collection" : "conversation")("contextCollectionId", ctx_r1.collectionState.activeCollectionId ?? undefined)("canShare", ctx_r1.canShareActiveArtifact)("canEdit", ctx_r1.canEditActiveArtifact)("isMaximized", ctx_r1.isArtifactPanelMaximized);
+    i0.ɵɵproperty("artifactId", ctx_r1.activeArtifactId)("currentUser", ctx_r1.currentUser)("environmentId", ctx_r1.environmentId)("versionNumber", ctx_r1.activeVersionNumber ?? undefined)("showSaveToCollection", ctx_r1.activeTab !== "collections")("viewContext", ctx_r1.activeTab === "collections" ? "collection" : "conversation")("Scope", ctx_r1.activeTab === "collections" ? null : ctx_r1.ArtifactViewerScope)("contextCollectionId", ctx_r1.collectionState.activeCollectionId ?? undefined)("canShare", ctx_r1.canShareActiveArtifact)("canEdit", ctx_r1.canEditActiveArtifact)("isMaximized", ctx_r1.isArtifactPanelMaximized);
 } }
 function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
@@ -137,9 +139,9 @@ function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf
     i0.ɵɵconditionalCreate(3, ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template, 2, 0, "button", 10);
     i0.ɵɵconditionalCreate(4, ConversationWorkspaceComponent_Conditional_4_Conditional_4_Template, 1, 0, "div", 11);
     i0.ɵɵconditionalCreate(5, ConversationWorkspaceComponent_Conditional_4_Conditional_5_Template, 2, 2, "div", 12);
-    i0.ɵɵconditionalCreate(6, ConversationWorkspaceComponent_Conditional_4_Conditional_6_Template, 2, 4, "div", 12);
-    i0.ɵɵconditionalCreate(7, ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template, 2, 12, "div", 12);
-    i0.ɵɵconditionalCreate(8, ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template, 3, 15);
+    i0.ɵɵconditionalCreate(6, ConversationWorkspaceComponent_Conditional_4_Conditional_6_Template, 2, 5, "div", 12);
+    i0.ɵɵconditionalCreate(7, ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template, 2, 11, "div", 12);
+    i0.ɵɵconditionalCreate(8, ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template, 3, 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -578,7 +580,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     USER_SETTING_SIDEBAR_KEY = 'Conversations.SidebarState';
     saveSettingsTimeout = null;
     isLoadingSettings = false;
-    // Task filter for conversation-specific filtering
+    /** The user's own top-level tasks; the Tasks tab's fallback filter (see {@link TasksFilterResolver}). */
     TasksFilter = '1=1';
     /** @deprecated Use {@link TasksFilter}. */
     get tasksFilter() {
@@ -608,15 +610,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     set selectedConversation(value) {
         this.SelectedConversation = value;
     }
-    SelectedThreadId = null;
-    /** @deprecated Use {@link SelectedThreadId}. */
-    get selectedThreadId() {
-        return this.SelectedThreadId;
-    }
-    /** @deprecated Use {@link SelectedThreadId}. */
-    set selectedThreadId(value) {
-        this.SelectedThreadId = value;
-    }
     IsNewUnsavedConversation = false;
     /** @deprecated Use {@link IsNewUnsavedConversation}. */
     get isNewUnsavedConversation() {
@@ -684,6 +677,21 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.PendingArtifactVersionNumber = value;
     }
     engine = ConversationEngine.Instance;
+    /** The chat area this workspace shows; absent while the collections or tasks tab is shown. */
+    chatArea;
+    /**
+     * The scope the artifact viewer reads: the chat area's (the view the person has open) for the
+     * selected conversation; Main when no chat area is rendered or it shows another conversation;
+     * null with no selected conversation.
+     */
+    get ArtifactViewerScope() {
+        const conversationId = this.SelectedConversationId;
+        if (!conversationId) {
+            return null;
+        }
+        const scope = this.chatArea?.ArtifactViewerScope ?? null;
+        return scope && UUIDsEqual(scope.ConversationID, conversationId) ? scope : ConversationEngine.TrunkScope(conversationId);
+    }
     // Shared AI mention/suggestion engine (BaseSingleton — same instance the composer plugins use)
     mentionAutocompleteService = MentionAutocompleteService.Instance;
     constructor(ArtifactState, CollectionState, artifactPermissionService, notificationService, streamingService, uiCommandHandler, cdr) {
@@ -765,27 +773,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     clearNewConversationState() {
         return this.ClearNewConversationState();
     }
-    /**
-     * Opens a thread panel for a specific message
-     * @param messageId The parent message ID
-     */
-    OpenThread(messageId) {
-        this.SelectedThreadId = messageId;
-    }
-    /** @deprecated Use {@link OpenThread}. */
-    openThread(messageId) {
-        return this.OpenThread(messageId);
-    }
-    /**
-     * Closes the currently open thread panel
-     */
-    CloseThread() {
-        this.SelectedThreadId = null;
-    }
-    /** @deprecated Use {@link CloseThread}. */
-    closeThread() {
-        return this.CloseThread();
-    }
     /**
      * Handler for conversation selection from sidebar/list
      */
@@ -862,26 +849,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.PendingAttachmentsToSend = event.attachments;
         this.PendingMessageConversationId = this.SelectedConversationId;
     }
-    /**
-     * Handler for thread opened from chat area
-     */
-    OnThreadOpened(threadId) {
-        this.SelectedThreadId = threadId;
-    }
-    /** @deprecated Use {@link OnThreadOpened}. */
-    onThreadOpened(threadId) {
-        return this.OnThreadOpened(threadId);
-    }
-    /**
-     * Handler for thread closed from chat area
-     */
-    OnThreadClosed() {
-        this.SelectedThreadId = null;
-    }
-    /** @deprecated Use {@link OnThreadClosed}. */
-    onThreadClosed() {
-        return this.OnThreadClosed();
-    }
     async ngOnInit() {
         // Bind provider-aware services to this component's provider so multi-server
         // browser apps don't silently fall back to the global Metadata.Provider.
@@ -941,7 +908,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
                 AIEngineBase.Instance.Config(false),
                 ArtifactMetadataEngine.Instance.Config(false)
             ]);
-            console.log('✅ AI Engine initialized with', AIEngineBase.Instance.Agents?.length || 0, 'agents');
+            console.log('✅ AI Engine initialized with', AIEngineBase.Instance.ReadableAgents.length, 'agents');
             console.log('✅ Artifact Metadata Engine initialized with', ArtifactMetadataEngine.Instance.ArtifactTypes?.length || 0, 'artifact types');
             // Initialize mention autocomplete service immediately after AI engine
             // This ensures the cache is built from the fully-loaded agent list
@@ -996,29 +963,23 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.buildTasksFilter();
     }
     /**
-     * Builds the SQL filter for tasks in conversations the user has access to
+     * Sets {@link TasksFilter} to the user's own tasks. The Tasks tab builds its full filter with
+     * {@link TasksFilterResolver} each time it loads.
      */
     buildTasksFilter() {
-        // Filter tasks by conversations the user owns or is a participant in, or tasks owned
-        // by the user
-        const md = this.ProviderToUse;
-        const cd = md.EntityByName('MJ: Conversation Details');
-        const c = md.EntityByName('MJ: Conversations');
-        if (!cd || !c) {
-            console.warn('⚠️ Missing metadata for Conversations or Conversation Details');
-            this.TasksFilter = `ParentID IS NULL AND UserID = '${this.CurrentUser.ID}'`; // Fallback to user-owned tasks only
-            return;
-        }
-        this.TasksFilter = `ParentID IS NULL AND (UserID = '${this.CurrentUser.ID}' OR ConversationDetailID IN (
-      SELECT ID FROM [${cd.SchemaName}].[${cd.BaseView}] 
-      WHERE 
-      UserID ='${this.CurrentUser.ID}' OR 
-      ConversationID IN (
-        SELECT ID FROM [${c.SchemaName}].[${c.BaseView}] WHERE UserID='${this.CurrentUser.ID}'
-      )
-    ))`;
-        console.log('📝 Conversations domain tasks filter built:', this.TasksFilter);
+        this.TasksFilter = OwnTasksFilter(this.CurrentUser);
     }
+    /**
+     * Builds the Tasks tab filter (see {@link BuildConversationTasksFilter}). The tasks view calls it
+     * on every load and refresh, so a task linked to a message created after the workspace opened
+     * appears on the next refresh. The same function is returned every time, so the input binding
+     * does not change.
+     */
+    get TasksFilterResolver() {
+        this.tasksFilterResolver ??= () => BuildConversationTasksFilter(this.ProviderToUse, this.CurrentUser);
+        return this.tasksFilterResolver;
+    }
+    tasksFilterResolver = null;
     ngDoCheck() {
         // Detect new unsaved conversation state changes
         const currentIsNewConversation = this.IsNewUnsavedConversation;
@@ -1338,7 +1299,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             await AIEngineBase.Instance.Config(true);
             // Refresh the mention autocomplete service to pick up new agents
             await this.mentionAutocompleteService.refresh(this.CurrentUser);
-            const agentCount = AIEngineBase.Instance.Agents?.length || 0;
+            const agentCount = AIEngineBase.Instance.ReadableAgents.length;
             this.notificationService.CreateSimpleNotification(`Agent cache refreshed (${agentCount} agents)`, 'success', 3000);
             this.cdr.detectChanges();
         }
@@ -1364,15 +1325,20 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
                 });
                 break;
             case 'message':
-                // Switch to conversations tab, open conversation, and scroll to message (future enhancement)
+                // Switch to conversations tab, open the conversation, then open the message on its branch
                 this.ActiveTab = 'conversations';
                 if (result.conversationId) {
                     this.SetActiveConversation(result.conversationId);
                     this.NavigationChanged.emit({
                         tab: 'conversations',
-                        conversationId: result.conversationId
-                        // TODO: Add messageId for scroll-to support in future
+                        conversationId: result.conversationId,
+                        branchId: result.branchId ?? null,
+                        sequence: result.sequence
                     });
+                    if (result.sequence != null) {
+                        this.openMessageInChatArea(result.conversationId, result.branchId ?? null, result.sequence)
+                            .catch((error) => console.error('Failed to open the message from search:', error));
+                    }
                 }
                 break;
             case 'artifact':
@@ -1414,6 +1380,14 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     handleSearchResult(result) {
         return this.HandleSearchResult(result);
     }
+    /**
+     * Renders the active conversation into the chat area, then has the chat area switch to the
+     * message's branch and scroll to it.
+     */
+    async openMessageInChatArea(conversationId, branchId, sequence) {
+        this.cdr.detectChanges();
+        await this.chatArea?.OpenMessage(conversationId, branchId, sequence);
+    }
     /**
      * Sidebar resize methods
      */
@@ -1573,9 +1547,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         console.log('✨ Workspace received rename event:', event);
         // Trigger animation in sidebar by setting the ID
         this.RenamedConversationId = event.conversationId;
+        this.cdr.detectChanges();
         // Clear after animation completes (1500ms)
         setTimeout(() => {
             this.RenamedConversationId = null;
+            this.cdr.detectChanges();
         }, 1500);
     }
     /** @deprecated Use {@link OnConversationRenamed}. */
@@ -1820,9 +1796,14 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         return this.OnAutomaticCommand(command);
     }
     static ɵfac = function ConversationWorkspaceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationWorkspaceComponent)(i0.ɵɵdirectiveInject(i1.ArtifactStateService), i0.ɵɵdirectiveInject(i2.CollectionStateService), i0.ɵɵdirectiveInject(i3.ArtifactPermissionService), i0.ɵɵdirectiveInject(i4.MJNotificationService), i0.ɵɵdirectiveInject(i5.ConversationStreamingService), i0.ɵɵdirectiveInject(i6.UICommandHandlerService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationWorkspaceComponent, selectors: [["mj-conversation-workspace"]], hostBindings: function ConversationWorkspaceComponent_HostBindings(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationWorkspaceComponent, selectors: [["mj-conversation-workspace"]], viewQuery: function ConversationWorkspaceComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(ConversationChatAreaComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatArea = _t.first);
+        } }, hostBindings: function ConversationWorkspaceComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("resize", function ConversationWorkspaceComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, i0.ɵɵresolveWindow)("click", function ConversationWorkspaceComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { EnvironmentId: "EnvironmentId", environmentId: "environmentId", InitialConversationId: "InitialConversationId", initialConversationId: "initialConversationId", Layout: "Layout", layout: "layout", CurrentUser: "CurrentUser", currentUser: "currentUser", ActiveContext: "ActiveContext", activeContext: "activeContext", ContextItemId: "ContextItemId", contextItemId: "contextItemId", ShowRoutines: "ShowRoutines", ActiveTabInput: "ActiveTabInput", activeTabInput: "activeTabInput", ActiveConversationInput: "ActiveConversationInput", activeConversationInput: "activeConversationInput", ActiveCollectionInput: "ActiveCollectionInput", activeCollectionInput: "activeCollectionInput", ActiveVersionIdInput: "ActiveVersionIdInput", activeVersionIdInput: "activeVersionIdInput", ActiveTaskInput: "ActiveTaskInput", activeTaskInput: "activeTaskInput" }, outputs: { ConversationChanged: "ConversationChanged", conversationChanged: "conversationChanged", ArtifactOpened: "ArtifactOpened", artifactOpened: "artifactOpened", NavigationChanged: "NavigationChanged", navigationChanged: "navigationChanged", NewConversationStarted: "NewConversationStarted", newConversationStarted: "newConversationStarted", ActionableCommandExecuted: "ActionableCommandExecuted", actionableCommandExecuted: "actionableCommandExecuted", AutomaticCommandExecuted: "AutomaticCommandExecuted", automaticCommandExecuted: "automaticCommandExecuted", NavigationRequested: "NavigationRequested", navigationRequested: "navigationRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["mjSearchShortcut", "", 1, "conversation-workspace", 3, "searchTriggered"], [1, "workspace-navigation"], [3, "tabChanged", "sidebarToggled", "searchTriggered", "refreshTriggered", "activeTab", "environmentId", "currentUser", "conversationId"], [1, "workspace-loading"], [1, "workspace-content"], [3, "close", "resultSelected", "isOpen", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "artifact", "currentUser"], ["text", "Loading agents...", "size", "large"], [1, "mobile-sidebar-backdrop", "visible"], [1, "workspace-sidebar", 3, "open", "collapsed", "no-transition", "width"], ["title", "Show conversations", 1, "sidebar-floating-toggle"], [1, "sidebar-resize-handle"], [1, "workspace-main"], [1, "mobile-sidebar-backdrop", "visible", 3, "click"], [1, "workspace-sidebar"], [3, "conversationSelected", "newConversationRequested", "openEntityRecord", "pinSidebarRequested", "unpinSidebarRequested", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView", "ShowRoutines", "Provider"], ["title", "Show conversations", 1, "sidebar-floating-toggle", 3, "click"], [1, "fas", "fa-table-columns"], [1, "sidebar-resize-handle", 3, "mousedown"], [3, "collectionNavigated", "environmentId", "currentUser"], [3, "openEntityRecord", "environmentId", "currentUser", "baseFilter", "activeTaskId"], [3, "conversationRenamed", "openEntityRecord", "navigationRequest", "taskClicked", "artifactLinkClicked", "conversationCreated", "realtimeConversationReady", "threadOpened", "threadClosed", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "threadId", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingMessageConversationId", "pendingArtifactId", "pendingArtifactConversationId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "applyFormRequested", "artifactId", "currentUser", "environmentId", "versionNumber", "showSaveToCollection", "viewContext", "contextCollectionId", "canShare", "canEdit", "isMaximized"], [1, "artifact-panel-resize-handle", 3, "mousedown"]], template: function ConversationWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { EnvironmentId: "EnvironmentId", environmentId: "environmentId", InitialConversationId: "InitialConversationId", initialConversationId: "initialConversationId", Layout: "Layout", layout: "layout", CurrentUser: "CurrentUser", currentUser: "currentUser", ActiveContext: "ActiveContext", activeContext: "activeContext", ContextItemId: "ContextItemId", contextItemId: "contextItemId", ShowRoutines: "ShowRoutines", ActiveTabInput: "ActiveTabInput", activeTabInput: "activeTabInput", ActiveConversationInput: "ActiveConversationInput", activeConversationInput: "activeConversationInput", ActiveCollectionInput: "ActiveCollectionInput", activeCollectionInput: "activeCollectionInput", ActiveVersionIdInput: "ActiveVersionIdInput", activeVersionIdInput: "activeVersionIdInput", ActiveTaskInput: "ActiveTaskInput", activeTaskInput: "activeTaskInput" }, outputs: { ConversationChanged: "ConversationChanged", conversationChanged: "conversationChanged", ArtifactOpened: "ArtifactOpened", artifactOpened: "artifactOpened", NavigationChanged: "NavigationChanged", navigationChanged: "navigationChanged", NewConversationStarted: "NewConversationStarted", newConversationStarted: "newConversationStarted", ActionableCommandExecuted: "ActionableCommandExecuted", actionableCommandExecuted: "actionableCommandExecuted", AutomaticCommandExecuted: "AutomaticCommandExecuted", automaticCommandExecuted: "automaticCommandExecuted", NavigationRequested: "NavigationRequested", navigationRequested: "navigationRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["mjSearchShortcut", "", 1, "conversation-workspace", 3, "searchTriggered"], [1, "workspace-navigation"], [3, "tabChanged", "sidebarToggled", "searchTriggered", "refreshTriggered", "activeTab", "environmentId", "currentUser", "conversationId"], [1, "workspace-loading"], [1, "workspace-content"], [3, "close", "resultSelected", "isOpen", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "artifact", "currentUser"], ["text", "Loading agents...", "size", "large"], [1, "mobile-sidebar-backdrop", "visible"], [1, "workspace-sidebar", 3, "open", "collapsed", "no-transition", "width"], ["title", "Show conversations", 1, "sidebar-floating-toggle"], [1, "sidebar-resize-handle"], [1, "workspace-main"], [1, "mobile-sidebar-backdrop", "visible", 3, "click"], [1, "workspace-sidebar"], [3, "conversationSelected", "newConversationRequested", "openEntityRecord", "pinSidebarRequested", "unpinSidebarRequested", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView", "ShowRoutines", "Provider"], ["title", "Show conversations", 1, "sidebar-floating-toggle", 3, "click"], [1, "fas", "fa-table-columns"], [1, "sidebar-resize-handle", 3, "mousedown"], [3, "collectionNavigated", "environmentId", "currentUser"], [3, "openEntityRecord", "environmentId", "currentUser", "baseFilter", "BaseFilterResolver", "activeTaskId"], [3, "conversationRenamed", "openEntityRecord", "navigationRequest", "taskClicked", "artifactLinkClicked", "conversationCreated", "realtimeConversationReady", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingMessageConversationId", "pendingArtifactId", "pendingArtifactConversationId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "applyFormRequested", "artifactId", "currentUser", "environmentId", "versionNumber", "showSaveToCollection", "viewContext", "Scope", "contextCollectionId", "canShare", "canEdit", "isMaximized"], [1, "artifact-panel-resize-handle", 3, "mousedown"]], template: function ConversationWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("searchTriggered", function ConversationWorkspaceComponent_Template_div_searchTriggered_0_listener() { return ctx.openSearch(); });
             i0.ɵɵelementStart(1, "div", 1)(2, "mj-conversation-navigation", 2);
@@ -1853,7 +1834,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConversationWorkspaceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-conversation-workspace', template: "<div class=\"conversation-workspace\" [attr.data-layout]=\"layout\" mjSearchShortcut (searchTriggered)=\"openSearch()\">\n  <!-- Top Navigation Bar -->\n  <div class=\"workspace-navigation\">\n    <mj-conversation-navigation\n      [activeTab]=\"activeTab\"\n      [environmentId]=\"environmentId\"\n      [currentUser]=\"currentUser\"\n      [conversationId]=\"selectedConversationId\"\n      (tabChanged)=\"onTabChanged($event)\"\n      (sidebarToggled)=\"toggleSidebar()\"\n      (searchTriggered)=\"openSearch()\"\n      (refreshTriggered)=\"onRefreshAgentCache()\">\n    </mj-conversation-navigation>\n  </div>\n\n  <!-- Loading spinner while initializing agents -->\n  @if (!isWorkspaceReady) {\n    <div class=\"workspace-loading\">\n      <mj-loading text=\"Loading agents...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  <!-- Main workspace content - only renders when agents are ready -->\n  @if (isWorkspaceReady) {\n    <div class=\"workspace-content\">\n      <!-- Mobile sidebar backdrop -->\n      @if (isMobileView && isSidebarVisible && activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"mobile-sidebar-backdrop visible\" (click)=\"closeSidebar()\"></div>\n      }\n\n      <!-- Left Sidebar (hidden when Collections or Tasks view is active) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"workspace-sidebar\"\n          [class.open]=\"isSidebarVisible\"\n          [class.collapsed]=\"isSidebarCollapsed\"\n          [class.no-transition]=\"!sidebarTransitionsEnabled\"\n          [style.width.px]=\"isSidebarCollapsed ? 0 : sidebarWidth\">\n          <mj-conversation-sidebar\n            [activeTab]=\"activeTab\"\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [selectedConversationId]=\"selectedConversationId\"\n            [renamedConversationId]=\"renamedConversationId\"\n            [isSidebarPinned]=\"isSidebarPinned\"\n            [isMobileView]=\"isMobileView\"\n            [ShowRoutines]=\"ShowRoutines\"\n            [Provider]=\"Provider\"\n            (conversationSelected)=\"onConversationSelected($event)\"\n            (newConversationRequested)=\"startNewConversation()\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (pinSidebarRequested)=\"pinSidebar()\"\n            (unpinSidebarRequested)=\"unpinSidebar()\">\n          </mj-conversation-sidebar>\n        </div>\n      }\n\n      <!-- Floating toggle button (only visible when sidebar is collapsed and settings loaded) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarCollapsed && isSidebarSettingsLoaded) {\n        <button class=\"sidebar-floating-toggle\"\n          (click)=\"expandSidebar()\"\n          title=\"Show conversations\">\n          <i class=\"fas fa-table-columns\"></i>\n        </button>\n      }\n\n      <!-- Resize handle for sidebar (only when expanded and settings loaded) -->\n      @if (isSidebarVisible && !isSidebarCollapsed && activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"sidebar-resize-handle\"\n        (mousedown)=\"onSidebarResizeStart($event)\"></div>\n      }\n\n      <!-- Collections Full-Panel View -->\n      @if (activeTab === 'collections') {\n        <div class=\"workspace-main\">\n          <mj-collections-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            (collectionNavigated)=\"onCollectionNavigated($event)\">\n          </mj-collections-full-view>\n        </div>\n      }\n\n      <!-- Tasks Full-Panel View -->\n      @if (activeTab === 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-tasks-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [baseFilter]=\"tasksFilter\"\n            [activeTaskId]=\"activeTaskId\"\n            (openEntityRecord)=\"onOpenEntityRecordFromTasks($event)\">\n          </mj-tasks-full-view>\n        </div>\n      }\n\n      <!-- Main Chat Area (only shown when not in Collections or Tasks view) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-conversation-chat-area\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [conversationId]=\"selectedConversationId\"\n            [conversation]=\"selectedConversation\"\n            [threadId]=\"selectedThreadId\"\n            [isNewConversation]=\"isNewUnsavedConversation\"\n            [pendingMessage]=\"pendingMessageToSend\"\n            [pendingAttachments]=\"pendingAttachmentsToSend\"\n            [pendingMessageConversationId]=\"pendingMessageConversationId\"\n            [pendingArtifactId]=\"pendingArtifactId\"\n            [pendingArtifactConversationId]=\"pendingArtifactConversationId\"\n            [pendingArtifactVersionNumber]=\"pendingArtifactVersionNumber\"\n            (conversationRenamed)=\"onConversationRenamed($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (navigationRequest)=\"onNavigationRequest($event)\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (artifactLinkClicked)=\"onArtifactLinkNavigation($event)\"\n            (conversationCreated)=\"onConversationCreated($event)\"\n            (realtimeConversationReady)=\"onRealtimeConversationReady($event)\"\n            (threadOpened)=\"onThreadOpened($event)\"\n            (threadClosed)=\"onThreadClosed()\"\n            (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactConversationId = null; pendingArtifactVersionNumber = null\"\n            (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = null; pendingMessageConversationId = null\"\n            (pendingMessageRequested)=\"onPendingMessageRequested($event)\">\n          </mj-conversation-chat-area>\n        </div>\n      }\n\n      <!-- Right Artifact Panel -->\n      @if (isArtifactPanelOpen && activeArtifactId) {\n        @if (!isArtifactPanelMaximized) {\n          <div class=\"artifact-panel-resize-handle\" (mousedown)=\"onArtifactPanelResizeStart($event)\"></div>\n        }\n        <div class=\"workspace-artifact-panel\"\n          [style.width.%]=\"artifactPanelWidth\"\n          [class.maximized]=\"isArtifactPanelMaximized\">\n          <mj-artifact-viewer-panel\n            [artifactId]=\"activeArtifactId\"\n            [currentUser]=\"currentUser\"\n            [environmentId]=\"environmentId\"\n            [versionNumber]=\"activeVersionNumber ?? undefined\"\n            [showSaveToCollection]=\"activeTab !== 'collections'\"\n            [viewContext]=\"activeTab === 'collections' ? 'collection' : 'conversation'\"\n            [contextCollectionId]=\"collectionState.activeCollectionId ?? undefined\"\n            [canShare]=\"canShareActiveArtifact\"\n            [canEdit]=\"canEditActiveArtifact\"\n            [isMaximized]=\"isArtifactPanelMaximized\"\n            (closed)=\"closeArtifactPanel()\"\n            (navigateToLink)=\"onArtifactLinkNavigation($event)\"\n            (shareRequested)=\"onArtifactShareRequested($event)\"\n            (maximizeToggled)=\"toggleMaximizeArtifactPanel()\"\n            (applyFormRequested)=\"onApplyFormRequested($event)\">\n          </mj-artifact-viewer-panel>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Global Search Panel -->\n  <mj-search-panel\n    [isOpen]=\"isSearchPanelOpen\"\n    [environmentId]=\"environmentId\"\n    [currentUser]=\"currentUser\"\n    (close)=\"closeSearch()\"\n    (resultSelected)=\"handleSearchResult($event)\">\n  </mj-search-panel>\n\n  <!-- Toast Notifications -->\n  <mj-toast></mj-toast>\n\n  <!-- Artifact Share Modal -->\n  <mj-artifact-share-modal\n    [isOpen]=\"isArtifactShareModalOpen\"\n    [artifact]=\"artifactToShare\"\n    [currentUser]=\"currentUser\"\n    (saved)=\"onArtifactShared()\"\n    (cancelled)=\"onArtifactShareModalClose()\">\n  </mj-artifact-share-modal>\n</div>", styles: [".conversation-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Fill parent container - works in any context (tabs, embedded, etc.) */\n  min-height: 0; /* Allow flex shrinking in nested flex containers */\n  background-color: var(--mj-bg-surface-sunken);\n  position: relative;\n}\n\n.workspace-navigation {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: var(--mj-text-primary);\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-text-inverse) 10%, transparent);\n}\n\n.workspace-content {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar {\n  flex-shrink: 0;\n  background-color: var(--mj-text-primary);\n  border-right: 1px solid var(--mj-border-default);\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n/* Disable transitions during initial load to prevent jarring animation */\n.workspace-sidebar.no-transition {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n/* Floating toggle button (only visible when sidebar is collapsed) */\n.sidebar-floating-toggle {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 100;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-text-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle:hover {\n  background: var(--mj-text-primary);\n  border-color: color-mix(in srgb, var(--mj-text-inverse) 30%, transparent);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle i {\n  color: color-mix(in srgb, var(--mj-text-inverse) 85%, transparent);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle:hover i {\n  color: var(--mj-text-inverse);\n}\n\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-hover);\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.workspace-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-height: 0;\n}\n\n.workspace-main > mj-conversation-chat-area {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.workspace-artifact-panel {\n  flex-shrink: 0;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-width: 300px;\n  max-width: 70%;\n}\n\n.artifact-panel-resize-handle {\n  width: 4px;\n  background-color: transparent;\n  cursor: ew-resize;\n  flex-shrink: 0;\n  transition: background-color 0.2s;\n  position: relative;\n  z-index: 10;\n}\n\n/* Wider hit area for easier grabbing */\n.artifact-panel-resize-handle::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: -4px;\n  right: -4px;\n  cursor: ew-resize;\n}\n\n.artifact-panel-resize-handle:hover {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.artifact-panel-resize-handle:active {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n/* Maximized artifact panel */\n.workspace-artifact-panel.maximized {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n/* Compact layout */\n.conversation-workspace[data-layout=\"compact\"] .workspace-sidebar {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"] .workspace-artifact-panel {\n  width: 400px;\n}\n\n/* Embedded layout */\n.conversation-workspace[data-layout=\"embedded\"] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"] .workspace-navigation {\n  height: 48px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .workspace-sidebar {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    right: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: -2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n}\n\n/* Desktop sidebar toggle animation */\n@media (min-width: 769px) {\n  .workspace-sidebar {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar:not(.open) ~ .sidebar-resize-handle {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n/* Mobile adjustments: 481px - 768px */\n@media (max-width: 768px) {\n  .workspace-sidebar {\n    position: fixed;\n    left: 0;\n    top: 80px;\n    z-index: 1000;\n    width: 260px !important;\n    height: calc(100vh - 80px);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n\n  .workspace-sidebar.open {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; /* 48px nav + 8px dark strip above blue border */\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle,\n  .artifact-panel-resize-handle,\n  .sidebar-floating-toggle {\n    display: none;\n  }\n\n  /* Mobile sidebar backdrop */\n  .mobile-sidebar-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n/* Small Phone adjustments: <= 480px */\n@media (max-width: 480px) {\n  .workspace-navigation {\n    height: 48px;\n  }\n\n  .workspace-sidebar {\n    width: 100%;\n  }\n}\n\n/* Loading spinner (shown while initializing agents) */\n.workspace-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  gap: 1rem;\n}\n\n.loading-spinner {\n  font-size: 3rem;\n  color: var(--mj-brand-primary);\n}\n\n.workspace-loading p {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-conversation-workspace', template: "<div class=\"conversation-workspace\" [attr.data-layout]=\"layout\" mjSearchShortcut (searchTriggered)=\"openSearch()\">\n  <!-- Top Navigation Bar -->\n  <div class=\"workspace-navigation\">\n    <mj-conversation-navigation\n      [activeTab]=\"activeTab\"\n      [environmentId]=\"environmentId\"\n      [currentUser]=\"currentUser\"\n      [conversationId]=\"selectedConversationId\"\n      (tabChanged)=\"onTabChanged($event)\"\n      (sidebarToggled)=\"toggleSidebar()\"\n      (searchTriggered)=\"openSearch()\"\n      (refreshTriggered)=\"onRefreshAgentCache()\">\n    </mj-conversation-navigation>\n  </div>\n\n  <!-- Loading spinner while initializing agents -->\n  @if (!isWorkspaceReady) {\n    <div class=\"workspace-loading\">\n      <mj-loading text=\"Loading agents...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  <!-- Main workspace content - only renders when agents are ready -->\n  @if (isWorkspaceReady) {\n    <div class=\"workspace-content\">\n      <!-- Mobile sidebar backdrop -->\n      @if (isMobileView && isSidebarVisible && activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"mobile-sidebar-backdrop visible\" (click)=\"closeSidebar()\"></div>\n      }\n\n      <!-- Left Sidebar (hidden when Collections or Tasks view is active) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"workspace-sidebar\"\n          [class.open]=\"isSidebarVisible\"\n          [class.collapsed]=\"isSidebarCollapsed\"\n          [class.no-transition]=\"!sidebarTransitionsEnabled\"\n          [style.width.px]=\"isSidebarCollapsed ? 0 : sidebarWidth\">\n          <mj-conversation-sidebar\n            [activeTab]=\"activeTab\"\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [selectedConversationId]=\"selectedConversationId\"\n            [renamedConversationId]=\"renamedConversationId\"\n            [isSidebarPinned]=\"isSidebarPinned\"\n            [isMobileView]=\"isMobileView\"\n            [ShowRoutines]=\"ShowRoutines\"\n            [Provider]=\"Provider\"\n            (conversationSelected)=\"onConversationSelected($event)\"\n            (newConversationRequested)=\"startNewConversation()\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (pinSidebarRequested)=\"pinSidebar()\"\n            (unpinSidebarRequested)=\"unpinSidebar()\">\n          </mj-conversation-sidebar>\n        </div>\n      }\n\n      <!-- Floating toggle button (only visible when sidebar is collapsed and settings loaded) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarCollapsed && isSidebarSettingsLoaded) {\n        <button class=\"sidebar-floating-toggle\"\n          (click)=\"expandSidebar()\"\n          title=\"Show conversations\">\n          <i class=\"fas fa-table-columns\"></i>\n        </button>\n      }\n\n      <!-- Resize handle for sidebar (only when expanded and settings loaded) -->\n      @if (isSidebarVisible && !isSidebarCollapsed && activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"sidebar-resize-handle\"\n        (mousedown)=\"onSidebarResizeStart($event)\"></div>\n      }\n\n      <!-- Collections Full-Panel View -->\n      @if (activeTab === 'collections') {\n        <div class=\"workspace-main\">\n          <mj-collections-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            (collectionNavigated)=\"onCollectionNavigated($event)\">\n          </mj-collections-full-view>\n        </div>\n      }\n\n      <!-- Tasks Full-Panel View -->\n      @if (activeTab === 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-tasks-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [baseFilter]=\"tasksFilter\"\n            [BaseFilterResolver]=\"TasksFilterResolver\"\n            [activeTaskId]=\"activeTaskId\"\n            (openEntityRecord)=\"onOpenEntityRecordFromTasks($event)\">\n          </mj-tasks-full-view>\n        </div>\n      }\n\n      <!-- Main Chat Area (only shown when not in Collections or Tasks view) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-conversation-chat-area\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [conversationId]=\"selectedConversationId\"\n            [conversation]=\"selectedConversation\"\n            [isNewConversation]=\"isNewUnsavedConversation\"\n            [pendingMessage]=\"pendingMessageToSend\"\n            [pendingAttachments]=\"pendingAttachmentsToSend\"\n            [pendingMessageConversationId]=\"pendingMessageConversationId\"\n            [pendingArtifactId]=\"pendingArtifactId\"\n            [pendingArtifactConversationId]=\"pendingArtifactConversationId\"\n            [pendingArtifactVersionNumber]=\"pendingArtifactVersionNumber\"\n            (conversationRenamed)=\"onConversationRenamed($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (navigationRequest)=\"onNavigationRequest($event)\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (artifactLinkClicked)=\"onArtifactLinkNavigation($event)\"\n            (conversationCreated)=\"onConversationCreated($event)\"\n            (realtimeConversationReady)=\"onRealtimeConversationReady($event)\"\n            (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactConversationId = null; pendingArtifactVersionNumber = null\"\n            (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = null; pendingMessageConversationId = null\"\n            (pendingMessageRequested)=\"onPendingMessageRequested($event)\">\n          </mj-conversation-chat-area>\n        </div>\n      }\n\n      <!-- Right Artifact Panel -->\n      @if (isArtifactPanelOpen && activeArtifactId) {\n        @if (!isArtifactPanelMaximized) {\n          <div class=\"artifact-panel-resize-handle\" (mousedown)=\"onArtifactPanelResizeStart($event)\"></div>\n        }\n        <div class=\"workspace-artifact-panel\"\n          [style.width.%]=\"artifactPanelWidth\"\n          [class.maximized]=\"isArtifactPanelMaximized\">\n          <mj-artifact-viewer-panel\n            [artifactId]=\"activeArtifactId\"\n            [currentUser]=\"currentUser\"\n            [environmentId]=\"environmentId\"\n            [versionNumber]=\"activeVersionNumber ?? undefined\"\n            [showSaveToCollection]=\"activeTab !== 'collections'\"\n            [viewContext]=\"activeTab === 'collections' ? 'collection' : 'conversation'\"\n            [Scope]=\"activeTab === 'collections' ? null : ArtifactViewerScope\"\n            [contextCollectionId]=\"collectionState.activeCollectionId ?? undefined\"\n            [canShare]=\"canShareActiveArtifact\"\n            [canEdit]=\"canEditActiveArtifact\"\n            [isMaximized]=\"isArtifactPanelMaximized\"\n            (closed)=\"closeArtifactPanel()\"\n            (navigateToLink)=\"onArtifactLinkNavigation($event)\"\n            (shareRequested)=\"onArtifactShareRequested($event)\"\n            (maximizeToggled)=\"toggleMaximizeArtifactPanel()\"\n            (applyFormRequested)=\"onApplyFormRequested($event)\">\n          </mj-artifact-viewer-panel>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Global Search Panel -->\n  <mj-search-panel\n    [isOpen]=\"isSearchPanelOpen\"\n    [environmentId]=\"environmentId\"\n    [currentUser]=\"currentUser\"\n    (close)=\"closeSearch()\"\n    (resultSelected)=\"handleSearchResult($event)\">\n  </mj-search-panel>\n\n  <!-- Toast Notifications -->\n  <mj-toast></mj-toast>\n\n  <!-- Artifact Share Modal -->\n  <mj-artifact-share-modal\n    [isOpen]=\"isArtifactShareModalOpen\"\n    [artifact]=\"artifactToShare\"\n    [currentUser]=\"currentUser\"\n    (saved)=\"onArtifactShared()\"\n    (cancelled)=\"onArtifactShareModalClose()\">\n  </mj-artifact-share-modal>\n</div>", styles: [".conversation-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Fill parent container - works in any context (tabs, embedded, etc.) */\n  min-height: 0; /* Allow flex shrinking in nested flex containers */\n  background-color: var(--mj-bg-surface-sunken);\n  position: relative;\n}\n\n.workspace-navigation {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: var(--mj-text-primary);\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-text-inverse) 10%, transparent);\n}\n\n.workspace-content {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar {\n  flex-shrink: 0;\n  background-color: var(--mj-text-primary);\n  border-right: 1px solid var(--mj-border-default);\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n/* Disable transitions during initial load to prevent jarring animation */\n.workspace-sidebar.no-transition {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n/* Floating toggle button (only visible when sidebar is collapsed) */\n.sidebar-floating-toggle {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 100;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-text-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle:hover {\n  background: var(--mj-text-primary);\n  border-color: color-mix(in srgb, var(--mj-text-inverse) 30%, transparent);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle i {\n  color: color-mix(in srgb, var(--mj-text-inverse) 85%, transparent);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle:hover i {\n  color: var(--mj-text-inverse);\n}\n\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-hover);\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.workspace-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-height: 0;\n}\n\n.workspace-main > mj-conversation-chat-area {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.workspace-artifact-panel {\n  flex-shrink: 0;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-width: 300px;\n  max-width: 70%;\n}\n\n.artifact-panel-resize-handle {\n  width: 4px;\n  background-color: transparent;\n  cursor: ew-resize;\n  flex-shrink: 0;\n  transition: background-color 0.2s;\n  position: relative;\n  z-index: 10;\n}\n\n/* Wider hit area for easier grabbing */\n.artifact-panel-resize-handle::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: -4px;\n  right: -4px;\n  cursor: ew-resize;\n}\n\n.artifact-panel-resize-handle:hover {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.artifact-panel-resize-handle:active {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n/* Maximized artifact panel */\n.workspace-artifact-panel.maximized {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n/* Compact layout */\n.conversation-workspace[data-layout=\"compact\"] .workspace-sidebar {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"] .workspace-artifact-panel {\n  width: 400px;\n}\n\n/* Embedded layout */\n.conversation-workspace[data-layout=\"embedded\"] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"] .workspace-navigation {\n  height: 48px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .workspace-sidebar {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    right: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: -2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n}\n\n/* Desktop sidebar toggle animation */\n@media (min-width: 769px) {\n  .workspace-sidebar {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar:not(.open) ~ .sidebar-resize-handle {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n/* Mobile adjustments: 481px - 768px */\n@media (max-width: 768px) {\n  .workspace-sidebar {\n    position: fixed;\n    left: 0;\n    top: 80px;\n    z-index: 1000;\n    width: 260px !important;\n    height: calc(100vh - 80px);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n\n  .workspace-sidebar.open {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; /* 48px nav + 8px dark strip above blue border */\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle,\n  .artifact-panel-resize-handle,\n  .sidebar-floating-toggle {\n    display: none;\n  }\n\n  /* Mobile sidebar backdrop */\n  .mobile-sidebar-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n/* Small Phone adjustments: <= 480px */\n@media (max-width: 480px) {\n  .workspace-navigation {\n    height: 48px;\n  }\n\n  .workspace-sidebar {\n    width: 100%;\n  }\n}\n\n/* Loading spinner (shown while initializing agents) */\n.workspace-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  gap: 1rem;\n}\n\n.loading-spinner {\n  font-size: 3rem;\n  color: var(--mj-brand-primary);\n}\n\n.workspace-loading p {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}"] }]
     }], () => [{ type: i1.ArtifactStateService }, { type: i2.CollectionStateService }, { type: i3.ArtifactPermissionService }, { type: i4.MJNotificationService }, { type: i5.ConversationStreamingService }, { type: i6.UICommandHandlerService }, { type: i0.ChangeDetectorRef }], { EnvironmentId: [{
             type: Input
         }], environmentId: [{
@@ -1928,6 +1909,9 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             type: Output
         }], navigationRequested: [{
             type: Output
+        }], chatArea: [{
+            type: ViewChild,
+            args: [ConversationChatAreaComponent]
         }], onWindowResize: [{
             type: HostListener,
             args: ['window:resize']
@@ -1935,5 +1919,5 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             type: HostListener,
             args: ['document:click', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 67 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 70 }); })();
 //# sourceMappingURL=conversation-workspace.component.js.map