@memberjunction/ng-conversations 2.128.0 → 2.130.0

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

@@ -1,5 +1,25 @@
+/**
+ * ============================================================================
+ * 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 } from '@memberjunction/core-entities';
+import { ArtifactMetadataEngine, UserInfoEngine } from '@memberjunction/core-entities';
 import { Metadata } from '@memberjunction/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { Subject, takeUntil } from 'rxjs';
@@ -33,69 +53,76 @@ function ConversationWorkspaceComponent_Conditional_3_Template(rf, ctx) { if (rf
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelementStart(0, "div", 14);
     i0.ɵɵlistener("click", function ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeSidebar()); });
     i0.ɵɵelementEnd();
 } }
 function ConversationWorkspaceComponent_Conditional_4_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "mj-conversation-sidebar", 15);
-    i0.ɵɵlistener("conversationSelected", function ConversationWorkspaceComponent_Conditional_4_div_2_Template_mj_conversation_sidebar_conversationSelected_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationSelected($event)); })("newConversationRequested", function ConversationWorkspaceComponent_Conditional_4_div_2_Template_mj_conversation_sidebar_newConversationRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.startNewConversation()); });
+    i0.ɵɵelementStart(0, "div", 15)(1, "mj-conversation-sidebar", 16);
+    i0.ɵɵlistener("conversationSelected", function ConversationWorkspaceComponent_Conditional_4_div_2_Template_mj_conversation_sidebar_conversationSelected_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationSelected($event)); })("newConversationRequested", function ConversationWorkspaceComponent_Conditional_4_div_2_Template_mj_conversation_sidebar_newConversationRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.startNewConversation()); })("pinSidebarRequested", function ConversationWorkspaceComponent_Conditional_4_div_2_Template_mj_conversation_sidebar_pinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pinSidebar()); })("unpinSidebarRequested", function ConversationWorkspaceComponent_Conditional_4_div_2_Template_mj_conversation_sidebar_unpinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.unpinSidebar()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("width", ctx_r1.sidebarWidth, "px");
-    i0.ɵɵclassProp("open", ctx_r1.isSidebarVisible);
+    i0.ɵɵstyleProp("width", ctx_r1.isSidebarCollapsed ? 0 : ctx_r1.sidebarWidth, "px");
+    i0.ɵɵclassProp("open", ctx_r1.isSidebarVisible)("collapsed", ctx_r1.isSidebarCollapsed)("no-transition", !ctx_r1.sidebarTransitionsEnabled);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("activeTab", ctx_r1.activeTab)("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("selectedConversationId", ctx_r1.selectedConversationId)("renamedConversationId", ctx_r1.renamedConversationId);
+    i0.ɵɵproperty("activeTab", ctx_r1.activeTab)("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("selectedConversationId", ctx_r1.selectedConversationId)("renamedConversationId", ctx_r1.renamedConversationId)("isSidebarPinned", ctx_r1.isSidebarPinned)("isMobileView", ctx_r1.isMobileView);
 } }
-function ConversationWorkspaceComponent_Conditional_4_div_3_Template(rf, ctx) { if (rf & 1) {
+function ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_Conditional_4_div_3_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSidebarResizeStart($event)); });
+    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();
 } }
 function ConversationWorkspaceComponent_Conditional_4_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "mj-collections-full-view", 18);
-    i0.ɵɵlistener("collectionNavigated", function ConversationWorkspaceComponent_Conditional_4_div_4_Template_mj_collections_full_view_collectionNavigated_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCollectionNavigated($event)); });
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_Conditional_4_div_4_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSidebarResizeStart($event)); });
+    i0.ɵɵelementEnd();
+} }
+function ConversationWorkspaceComponent_Conditional_4_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "mj-collections-full-view", 21);
+    i0.ɵɵlistener("collectionNavigated", function ConversationWorkspaceComponent_Conditional_4_div_5_Template_mj_collections_full_view_collectionNavigated_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCollectionNavigated($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser);
 } }
-function ConversationWorkspaceComponent_Conditional_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "mj-tasks-full-view", 19);
-    i0.ɵɵlistener("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_div_5_Template_mj_tasks_full_view_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecordFromTasks($event)); });
+function ConversationWorkspaceComponent_Conditional_4_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "mj-tasks-full-view", 22);
+    i0.ɵɵlistener("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_tasks_full_view_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecordFromTasks($event)); });
     i0.ɵɵelementEnd()();
 } 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);
 } }
-function ConversationWorkspaceComponent_Conditional_4_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "mj-conversation-chat-area", 20);
-    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_conversationRenamed_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationRenamed($event)); })("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_taskClicked_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTaskClicked($event)); })("artifactLinkClicked", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_artifactLinkClicked_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("conversationCreated", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_conversationCreated_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationCreated($event)); })("threadOpened", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_threadOpened_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadOpened($event)); })("threadClosed", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_threadClosed_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadClosed()); })("pendingArtifactConsumed", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pendingMessageToSend = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_div_6_Template_mj_conversation_chat_area_pendingMessageRequested_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pendingMessageToSend = $event); });
+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); 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_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Conditional_0_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onArtifactPanelResizeStart($event)); });
+function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Conditional_0_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onArtifactPanelResizeStart($event)); });
     i0.ɵɵelementEnd();
 } }
-function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵtemplate(0, ConversationWorkspaceComponent_Conditional_4_Conditional_7_Conditional_0_Template, 1, 0, "div", 21);
-    i0.ɵɵelementStart(1, "div", 22)(2, "mj-artifact-viewer-panel", 23);
-    i0.ɵɵlistener("closed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_artifact_viewer_panel_closed_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeArtifactPanel()); })("navigateToLink", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_artifact_viewer_panel_navigateToLink_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("shareRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_artifact_viewer_panel_shareRequested_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactShareRequested($event)); })("maximizeToggled", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_artifact_viewer_panel_maximizeToggled_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleMaximizeArtifactPanel()); });
+function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵtemplate(0, ConversationWorkspaceComponent_Conditional_4_Conditional_8_Conditional_0_Template, 1, 0, "div", 24);
+    i0.ɵɵelementStart(1, "div", 25)(2, "mj-artifact-viewer-panel", 26);
+    i0.ɵɵlistener("closed", function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template_mj_artifact_viewer_panel_closed_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.closeArtifactPanel()); })("navigateToLink", function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template_mj_artifact_viewer_panel_navigateToLink_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("shareRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template_mj_artifact_viewer_panel_shareRequested_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactShareRequested($event)); })("maximizeToggled", function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template_mj_artifact_viewer_panel_maximizeToggled_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleMaximizeArtifactPanel()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_8_0;
@@ -110,16 +137,18 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_7_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, 9, "div", 9)(3, ConversationWorkspaceComponent_Conditional_4_div_3_Template, 1, 0, "div", 10)(4, ConversationWorkspaceComponent_Conditional_4_div_4_Template, 2, 2, "div", 11)(5, ConversationWorkspaceComponent_Conditional_4_div_5_Template, 2, 4, "div", 11)(6, ConversationWorkspaceComponent_Conditional_4_div_6_Template, 2, 9, "div", 11)(7, ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template, 3, 15, "div", 12);
+    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();
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.isMobileView && ctx_r1.isSidebarVisible && ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks" ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks");
+    i0.ɵɵproperty("ngIf", ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks" && ctx_r1.isSidebarSettingsLoaded);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks" && ctx_r1.isSidebarCollapsed && ctx_r1.isSidebarSettingsLoaded ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isSidebarVisible && ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks");
+    i0.ɵɵproperty("ngIf", ctx_r1.isSidebarVisible && !ctx_r1.isSidebarCollapsed && ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks" && ctx_r1.isSidebarSettingsLoaded);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.activeTab === "collections");
     i0.ɵɵadvance();
@@ -127,12 +156,16 @@ function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isArtifactPanelOpen && ctx_r1.activeArtifactId ? 7 : -1);
+    i0.ɵɵconditional(ctx_r1.isArtifactPanelOpen && ctx_r1.activeArtifactId ? 8 : -1);
 } }
 /**
  * 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;
@@ -205,6 +238,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     activeVersionNumber = null;
     activeVersionId = null;
     isMobileView = false;
+    isSidebarPinned = false; // Default unpinned until settings load (prevents flicker)
     // Artifact permissions
     canShareActiveArtifact = false;
     canEditActiveArtifact = false;
@@ -213,6 +247,9 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     artifactToShare = null;
     // Resize state - Sidebar
     sidebarWidth = 260; // Default width
+    isSidebarCollapsed = true; // Default collapsed until settings load (prevents flicker)
+    sidebarTransitionsEnabled = false; // Disabled during initial load to prevent jarring animation
+    isSidebarSettingsLoaded = false; // Tracks whether settings have been loaded (prevents render before state is known)
     isSidebarResizing = false;
     sidebarResizeStartX = 0;
     sidebarResizeStartWidth = 0;
@@ -228,9 +265,10 @@ 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
-    SIDEBAR_WIDTH_KEY = 'mj-conversations-sidebar-width';
-    ARTIFACT_PANEL_WIDTH_KEY = 'mj-artifact-panel-width';
+    // User Settings key for server-side persistence
+    USER_SETTING_SIDEBAR_KEY = 'Conversations.SidebarState';
+    saveSettingsTimeout = null;
+    isLoadingSettings = false;
     // Task filter for conversation-specific filtering
     tasksFilter = '1=1';
     // LOCAL CONVERSATION STATE - enables multiple workspace instances
@@ -240,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) {
@@ -281,6 +320,11 @@ 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();
+        }
     }
     /**
      * Clears the new unsaved conversation state
@@ -307,15 +351,37 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
      */
     onConversationSelected(conversationId) {
         this.setActiveConversation(conversationId);
+        // Auto-collapse if mobile OR if sidebar is not pinned
+        if (this.isMobileView || !this.isSidebarPinned) {
+            this.collapseSidebar();
+        }
     }
     /**
      * 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
@@ -346,11 +412,27 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             .subscribe(command => {
             this.onAutomaticCommand(command);
         });
-        // Check initial mobile state
+        // 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;
+            this.isSidebarVisible = false;
+            this.isSidebarSettingsLoaded = true; // Mobile doesn't need to load settings
+            // Enable transitions after a brief delay to ensure initial state is applied
+            setTimeout(() => {
+                this.sidebarTransitionsEnabled = true;
+            }, 50);
+        }
+        else {
+            // Load from User Settings (async) - await before continuing to prevent flicker
+            await this.loadSidebarState();
+            this.cdr.detectChanges();
+            // Enable transitions after state is loaded and applied
+            setTimeout(() => {
+                this.sidebarTransitionsEnabled = true;
+            }, 50);
+        }
         // Setup resize listeners
         window.addEventListener('mousemove', this.onResizeMove.bind(this));
         window.addEventListener('mouseup', this.onResizeEnd.bind(this));
@@ -498,6 +580,10 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
+        // Clear any pending save timeout
+        if (this.saveSettingsTimeout) {
+            clearTimeout(this.saveSettingsTimeout);
+        }
         // Remove resize listeners
         window.removeEventListener('mousemove', this.onResizeMove.bind(this));
         window.removeEventListener('mouseup', this.onResizeEnd.bind(this));
@@ -507,14 +593,159 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     onWindowResize() {
         this.checkMobileView();
     }
+    /**
+     * Handle clicks outside the sidebar to auto-collapse when unpinned
+     */
+    onDocumentClick(event) {
+        // Only handle when sidebar is expanded but unpinned
+        if (this.isSidebarCollapsed || this.isSidebarPinned) {
+            return;
+        }
+        // Check if click is outside the sidebar
+        const target = event.target;
+        const sidebarElement = target.closest('.workspace-sidebar');
+        const expandHandle = target.closest('.sidebar-expand-handle');
+        // If click is outside sidebar and expand handle, collapse it
+        if (!sidebarElement && !expandHandle) {
+            this.collapseSidebar();
+        }
+    }
     checkMobileView() {
         const wasMobile = this.isMobileView;
         this.isMobileView = window.innerWidth < 768;
         if (this.isMobileView && !wasMobile) {
+            // Switched to mobile - hide sidebar and default to collapsed
             this.isSidebarVisible = false;
+            this.isSidebarCollapsed = true;
         }
         else if (!this.isMobileView && wasMobile) {
+            // Switched to desktop - show sidebar, restore state from User Settings
             this.isSidebarVisible = true;
+            this.loadSidebarState().then(() => {
+                this.cdr.detectChanges();
+            });
+        }
+    }
+    /**
+     * Collapse sidebar
+     */
+    collapseSidebar() {
+        this.isSidebarCollapsed = true;
+        if (this.isMobileView) {
+            this.isSidebarVisible = false;
+        }
+    }
+    /**
+     * Expand sidebar (unpinned - will auto-collapse on selection)
+     */
+    expandSidebar() {
+        this.isSidebarCollapsed = false;
+        this.isSidebarPinned = false;
+    }
+    /**
+     * Pin sidebar - keep it open after selection
+     */
+    pinSidebar() {
+        this.isSidebarPinned = true;
+        this.saveSidebarState();
+    }
+    /**
+     * Unpin sidebar - will auto-collapse on next selection
+     */
+    unpinSidebar() {
+        this.isSidebarPinned = false;
+        this.collapseSidebar();
+        this.saveSidebarState();
+    }
+    /**
+     * Save sidebar state to User Settings (server)
+     * Uses debouncing to avoid excessive database writes
+     */
+    saveSidebarState() {
+        // Debounce the server save to avoid excessive writes
+        if (this.saveSettingsTimeout) {
+            clearTimeout(this.saveSettingsTimeout);
+        }
+        this.saveSettingsTimeout = setTimeout(() => {
+            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() {
+        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
+            let setting = engine.UserSettings.find(s => s.Setting === this.USER_SETTING_SIDEBAR_KEY);
+            if (!setting) {
+                // Create new setting
+                setting = await md.GetEntityObject('MJ: User Settings');
+                setting.UserID = userId;
+                setting.Setting = this.USER_SETTING_SIDEBAR_KEY;
+            }
+            setting.Value = JSON.stringify(stateToSave);
+            await setting.Save();
+        }
+        catch (error) {
+            console.warn('Failed to save sidebar state to User Settings:', error);
+        }
+    }
+    /**
+     * 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() {
+        this.isLoadingSettings = true;
+        try {
+            const userId = this.currentUser?.ID;
+            if (userId) {
+                // 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;
+                    // 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;
+                    }
+                    this.isLoadingSettings = false;
+                    return;
+                }
+            }
+            // No saved state found - NEW USER DEFAULT:
+            // Start with sidebar collapsed and show new conversation screen
+            this.isSidebarCollapsed = true;
+            this.isSidebarPinned = false;
+            this.isNewUnsavedConversation = true;
+        }
+        catch (error) {
+            console.warn('Failed to load sidebar state:', error);
+            // Default to collapsed for new users on error
+            this.isSidebarCollapsed = true;
+            this.isSidebarPinned = false;
+        }
+        finally {
+            this.isLoadingSettings = false;
+            this.isSidebarSettingsLoaded = true;
         }
     }
     onTabChanged(tab) {
@@ -691,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
         }
     }
     /**
@@ -741,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
         }
     }
     /**
@@ -998,14 +1182,14 @@ 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);
-        } }, 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", "width", 4, "ngIf"], ["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", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId"], [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) {
+            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", "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);
             i0.ɵɵlistener("tabChanged", function ConversationWorkspaceComponent_Template_mj_conversation_navigation_tabChanged_2_listener($event) { return ctx.onTabChanged($event); })("sidebarToggled", function ConversationWorkspaceComponent_Template_mj_conversation_navigation_sidebarToggled_2_listener() { return ctx.toggleSidebar(); })("searchTriggered", function ConversationWorkspaceComponent_Template_mj_conversation_navigation_searchTriggered_2_listener() { return ctx.openSearch(); })("refreshTriggered", function ConversationWorkspaceComponent_Template_mj_conversation_navigation_refreshTriggered_2_listener() { return ctx.onRefreshAgentCache(); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(3, ConversationWorkspaceComponent_Conditional_3_Template, 2, 0, "div", 3)(4, ConversationWorkspaceComponent_Conditional_4_Template, 8, 7, "div", 4);
+            i0.ɵɵtemplate(3, ConversationWorkspaceComponent_Conditional_3_Template, 2, 0, "div", 3)(4, ConversationWorkspaceComponent_Conditional_4_Template, 9, 8, "div", 4);
             i0.ɵɵelementStart(5, "mj-search-panel", 5);
             i0.ɵɵlistener("close", function ConversationWorkspaceComponent_Template_mj_search_panel_close_5_listener() { return ctx.closeSearch(); })("resultSelected", function ConversationWorkspaceComponent_Template_mj_search_panel_resultSelected_5_listener($event) { return ctx.handleSearchResult($event); });
             i0.ɵɵelementEnd();
@@ -1025,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}\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}\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: 48px;\n    z-index: 1000;\n    max-width: 100%;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%], \n   .artifact-panel-resize-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'\"\n         [class.open]=\"isSidebarVisible\"\n         [style.width.px]=\"sidebarWidth\">\n      <mj-conversation-sidebar\n        [activeTab]=\"activeTab\"\n        [environmentId]=\"environmentId\"\n        [currentUser]=\"currentUser\"\n        [selectedConversationId]=\"selectedConversationId\"\n        [renamedConversationId]=\"renamedConversationId\"\n        (conversationSelected)=\"onConversationSelected($event)\"\n        (newConversationRequested)=\"startNewConversation()\">\n      </mj-conversation-sidebar>\n    </div>\n\n    <!-- Resize handle for sidebar -->\n    <div class=\"sidebar-resize-handle\" *ngIf=\"isSidebarVisible && activeTab !== 'collections' && activeTab !== 'tasks'\" (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}\n\n.workspace-sidebar {\n  flex-shrink: 0;\n  background-color: #092340;\n  border-right: 1px solid #D9D9D9;\n  overflow-y: auto;\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: 48px;\n    z-index: 1000;\n    max-width: 100%;\n  }\n\n  .sidebar-resize-handle,\n  .artifact-panel-resize-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: [{
@@ -1067,6 +1251,9 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         }], onWindowResize: [{
             type: HostListener,
             args: ['window:resize']
+        }], onDocumentClick: [{
+            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