@memberjunction/ng-conversations 2.122.1 → 2.123.0

package/dist/lib/components/workspace/conversation-workspace.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, OnInit, OnDestroy, DoCheck, ChangeDetectorRef } from '@an
 import { ConversationEntity, ArtifactEntity, TaskEntity } from '@memberjunction/core-entities';
 import { UserInfo, CompositeKey } from '@memberjunction/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
-import { ConversationStateService } from '../../services/conversation-state.service';
+import { ConversationDataService } from '../../services/conversation-data.service';
 import { ArtifactStateService } from '../../services/artifact-state.service';
 import { CollectionStateService } from '../../services/collection-state.service';
 import { ArtifactPermissionService } from '../../services/artifact-permission.service';
@@ -20,7 +20,7 @@ import * as i0 from "@angular/core";
  * Supports context-based navigation (library or task views)
  */
 export declare class ConversationWorkspaceComponent extends BaseAngularComponent implements OnInit, OnDestroy, DoCheck {
-    conversationState: ConversationStateService;
+    conversationData: ConversationDataService;
     artifactState: ArtifactStateService;
     collectionState: CollectionStateService;
     private artifactPermissionService;
@@ -86,7 +86,54 @@ export declare class ConversationWorkspaceComponent extends BaseAngularComponent
     private readonly SIDEBAR_WIDTH_KEY;
     private readonly ARTIFACT_PANEL_WIDTH_KEY;
     tasksFilter: string;
-    constructor(conversationState: ConversationStateService, artifactState: ArtifactStateService, collectionState: CollectionStateService, artifactPermissionService: ArtifactPermissionService, mentionAutocompleteService: MentionAutocompleteService, notificationService: MJNotificationService, streamingService: ConversationStreamingService, uiCommandHandler: UICommandHandlerService, cdr: ChangeDetectorRef);
+    selectedConversationId: string | null;
+    selectedConversation: ConversationEntity | null;
+    selectedThreadId: string | null;
+    isNewUnsavedConversation: boolean;
+    pendingMessageToSend: string | null;
+    pendingArtifactId: string | null;
+    pendingArtifactVersionNumber: number | null;
+    constructor(conversationData: ConversationDataService, artifactState: ArtifactStateService, collectionState: CollectionStateService, artifactPermissionService: ArtifactPermissionService, mentionAutocompleteService: MentionAutocompleteService, notificationService: MJNotificationService, streamingService: ConversationStreamingService, uiCommandHandler: UICommandHandlerService, cdr: ChangeDetectorRef);
+    /**
+     * Sets the active conversation for this workspace instance
+     * @param id The conversation ID to activate (or null to clear)
+     */
+    setActiveConversation(id: string | null): void;
+    /**
+     * Initiates a new unsaved conversation (doesn't create DB record yet)
+     * This shows the welcome screen and delays DB creation until first message
+     */
+    startNewConversation(): void;
+    /**
+     * Clears the new unsaved conversation state
+     * Called when the conversation is actually created or cancelled
+     */
+    clearNewConversationState(): void;
+    /**
+     * Opens a thread panel for a specific message
+     * @param messageId The parent message ID
+     */
+    openThread(messageId: string): void;
+    /**
+     * Closes the currently open thread panel
+     */
+    closeThread(): void;
+    /**
+     * Handler for conversation selection from sidebar/list
+     */
+    onConversationSelected(conversationId: string): void;
+    /**
+     * Handler for new conversation creation from chat area
+     */
+    onConversationCreated(conversation: ConversationEntity): void;
+    /**
+     * Handler for thread opened from chat area
+     */
+    onThreadOpened(threadId: string): void;
+    /**
+     * Handler for thread closed from chat area
+     */
+    onThreadClosed(): void;
     ngOnInit(): Promise<void>;
     /**
      * Builds the SQL filter for tasks in conversations the user has access to

package/dist/lib/components/workspace/conversation-workspace.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-workspace.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/workspace/conversation-workspace.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"conversation-workspace.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/workspace/conversation-workspace.component.ts"],"names":[],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { Subject, takeUntil } from 'rxjs';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
-import * as i1 from "../../services/conversation-state.service";
+import * as i1 from "../../services/conversation-data.service";
 import * as i2 from "../../services/artifact-state.service";
 import * as i3 from "../../services/collection-state.service";
 import * as i4 from "../../services/artifact-permission.service";
@@ -38,26 +38,27 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template(rf,
     i0.ɵɵelementEnd();
 } }
 function ConversationWorkspaceComponent_Conditional_4_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "mj-conversation-sidebar", 15);
-    i0.ɵɵelementEnd();
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵstyleProp("width", ctx_r1.sidebarWidth, "px");
     i0.ɵɵclassProp("open", ctx_r1.isSidebarVisible);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("activeTab", ctx_r1.activeTab)("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("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);
 } }
 function ConversationWorkspaceComponent_Conditional_4_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
+    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(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSidebarResizeStart($event)); });
+    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.ɵɵelementEnd();
 } }
 function ConversationWorkspaceComponent_Conditional_4_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+    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(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCollectionNavigated($event)); });
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -65,9 +66,9 @@ function ConversationWorkspaceComponent_Conditional_4_div_4_Template(rf, ctx) {
     i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser);
 } }
 function ConversationWorkspaceComponent_Conditional_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
+    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(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecordFromTasks($event)); });
+    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)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -75,26 +76,26 @@ function ConversationWorkspaceComponent_Conditional_4_div_5_Template(rf, ctx) {
     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 _r6 = i0.ɵɵgetCurrentView();
+    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(_r6); 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(_r6); 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(_r6); 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(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); });
+    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); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser);
+    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);
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
+    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(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onArtifactPanelResizeStart($event)); });
+    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)); });
     i0.ɵɵelementEnd();
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+    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(_r7); 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(_r7); 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(_r7); 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(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleMaximizeArtifactPanel()); });
+    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()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     let tmp_8_0;
@@ -109,7 +110,7 @@ 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, 8, "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, 2, "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, 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.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -134,7 +135,7 @@ function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf
  * Supports context-based navigation (library or task views)
  */
 export class ConversationWorkspaceComponent extends BaseAngularComponent {
-    conversationState;
+    conversationData;
     artifactState;
     collectionState;
     artifactPermissionService;
@@ -156,10 +157,10 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         }
     }
     set activeConversationInput(value) {
-        if (value && value !== this.conversationState.activeConversationId) {
+        if (value && value !== this.selectedConversationId) {
             console.log('🔗 Deep link to conversation:', value);
             this.activeTab = 'conversations';
-            this.conversationState.setActiveConversation(value);
+            this.setActiveConversation(value);
         }
     }
     set activeCollectionInput(value) {
@@ -232,9 +233,18 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     ARTIFACT_PANEL_WIDTH_KEY = 'mj-artifact-panel-width';
     // Task filter for conversation-specific filtering
     tasksFilter = '1=1';
-    constructor(conversationState, artifactState, collectionState, artifactPermissionService, mentionAutocompleteService, notificationService, streamingService, uiCommandHandler, cdr) {
+    // LOCAL CONVERSATION STATE - enables multiple workspace instances
+    // Each workspace manages its own selection state independently
+    selectedConversationId = null;
+    selectedConversation = null;
+    selectedThreadId = null;
+    isNewUnsavedConversation = false;
+    pendingMessageToSend = null;
+    pendingArtifactId = null;
+    pendingArtifactVersionNumber = null;
+    constructor(conversationData, artifactState, collectionState, artifactPermissionService, mentionAutocompleteService, notificationService, streamingService, uiCommandHandler, cdr) {
         super();
-        this.conversationState = conversationState;
+        this.conversationData = conversationData;
         this.artifactState = artifactState;
         this.collectionState = collectionState;
         this.artifactPermissionService = artifactPermissionService;
@@ -244,6 +254,81 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.uiCommandHandler = uiCommandHandler;
         this.cdr = cdr;
     }
+    // =========================================================================
+    // LOCAL CONVERSATION STATE MANAGEMENT
+    // These methods manage the workspace's local selection state
+    // =========================================================================
+    /**
+     * Sets the active conversation for this workspace instance
+     * @param id The conversation ID to activate (or null to clear)
+     */
+    setActiveConversation(id) {
+        console.log('🎯 Setting active conversation:', id);
+        this.selectedConversationId = id;
+        this.selectedConversation = id ? this.conversationData.getConversationById(id) : null;
+        // Clear unsaved state when switching to an existing conversation
+        if (id) {
+            this.isNewUnsavedConversation = false;
+        }
+    }
+    /**
+     * Initiates a new unsaved conversation (doesn't create DB record yet)
+     * This shows the welcome screen and delays DB creation until first message
+     */
+    startNewConversation() {
+        console.log('✨ Starting new unsaved conversation');
+        this.selectedConversationId = null;
+        this.selectedConversation = null;
+        this.isNewUnsavedConversation = true;
+        this.pendingMessageToSend = null;
+    }
+    /**
+     * Clears the new unsaved conversation state
+     * Called when the conversation is actually created or cancelled
+     */
+    clearNewConversationState() {
+        this.isNewUnsavedConversation = false;
+    }
+    /**
+     * Opens a thread panel for a specific message
+     * @param messageId The parent message ID
+     */
+    openThread(messageId) {
+        this.selectedThreadId = messageId;
+    }
+    /**
+     * Closes the currently open thread panel
+     */
+    closeThread() {
+        this.selectedThreadId = null;
+    }
+    /**
+     * Handler for conversation selection from sidebar/list
+     */
+    onConversationSelected(conversationId) {
+        this.setActiveConversation(conversationId);
+    }
+    /**
+     * Handler for new conversation creation from chat area
+     */
+    onConversationCreated(conversation) {
+        this.selectedConversationId = conversation.ID;
+        this.selectedConversation = conversation;
+        this.isNewUnsavedConversation = false;
+        // The conversation is already added to conversationData by the chat area
+    }
+    /**
+     * Handler for thread opened from chat area
+     */
+    onThreadOpened(threadId) {
+        this.selectedThreadId = threadId;
+    }
+    /**
+     * Handler for thread closed from chat area
+     */
+    onThreadClosed() {
+        this.selectedThreadId = null;
+    }
     async ngOnInit() {
         // Initialize global streaming service FIRST
         // This establishes the single PubSub connection for all conversations
@@ -291,7 +376,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             // Mark workspace as ready - this allows UI to render
             this.isWorkspaceReady = true;
             this.cdr.detectChanges();
-            console.log('✅ Workspace ready - UI can now render');
         }
         catch (error) {
             console.error('❌ Failed to initialize engines:', error);
@@ -303,14 +387,12 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.artifactState.isPanelOpen$
             .pipe(takeUntil(this.destroy$))
             .subscribe(isOpen => {
-            console.log('📡 Workspace received isPanelOpen$:', isOpen);
             this.isArtifactPanelOpen = isOpen;
         });
         // Subscribe to active artifact ID
         this.artifactState.activeArtifactId$
             .pipe(takeUntil(this.destroy$))
             .subscribe(async (id) => {
-            console.log('📡 Workspace received activeArtifactId$:', id);
             this.activeArtifactId = id;
             // Load permissions when artifact changes
             if (id) {
@@ -325,12 +407,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         this.artifactState.activeVersionNumber$
             .pipe(takeUntil(this.destroy$))
             .subscribe(versionNumber => {
-            console.log('📡 Workspace received activeVersionNumber$:', versionNumber);
             this.activeVersionNumber = versionNumber;
         });
         // Set initial conversation if provided
         if (this.initialConversationId) {
-            this.conversationState.setActiveConversation(this.initialConversationId);
+            this.setActiveConversation(this.initialConversationId);
         }
         // Handle context-based navigation
         if (this.activeContext === 'library') {
@@ -366,7 +447,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     }
     ngDoCheck() {
         // Detect new unsaved conversation state changes
-        const currentIsNewConversation = this.conversationState.isNewUnsavedConversation;
+        const currentIsNewConversation = this.isNewUnsavedConversation;
         if (currentIsNewConversation !== this.previousIsNewConversation) {
             this.previousIsNewConversation = currentIsNewConversation;
             if (currentIsNewConversation) {
@@ -377,10 +458,10 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             }
         }
         // Detect conversation changes and emit event
-        const currentId = this.conversationState.activeConversationId;
+        const currentId = this.selectedConversationId;
         if (currentId !== this.previousConversationId) {
             this.previousConversationId = currentId;
-            const conversation = this.conversationState.activeConversation;
+            const conversation = this.selectedConversation;
             if (conversation) {
                 this.conversationChanged.emit(conversation);
                 // Also emit navigationChanged for URL updates (only if on conversations tab)
@@ -444,7 +525,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             tab: tab
         };
         if (tab === 'conversations') {
-            navEvent.conversationId = this.conversationState.activeConversationId || undefined;
+            navEvent.conversationId = this.selectedConversationId || undefined;
         }
         else if (tab === 'collections') {
             // If switching TO collections tab from another tab, clear to root level
@@ -509,7 +590,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             case 'conversation':
                 // Switch to conversations tab and select conversation
                 this.activeTab = 'conversations';
-                this.conversationState.setActiveConversation(result.id);
+                this.setActiveConversation(result.id);
                 this.navigationChanged.emit({
                     tab: 'conversations',
                     conversationId: result.id
@@ -519,7 +600,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
                 // Switch to conversations tab, open conversation, and scroll to message (future enhancement)
                 this.activeTab = 'conversations';
                 if (result.conversationId) {
-                    this.conversationState.setActiveConversation(result.conversationId);
+                    this.setActiveConversation(result.conversationId);
                     this.navigationChanged.emit({
                         tab: 'conversations',
                         conversationId: result.conversationId
@@ -818,11 +899,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             this.artifactState.closeArtifact();
             // Store pending artifact info so chat area can show it and scroll to message
             if (event.artifactId) {
-                this.conversationState.pendingArtifactId = event.artifactId;
-                this.conversationState.pendingArtifactVersionNumber = event.versionNumber || null;
+                this.pendingArtifactId = event.artifactId;
+                this.pendingArtifactVersionNumber = event.versionNumber || null;
                 console.log('📦 Pending artifact set:', event.artifactId, 'v' + event.versionNumber);
             }
-            this.conversationState.setActiveConversation(event.id);
+            this.setActiveConversation(event.id);
             this.navigationChanged.emit({
                 tab: 'conversations',
                 conversationId: event.id
@@ -915,10 +996,10 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         console.log('📤 Bubbling up automatic command:', command);
         this.automaticCommandExecuted.emit(command);
     }
-    static ɵfac = function ConversationWorkspaceComponent_Factory(t) { return new (t || ConversationWorkspaceComponent)(i0.ɵɵdirectiveInject(i1.ConversationStateService), 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 ɵ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: 11, consts: [["mjSearchShortcut", "", "kendoDialogContainer", "", 1, "conversation-workspace", 3, "searchTriggered"], [1, "workspace-navigation"], [3, "tabChanged", "sidebarToggled", "searchTriggered", "refreshTriggered", "activeTab", "environmentId"], [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, "activeTab", "environmentId", "currentUser", "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", "environmentId", "currentUser"], [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", "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.ɵɵ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);
@@ -935,7 +1016,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         } if (rf & 2) {
             i0.ɵɵattribute("data-layout", ctx.layout);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("activeTab", ctx.activeTab)("environmentId", ctx.environmentId);
+            i0.ɵɵproperty("activeTab", ctx.activeTab)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser)("conversationId", ctx.selectedConversationId);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isWorkspaceReady ? 3 : -1);
             i0.ɵɵadvance();
@@ -948,8 +1029,8 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
 }
 (() => { (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      (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        [renamedConversationId]=\"renamedConversationId\">\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        (conversationRenamed)=\"onConversationRenamed($event)\"\n        (openEntityRecord)=\"onOpenEntityRecord($event)\"\n        (taskClicked)=\"onTaskClicked($event)\"\n        (artifactLinkClicked)=\"onArtifactLinkNavigation($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}"] }]
-    }], () => [{ type: i1.ConversationStateService }, { 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: [{
+        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}"] }]
+    }], () => [{ 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: [{
             type: Input