@memberjunction/ng-conversations 2.129.0 → 2.130.1

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

@@ -1,3 +1,23 @@
+/**
+ * ============================================================================
+ * DEPRECATED - DO NOT USE
+ * ============================================================================
+ *
+ * This workspace component was used when conversations, collections, and tasks
+ * were all combined into a single tabbed interface.
+ *
+ * The new architecture uses SEPARATE resource components for each feature:
+ * - ChatConversationsResource for conversations
+ * - CollectionsResource for collections
+ * - TasksResource for tasks
+ *
+ * These resource components are located in @memberjunction/ng-explorer-core
+ * and integrate with MJExplorer's tab/navigation system.
+ *
+ * This file is kept for backwards compatibility only. Any new features or
+ * bug fixes should be made to the individual resource components instead.
+ * ============================================================================
+ */
 import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
 import { ArtifactMetadataEngine, UserInfoEngine } from '@memberjunction/core-entities';
 import { Metadata } from '@memberjunction/core';
@@ -51,8 +71,8 @@ function ConversationWorkspaceComponent_Conditional_4_div_2_Template(rf, ctx) {
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵlistener("click", function ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.expandSidebar()); });
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.expandSidebar()); });
     i0.ɵɵelement(1, "i", 18);
     i0.ɵɵelementEnd();
 } }
@@ -85,12 +105,12 @@ function ConversationWorkspaceComponent_Conditional_4_div_6_Template(rf, ctx) {
 function ConversationWorkspaceComponent_Conditional_4_div_7_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 20)(1, "mj-conversation-chat-area", 23);
-    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_div_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_div_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)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_div_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_div_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_div_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)); })("threadOpened", function ConversationWorkspaceComponent_Conditional_4_div_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_div_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_div_7_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_div_7_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pendingMessageToSend = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_div_7_Template_mj_conversation_chat_area_pendingMessageRequested_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pendingMessageToSend = $event); });
+    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_div_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_div_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)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_div_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_div_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_div_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)); })("threadOpened", function ConversationWorkspaceComponent_Conditional_4_div_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_div_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_div_7_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_div_7_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingMessageToSend = null; return i0.ɵɵresetView(ctx_r1.pendingAttachmentsToSend = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_div_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)("pendingArtifactId", ctx_r1.pendingArtifactId)("pendingArtifactVersionNumber", ctx_r1.pendingArtifactVersionNumber);
+    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)("pendingArtifactId", ctx_r1.pendingArtifactId)("pendingArtifactVersionNumber", ctx_r1.pendingArtifactVersionNumber);
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -117,7 +137,7 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template(rf,
 } }
 function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵtemplate(1, ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template, 1, 0, "div", 8)(2, ConversationWorkspaceComponent_Conditional_4_div_2_Template, 2, 15, "div", 9)(3, ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template, 2, 0, "div", 10)(4, ConversationWorkspaceComponent_Conditional_4_div_4_Template, 1, 0, "div", 11)(5, ConversationWorkspaceComponent_Conditional_4_div_5_Template, 2, 2, "div", 12)(6, ConversationWorkspaceComponent_Conditional_4_div_6_Template, 2, 4, "div", 12)(7, ConversationWorkspaceComponent_Conditional_4_div_7_Template, 2, 9, "div", 12)(8, ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template, 3, 15, "div", 13);
+    i0.ɵɵtemplate(1, ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template, 1, 0, "div", 8)(2, ConversationWorkspaceComponent_Conditional_4_div_2_Template, 2, 15, "div", 9)(3, ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template, 2, 0, "button", 10)(4, ConversationWorkspaceComponent_Conditional_4_div_4_Template, 1, 0, "div", 11)(5, ConversationWorkspaceComponent_Conditional_4_div_5_Template, 2, 2, "div", 12)(6, ConversationWorkspaceComponent_Conditional_4_div_6_Template, 2, 4, "div", 12)(7, ConversationWorkspaceComponent_Conditional_4_div_7_Template, 2, 10, "div", 12)(8, ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template, 3, 15, "div", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -142,6 +162,10 @@ function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf
  * Top-level workspace component for conversations
  * Provides 3-column Slack-style layout: Navigation | Sidebar | Chat Area | Artifact Panel
  * Supports context-based navigation (library or task views)
+ *
+ * @deprecated Use ChatConversationsResource from @memberjunction/ng-explorer-core instead.
+ * This component is maintained for backwards compatibility but the resource-wrapper pattern
+ * is the preferred approach for MJExplorer integration.
  */
 export class ConversationWorkspaceComponent extends BaseAngularComponent {
     conversationData;
@@ -241,10 +265,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     previousVersionId = null; // Used to track version changes in ngDoCheck
     previousIsNewConversation = false; // Track new conversation state changes
     destroy$ = new Subject();
-    // LocalStorage keys (fallback for User Settings)
-    SIDEBAR_WIDTH_KEY = 'mj-conversations-sidebar-width';
-    SIDEBAR_COLLAPSED_KEY = 'mj-conversations-sidebar-collapsed';
-    ARTIFACT_PANEL_WIDTH_KEY = 'mj-artifact-panel-width';
     // User Settings key for server-side persistence
     USER_SETTING_SIDEBAR_KEY = 'Conversations.SidebarState';
     saveSettingsTimeout = null;
@@ -258,6 +278,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     selectedThreadId = null;
     isNewUnsavedConversation = false;
     pendingMessageToSend = null;
+    pendingAttachmentsToSend = null;
     pendingArtifactId = null;
     pendingArtifactVersionNumber = null;
     constructor(conversationData, artifactState, collectionState, artifactPermissionService, mentionAutocompleteService, notificationService, streamingService, uiCommandHandler, cdr) {
@@ -299,6 +320,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.selectedConversation = null;
         this.isNewUnsavedConversation = true;
         this.pendingMessageToSend = null;
+        this.pendingAttachmentsToSend = null;
         // Auto-collapse if mobile OR if sidebar is not pinned
         if (this.isMobileView || !this.isSidebarPinned) {
             this.collapseSidebar();
@@ -336,12 +358,30 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     }
     /**
      * Handler for new conversation creation from chat area
+     * Now includes pending message and attachments to ensure atomic state update
      */
-    onConversationCreated(conversation) {
-        this.selectedConversationId = conversation.ID;
-        this.selectedConversation = conversation;
-        this.isNewUnsavedConversation = false;
-        // The conversation is already added to conversationData by the chat area
+    onConversationCreated(event) {
+        try {
+            // Set ALL state atomically before Angular change detection runs
+            // This ensures the new message-input component receives the pending data
+            this.pendingMessageToSend = event.pendingMessage || null;
+            this.pendingAttachmentsToSend = event.pendingAttachments || null;
+            this.selectedConversationId = event.conversation.ID;
+            this.selectedConversation = event.conversation;
+            this.isNewUnsavedConversation = false;
+            // The conversation is already added to conversationData by the chat area
+        }
+        catch (error) {
+            console.error('onConversationCreated ERROR:', error);
+        }
+    }
+    /**
+     * Handler for pending message requested from chat area (empty state)
+     * @deprecated Use onConversationCreated with pendingMessage instead
+     */
+    onPendingMessageRequested(event) {
+        this.pendingMessageToSend = event.text;
+        this.pendingAttachmentsToSend = event.attachments;
     }
     /**
      * Handler for thread opened from chat area
@@ -374,9 +414,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         });
         // Check initial mobile state FIRST
         this.checkMobileView();
-        // Load saved widths from localStorage
-        this.loadSidebarWidth();
-        this.loadArtifactPanelWidth();
         // Load sidebar state - but on mobile, always default to collapsed
         if (this.isMobileView) {
             this.isSidebarCollapsed = true;
@@ -621,38 +658,34 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.saveSidebarState();
     }
     /**
-     * Save sidebar state to User Settings (server) and localStorage (fallback)
+     * Save sidebar state to User Settings (server)
      * Uses debouncing to avoid excessive database writes
      */
     saveSidebarState() {
-        const stateToSave = {
-            collapsed: this.isSidebarCollapsed,
-            pinned: this.isSidebarPinned
-        };
-        // Save to localStorage immediately as backup
-        try {
-            localStorage.setItem(this.SIDEBAR_COLLAPSED_KEY, JSON.stringify(stateToSave));
-        }
-        catch (error) {
-            console.warn('Failed to save sidebar state to localStorage:', error);
-        }
         // Debounce the server save to avoid excessive writes
         if (this.saveSettingsTimeout) {
             clearTimeout(this.saveSettingsTimeout);
         }
         this.saveSettingsTimeout = setTimeout(() => {
-            this.saveSidebarStateToServer(stateToSave);
+            this.saveSidebarStateToServer();
         }, 1000); // 1 second debounce
     }
     /**
      * Save sidebar state to User Settings entity on server using UserInfoEngine for cached lookup
+     * Includes collapsed, pinned, sidebarWidth, and artifactPanelWidth
      */
-    async saveSidebarStateToServer(state) {
+    async saveSidebarStateToServer() {
         try {
             const userId = this.currentUser?.ID;
             if (!userId) {
                 return;
             }
+            const stateToSave = {
+                collapsed: this.isSidebarCollapsed,
+                pinned: this.isSidebarPinned,
+                sidebarWidth: this.sidebarWidth,
+                artifactPanelWidth: this.artifactPanelWidth
+            };
             const engine = UserInfoEngine.Instance;
             const md = new Metadata();
             // Find existing setting from cached user settings
@@ -663,7 +696,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
                 setting.UserID = userId;
                 setting.Setting = this.USER_SETTING_SIDEBAR_KEY;
             }
-            setting.Value = JSON.stringify(state);
+            setting.Value = JSON.stringify(stateToSave);
             await setting.Save();
         }
         catch (error) {
@@ -671,7 +704,8 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         }
     }
     /**
-     * Load sidebar state from User Settings (server) using UserInfoEngine, falling back to localStorage
+     * Load sidebar state from User Settings (server) using UserInfoEngine
+     * Includes collapsed, pinned, sidebarWidth, and artifactPanelWidth
      * For new users with no saved state, defaults to collapsed with new conversation
      */
     async loadSidebarState() {
@@ -679,33 +713,20 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         try {
             const userId = this.currentUser?.ID;
             if (userId) {
-                // Try loading from cached User Settings first
+                // Try loading from cached User Settings
                 const engine = UserInfoEngine.Instance;
                 const setting = engine.UserSettings.find(s => s.Setting === this.USER_SETTING_SIDEBAR_KEY);
                 if (setting?.Value) {
                     const state = JSON.parse(setting.Value);
                     this.isSidebarCollapsed = state.collapsed ?? true;
                     this.isSidebarPinned = state.pinned ?? false;
-                    this.isLoadingSettings = false;
-                    return;
-                }
-            }
-            // Fall back to localStorage
-            const saved = localStorage.getItem(this.SIDEBAR_COLLAPSED_KEY);
-            if (saved) {
-                try {
-                    const state = JSON.parse(saved);
-                    if (typeof state === 'object' && state !== null) {
-                        this.isSidebarCollapsed = state.collapsed ?? true;
-                        this.isSidebarPinned = state.pinned ?? false;
-                        this.isLoadingSettings = false;
-                        return;
+                    // Load width values if present (with validation)
+                    if (typeof state.sidebarWidth === 'number' && state.sidebarWidth >= 200 && state.sidebarWidth <= 500) {
+                        this.sidebarWidth = state.sidebarWidth;
+                    }
+                    if (typeof state.artifactPanelWidth === 'number' && state.artifactPanelWidth >= 20 && state.artifactPanelWidth <= 70) {
+                        this.artifactPanelWidth = state.artifactPanelWidth;
                     }
-                }
-                catch {
-                    // Fall back to old boolean format
-                    this.isSidebarCollapsed = saved === 'true';
-                    this.isSidebarPinned = !this.isSidebarCollapsed;
                     this.isLoadingSettings = false;
                     return;
                 }
@@ -901,13 +922,13 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             this.isSidebarResizing = false;
             document.body.style.cursor = '';
             document.body.style.userSelect = '';
-            this.saveSidebarWidth();
+            this.saveSidebarState(); // Save width to User Settings
         }
         else if (this.isArtifactPanelResizing) {
             this.isArtifactPanelResizing = false;
             document.body.style.cursor = '';
             document.body.style.userSelect = '';
-            this.saveArtifactPanelWidth();
+            this.saveSidebarState(); // Save width to User Settings
         }
     }
     /**
@@ -951,58 +972,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     onResizeTouchEnd(event) {
         if (this.isSidebarResizing) {
             this.isSidebarResizing = false;
-            this.saveSidebarWidth();
+            this.saveSidebarState(); // Save width to User Settings
         }
         else if (this.isArtifactPanelResizing) {
             this.isArtifactPanelResizing = false;
-            this.saveArtifactPanelWidth();
-        }
-    }
-    /**
-     * LocalStorage persistence methods
-     */
-    loadSidebarWidth() {
-        try {
-            const saved = localStorage.getItem(this.SIDEBAR_WIDTH_KEY);
-            if (saved) {
-                const width = parseInt(saved, 10);
-                if (!isNaN(width) && width >= 200 && width <= 500) {
-                    this.sidebarWidth = width;
-                }
-            }
-        }
-        catch (error) {
-            console.warn('Failed to load sidebar width from localStorage:', error);
-        }
-    }
-    saveSidebarWidth() {
-        try {
-            localStorage.setItem(this.SIDEBAR_WIDTH_KEY, this.sidebarWidth.toString());
-        }
-        catch (error) {
-            console.warn('Failed to save sidebar width to localStorage:', error);
-        }
-    }
-    loadArtifactPanelWidth() {
-        try {
-            const saved = localStorage.getItem(this.ARTIFACT_PANEL_WIDTH_KEY);
-            if (saved) {
-                const width = parseFloat(saved);
-                if (!isNaN(width) && width >= 20 && width <= 70) {
-                    this.artifactPanelWidth = width;
-                }
-            }
-        }
-        catch (error) {
-            console.warn('Failed to load artifact panel width from localStorage:', error);
-        }
-    }
-    saveArtifactPanelWidth() {
-        try {
-            localStorage.setItem(this.ARTIFACT_PANEL_WIDTH_KEY, this.artifactPanelWidth.toString());
-        }
-        catch (error) {
-            console.warn('Failed to save artifact panel width to localStorage:', error);
+            this.saveSidebarState(); // Save width to User Settings
         }
     }
     /**
@@ -1209,7 +1183,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     static ɵfac = function ConversationWorkspaceComponent_Factory(t) { return new (t || ConversationWorkspaceComponent)(i0.ɵɵdirectiveInject(i1.ConversationDataService), i0.ɵɵdirectiveInject(i2.ArtifactStateService), i0.ɵɵdirectiveInject(i3.CollectionStateService), i0.ɵɵdirectiveInject(i4.ArtifactPermissionService), i0.ɵɵdirectiveInject(i5.MentionAutocompleteService), i0.ɵɵdirectiveInject(i6.MJNotificationService), i0.ɵɵdirectiveInject(i7.ConversationStreamingService), i0.ɵɵdirectiveInject(i8.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) {
             i0.ɵɵlistener("resize", function ConversationWorkspaceComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function ConversationWorkspaceComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, false, i0.ɵɵresolveDocument);
-        } }, inputs: { environmentId: "environmentId", initialConversationId: "initialConversationId", layout: "layout", currentUser: "currentUser", activeContext: "activeContext", contextItemId: "contextItemId", activeTabInput: "activeTabInput", activeConversationInput: "activeConversationInput", activeCollectionInput: "activeCollectionInput", activeVersionIdInput: "activeVersionIdInput", activeTaskInput: "activeTaskInput" }, outputs: { conversationChanged: "conversationChanged", artifactOpened: "artifactOpened", navigationChanged: "navigationChanged", newConversationStarted: "newConversationStarted", actionableCommandExecuted: "actionableCommandExecuted", automaticCommandExecuted: "automaticCommandExecuted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["mjSearchShortcut", "", "kendoDialogContainer", "", 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"], ["class", "workspace-sidebar", 3, "open", "collapsed", "no-transition", "width", 4, "ngIf"], ["title", "Expand sidebar", 1, "sidebar-expand-handle"], ["class", "sidebar-resize-handle", 3, "mousedown", 4, "ngIf"], ["class", "workspace-main", 4, "ngIf"], [1, "workspace-artifact-panel", 3, "width", "maximized"], [1, "mobile-sidebar-backdrop", "visible", 3, "click"], [1, "workspace-sidebar"], [3, "conversationSelected", "newConversationRequested", "pinSidebarRequested", "unpinSidebarRequested", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView"], ["title", "Expand sidebar", 1, "sidebar-expand-handle", 3, "click"], [1, "fas", "fa-chevron-right"], [1, "sidebar-resize-handle", 3, "mousedown"], [1, "workspace-main"], [3, "collectionNavigated", "environmentId", "currentUser"], [3, "openEntityRecord", "environmentId", "currentUser", "baseFilter", "activeTaskId"], [3, "conversationRenamed", "openEntityRecord", "taskClicked", "artifactLinkClicked", "conversationCreated", "threadOpened", "threadClosed", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "threadId", "isNewConversation", "pendingMessage", "pendingArtifactId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "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", initialConversationId: "initialConversationId", layout: "layout", currentUser: "currentUser", activeContext: "activeContext", contextItemId: "contextItemId", activeTabInput: "activeTabInput", activeConversationInput: "activeConversationInput", activeCollectionInput: "activeCollectionInput", activeVersionIdInput: "activeVersionIdInput", activeTaskInput: "activeTaskInput" }, outputs: { conversationChanged: "conversationChanged", artifactOpened: "artifactOpened", navigationChanged: "navigationChanged", newConversationStarted: "newConversationStarted", actionableCommandExecuted: "actionableCommandExecuted", automaticCommandExecuted: "automaticCommandExecuted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["mjSearchShortcut", "", "kendoDialogContainer", "", 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"], ["class", "workspace-sidebar", 3, "open", "collapsed", "no-transition", "width", 4, "ngIf"], ["title", "Show conversations", 1, "sidebar-floating-toggle"], ["class", "sidebar-resize-handle", 3, "mousedown", 4, "ngIf"], ["class", "workspace-main", 4, "ngIf"], [1, "workspace-artifact-panel", 3, "width", "maximized"], [1, "mobile-sidebar-backdrop", "visible", 3, "click"], [1, "workspace-sidebar"], [3, "conversationSelected", "newConversationRequested", "pinSidebarRequested", "unpinSidebarRequested", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView"], ["title", "Show conversations", 1, "sidebar-floating-toggle", 3, "click"], [1, "fas", "fa-table-columns"], [1, "sidebar-resize-handle", 3, "mousedown"], [1, "workspace-main"], [3, "collectionNavigated", "environmentId", "currentUser"], [3, "openEntityRecord", "environmentId", "currentUser", "baseFilter", "activeTaskId"], [3, "conversationRenamed", "openEntityRecord", "taskClicked", "artifactLinkClicked", "conversationCreated", "threadOpened", "threadClosed", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "threadId", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingArtifactId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "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) {
             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);
@@ -1235,11 +1209,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             i0.ɵɵproperty("isOpen", ctx.isSearchPanelOpen)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("isOpen", ctx.isArtifactShareModalOpen)("artifact", ctx.artifactToShare)("currentUser", ctx.currentUser);
-        } }, dependencies: [i9.NgIf, i10.DialogContainerDirective, i11.ArtifactViewerPanelComponent, i12.LoadingComponent, i13.TasksFullViewComponent, i14.ArtifactShareModalComponent, i15.ConversationNavigationComponent, i16.ConversationSidebarComponent, i17.ConversationChatAreaComponent, i18.CollectionsFullViewComponent, i19.SearchPanelComponent, i20.ToastComponent, i21.SearchShortcutDirective], styles: [".conversation-workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%; \n\n  min-height: 0; \n\n  background-color: #F4F4F4;\n  position: relative;\n}\n\n.workspace-navigation[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: #092340;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.workspace-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background-color: #092340;\n  border-right: 1px solid #D9D9D9;\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n\n\n.workspace-sidebar.no-transition[_ngcontent-%COMP%] {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed[_ngcontent-%COMP%] {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n\n\n.sidebar-expand-handle[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  background: #092340;\n  border-right: 1px solid rgba(255, 255, 255, 0.15);\n  transition: background 0.15s ease;\n  z-index: 10;\n}\n\n.sidebar-expand-handle[_ngcontent-%COMP%]:hover {\n  background: #1a3a5c;\n}\n\n.sidebar-expand-handle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 11px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-expand-handle[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n  color: white;\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: #1e40af;\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%]:active {\n  background: #1e3a8a;\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%]::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[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: #FFF;\n  overflow: hidden;\n  min-height: 0;\n}\n\n.workspace-main[_ngcontent-%COMP%]    > mj-conversation-chat-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.workspace-artifact-panel[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background-color: #FFF;\n  overflow: hidden;\n  min-width: 300px;\n  max-width: 70%;\n}\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%] {\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\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%]::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[_ngcontent-%COMP%]:hover {\n  background-color: #1e40af;\n}\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%]:active {\n  background-color: #1e3a8a;\n}\n\n\n\n.workspace-artifact-panel.maximized[_ngcontent-%COMP%] {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-sidebar[_ngcontent-%COMP%] {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-artifact-panel[_ngcontent-%COMP%] {\n  width: 400px;\n}\n\n\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%]   .workspace-navigation[_ngcontent-%COMP%] {\n  height: 48px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .workspace-artifact-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    right: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);\n  }\n}\n\n\n\n@media (min-width: 769px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%] {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open)    ~ .sidebar-resize-handle[_ngcontent-%COMP%] {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n\n\n@media (max-width: 768px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; \n\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%], \n   .artifact-panel-resize-handle[_ngcontent-%COMP%], \n   .sidebar-expand-handle[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  \n\n  .mobile-sidebar-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible[_ngcontent-%COMP%] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n\n\n@media (max-width: 480px) {\n  .workspace-navigation[_ngcontent-%COMP%] {\n    height: 48px;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n.workspace-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  background: #FFF;\n  gap: 1rem;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  font-size: 3rem;\n  color: #0078d4;\n}\n\n.workspace-loading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: #666;\n  margin: 0;\n}"] });
+        } }, dependencies: [i9.NgIf, i10.DialogContainerDirective, i11.ArtifactViewerPanelComponent, i12.LoadingComponent, i13.TasksFullViewComponent, i14.ArtifactShareModalComponent, i15.ConversationNavigationComponent, i16.ConversationSidebarComponent, i17.ConversationChatAreaComponent, i18.CollectionsFullViewComponent, i19.SearchPanelComponent, i20.ToastComponent, i21.SearchShortcutDirective], styles: [".conversation-workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%; \n\n  min-height: 0; \n\n  background-color: #F4F4F4;\n  position: relative;\n}\n\n.workspace-navigation[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: #092340;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.workspace-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background-color: #092340;\n  border-right: 1px solid #D9D9D9;\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n\n\n.workspace-sidebar.no-transition[_ngcontent-%COMP%] {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed[_ngcontent-%COMP%] {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n\n\n.sidebar-floating-toggle[_ngcontent-%COMP%] {\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: #092340;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:hover {\n  background: #0a2d4d;\n  border-color: rgba(255, 255, 255, 0.3);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: rgba(255, 255, 255, 0.85);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n  color: white;\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: #1e40af;\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%]:active {\n  background: #1e3a8a;\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%]::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[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: #FFF;\n  overflow: hidden;\n  min-height: 0;\n}\n\n.workspace-main[_ngcontent-%COMP%]    > mj-conversation-chat-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.workspace-artifact-panel[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background-color: #FFF;\n  overflow: hidden;\n  min-width: 300px;\n  max-width: 70%;\n}\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%] {\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\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%]::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[_ngcontent-%COMP%]:hover {\n  background-color: #1e40af;\n}\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%]:active {\n  background-color: #1e3a8a;\n}\n\n\n\n.workspace-artifact-panel.maximized[_ngcontent-%COMP%] {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-sidebar[_ngcontent-%COMP%] {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-artifact-panel[_ngcontent-%COMP%] {\n  width: 400px;\n}\n\n\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%]   .workspace-navigation[_ngcontent-%COMP%] {\n  height: 48px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .workspace-artifact-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    right: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);\n  }\n}\n\n\n\n@media (min-width: 769px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%] {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open)    ~ .sidebar-resize-handle[_ngcontent-%COMP%] {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n\n\n@media (max-width: 768px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; \n\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%], \n   .artifact-panel-resize-handle[_ngcontent-%COMP%], \n   .sidebar-floating-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  \n\n  .mobile-sidebar-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible[_ngcontent-%COMP%] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n\n\n@media (max-width: 480px) {\n  .workspace-navigation[_ngcontent-%COMP%] {\n    height: 48px;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n.workspace-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  background: #FFF;\n  gap: 1rem;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  font-size: 3rem;\n  color: #0078d4;\n}\n\n.workspace-loading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: #666;\n  margin: 0;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConversationWorkspaceComponent, [{
         type: Component,
-        args: [{ selector: 'mj-conversation-workspace', template: "<div class=\"conversation-workspace\" [attr.data-layout]=\"layout\" mjSearchShortcut (searchTriggered)=\"openSearch()\" kendoDialogContainer>\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    <div class=\"workspace-sidebar\"\n         *ngIf=\"activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded\"\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        (conversationSelected)=\"onConversationSelected($event)\"\n        (newConversationRequested)=\"startNewConversation()\"\n        (pinSidebarRequested)=\"pinSidebar()\"\n        (unpinSidebarRequested)=\"unpinSidebar()\">\n      </mj-conversation-sidebar>\n    </div>\n\n    <!-- Sidebar expand handle (only visible when collapsed and settings loaded) -->\n    @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarCollapsed && isSidebarSettingsLoaded) {\n      <div class=\"sidebar-expand-handle\"\n           (click)=\"expandSidebar()\"\n           title=\"Expand sidebar\">\n        <i class=\"fas fa-chevron-right\"></i>\n      </div>\n    }\n\n    <!-- Resize handle for sidebar (only when expanded and settings loaded) -->\n    <div class=\"sidebar-resize-handle\"\n         *ngIf=\"isSidebarVisible && !isSidebarCollapsed && activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded\"\n         (mousedown)=\"onSidebarResizeStart($event)\"></div>\n\n    <!-- Collections Full-Panel View -->\n    <div class=\"workspace-main\" *ngIf=\"activeTab === 'collections'\">\n      <mj-collections-full-view\n        [environmentId]=\"environmentId\"\n        [currentUser]=\"currentUser\"\n        (collectionNavigated)=\"onCollectionNavigated($event)\">\n      </mj-collections-full-view>\n    </div>\n\n    <!-- Tasks Full-Panel View -->\n    <div class=\"workspace-main\" *ngIf=\"activeTab === 'tasks'\">\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    <!-- Main Chat Area (only shown when not in Collections or Tasks view) -->\n    <div class=\"workspace-main\" *ngIf=\"activeTab !== 'collections' && activeTab !== 'tasks'\">\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        [pendingArtifactId]=\"pendingArtifactId\"\n        [pendingArtifactVersionNumber]=\"pendingArtifactVersionNumber\"\n        (conversationRenamed)=\"onConversationRenamed($event)\"\n        (openEntityRecord)=\"onOpenEntityRecord($event)\"\n        (taskClicked)=\"onTaskClicked($event)\"\n        (artifactLinkClicked)=\"onArtifactLinkNavigation($event)\"\n        (conversationCreated)=\"onConversationCreated($event)\"\n        (threadOpened)=\"onThreadOpened($event)\"\n        (threadClosed)=\"onThreadClosed()\"\n        (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactVersionNumber = null\"\n        (pendingMessageConsumed)=\"pendingMessageToSend = null\"\n        (pendingMessageRequested)=\"pendingMessageToSend = $event\">\n      </mj-conversation-chat-area>\n    </div>\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        </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: #F4F4F4;\n  position: relative;\n}\n\n.workspace-navigation {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: #092340;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\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: #092340;\n  border-right: 1px solid #D9D9D9;\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/* Sidebar expand handle (only visible when sidebar is collapsed) */\n.sidebar-expand-handle {\n  flex-shrink: 0;\n  width: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  background: #092340;\n  border-right: 1px solid rgba(255, 255, 255, 0.15);\n  transition: background 0.15s ease;\n  z-index: 10;\n}\n\n.sidebar-expand-handle:hover {\n  background: #1a3a5c;\n}\n\n.sidebar-expand-handle i {\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 11px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-expand-handle:hover i {\n  color: white;\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: #1e40af;\n}\n\n.sidebar-resize-handle:active {\n  background: #1e3a8a;\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: #FFF;\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: #FFF;\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: #1e40af;\n}\n\n.artifact-panel-resize-handle:active {\n  background-color: #1e3a8a;\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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-expand-handle {\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: rgba(0, 0, 0, 0.5);\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: #FFF;\n  gap: 1rem;\n}\n\n.loading-spinner {\n  font-size: 3rem;\n  color: #0078d4;\n}\n\n.workspace-loading p {\n  font-size: 1rem;\n  color: #666;\n  margin: 0;\n}"] }]
+        args: [{ selector: 'mj-conversation-workspace', template: "<div class=\"conversation-workspace\" [attr.data-layout]=\"layout\" mjSearchShortcut (searchTriggered)=\"openSearch()\" kendoDialogContainer>\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    <div class=\"workspace-sidebar\"\n         *ngIf=\"activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded\"\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        (conversationSelected)=\"onConversationSelected($event)\"\n        (newConversationRequested)=\"startNewConversation()\"\n        (pinSidebarRequested)=\"pinSidebar()\"\n        (unpinSidebarRequested)=\"unpinSidebar()\">\n      </mj-conversation-sidebar>\n    </div>\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    <div class=\"sidebar-resize-handle\"\n         *ngIf=\"isSidebarVisible && !isSidebarCollapsed && activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded\"\n         (mousedown)=\"onSidebarResizeStart($event)\"></div>\n\n    <!-- Collections Full-Panel View -->\n    <div class=\"workspace-main\" *ngIf=\"activeTab === 'collections'\">\n      <mj-collections-full-view\n        [environmentId]=\"environmentId\"\n        [currentUser]=\"currentUser\"\n        (collectionNavigated)=\"onCollectionNavigated($event)\">\n      </mj-collections-full-view>\n    </div>\n\n    <!-- Tasks Full-Panel View -->\n    <div class=\"workspace-main\" *ngIf=\"activeTab === 'tasks'\">\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    <!-- Main Chat Area (only shown when not in Collections or Tasks view) -->\n    <div class=\"workspace-main\" *ngIf=\"activeTab !== 'collections' && activeTab !== 'tasks'\">\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        [pendingArtifactId]=\"pendingArtifactId\"\n        [pendingArtifactVersionNumber]=\"pendingArtifactVersionNumber\"\n        (conversationRenamed)=\"onConversationRenamed($event)\"\n        (openEntityRecord)=\"onOpenEntityRecord($event)\"\n        (taskClicked)=\"onTaskClicked($event)\"\n        (artifactLinkClicked)=\"onArtifactLinkNavigation($event)\"\n        (conversationCreated)=\"onConversationCreated($event)\"\n        (threadOpened)=\"onThreadOpened($event)\"\n        (threadClosed)=\"onThreadClosed()\"\n        (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactVersionNumber = null\"\n        (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = null\"\n        (pendingMessageRequested)=\"onPendingMessageRequested($event)\">\n      </mj-conversation-chat-area>\n    </div>\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        </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: #F4F4F4;\n  position: relative;\n}\n\n.workspace-navigation {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: #092340;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\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: #092340;\n  border-right: 1px solid #D9D9D9;\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: #092340;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle:hover {\n  background: #0a2d4d;\n  border-color: rgba(255, 255, 255, 0.3);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\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: rgba(255, 255, 255, 0.85);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle:hover i {\n  color: white;\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: #1e40af;\n}\n\n.sidebar-resize-handle:active {\n  background: #1e3a8a;\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: #FFF;\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: #FFF;\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: #1e40af;\n}\n\n.artifact-panel-resize-handle:active {\n  background-color: #1e3a8a;\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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: rgba(0, 0, 0, 0.5);\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: #FFF;\n  gap: 1rem;\n}\n\n.loading-spinner {\n  font-size: 3rem;\n  color: #0078d4;\n}\n\n.workspace-loading p {\n  font-size: 1rem;\n  color: #666;\n  margin: 0;\n}"] }]
     }], () => [{ type: i1.ConversationDataService }, { type: i2.ArtifactStateService }, { type: i3.CollectionStateService }, { type: i4.ArtifactPermissionService }, { type: i5.MentionAutocompleteService }, { type: i6.MJNotificationService }, { type: i7.ConversationStreamingService }, { type: i8.UICommandHandlerService }, { type: i0.ChangeDetectorRef }], { environmentId: [{
             type: Input
         }], initialConversationId: [{
@@ -1281,5 +1255,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: 39 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 65 }); })();
 //# sourceMappingURL=conversation-workspace.component.js.map