@memberjunction/ng-conversations 2.113.2 → 2.115.0

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

@@ -1,4 +1,4 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
 import { CompositeKey, KeyValuePair, Metadata } from '@memberjunction/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { Subject, takeUntil } from 'rxjs';
@@ -8,81 +8,118 @@ import * as i1 from "../../services/conversation-state.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";
-import * as i5 from "@memberjunction/ng-notifications";
-import * as i6 from "@angular/common";
-import * as i7 from "@progress/kendo-angular-dialog";
-import * as i8 from "@memberjunction/ng-artifacts";
-import * as i9 from "../task/tasks-full-view.component";
-import * as i10 from "../artifact/artifact-share-modal.component";
-import * as i11 from "../navigation/conversation-navigation.component";
-import * as i12 from "../sidebar/conversation-sidebar.component";
-import * as i13 from "../conversation/conversation-chat-area.component";
-import * as i14 from "../collection/collections-full-view.component";
-import * as i15 from "../search/search-panel.component";
-import * as i16 from "../toast/toast.component";
-import * as i17 from "../../directives/search-shortcut.directive";
-function ConversationWorkspaceComponent_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "mj-conversation-sidebar", 10);
+import * as i5 from "../../services/mention-autocomplete.service";
+import * as i6 from "@memberjunction/ng-notifications";
+import * as i7 from "@angular/common";
+import * as i8 from "@progress/kendo-angular-dialog";
+import * as i9 from "@memberjunction/ng-artifacts";
+import * as i10 from "../task/tasks-full-view.component";
+import * as i11 from "../artifact/artifact-share-modal.component";
+import * as i12 from "../navigation/conversation-navigation.component";
+import * as i13 from "../sidebar/conversation-sidebar.component";
+import * as i14 from "../conversation/conversation-chat-area.component";
+import * as i15 from "../collection/collections-full-view.component";
+import * as i16 from "../search/search-panel.component";
+import * as i17 from "../toast/toast.component";
+import * as i18 from "../../directives/search-shortcut.directive";
+function ConversationWorkspaceComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 8);
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("width", ctx_r0.sidebarWidth, "px");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("activeTab", ctx_r0.activeTab)("environmentId", ctx_r0.environmentId)("currentUser", ctx_r0.currentUser)("renamedConversationId", ctx_r0.renamedConversationId);
+    i0.ɵɵelementStart(3, "p");
+    i0.ɵɵtext(4, "Loading agents...");
+    i0.ɵɵelementEnd()();
 } }
-function ConversationWorkspaceComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_div_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSidebarResizeStart($event)); });
+function ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13);
+    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_div_6_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "mj-collections-full-view", 13);
-    i0.ɵɵlistener("collectionNavigated", function ConversationWorkspaceComponent_div_6_Template_mj_collections_full_view_collectionNavigated_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onCollectionNavigated($event)); });
-    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();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("width", ctx_r1.sidebarWidth, "px");
+    i0.ɵɵclassProp("open", ctx_r1.isSidebarVisible);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("environmentId", ctx_r0.environmentId)("currentUser", ctx_r0.currentUser);
+    i0.ɵɵproperty("activeTab", ctx_r1.activeTab)("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("renamedConversationId", ctx_r1.renamedConversationId);
+} }
+function ConversationWorkspaceComponent_Conditional_4_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = 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.ɵɵelementEnd();
 } }
-function ConversationWorkspaceComponent_div_7_Template(rf, ctx) { if (rf & 1) {
+function ConversationWorkspaceComponent_Conditional_4_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "mj-tasks-full-view", 14);
-    i0.ɵɵlistener("openEntityRecord", function ConversationWorkspaceComponent_div_7_Template_mj_tasks_full_view_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onOpenEntityRecordFromTasks($event)); });
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("environmentId", ctx_r0.environmentId)("currentUser", ctx_r0.currentUser)("baseFilter", ctx_r0.tasksFilter)("activeTaskId", ctx_r0.activeTaskId);
+    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser);
 } }
-function ConversationWorkspaceComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+function ConversationWorkspaceComponent_Conditional_4_div_5_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "mj-conversation-chat-area", 15);
-    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_div_8_Template_mj_conversation_chat_area_conversationRenamed_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onConversationRenamed($event)); })("openEntityRecord", function ConversationWorkspaceComponent_div_8_Template_mj_conversation_chat_area_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onOpenEntityRecord($event)); })("taskClicked", function ConversationWorkspaceComponent_div_8_Template_mj_conversation_chat_area_taskClicked_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onTaskClicked($event)); })("artifactLinkClicked", function ConversationWorkspaceComponent_div_8_Template_mj_conversation_chat_area_artifactLinkClicked_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onArtifactLinkNavigation($event)); });
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("environmentId", ctx_r0.environmentId)("currentUser", ctx_r0.currentUser);
+    i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("baseFilter", ctx_r1.tasksFilter)("activeTaskId", ctx_r1.activeTaskId);
 } }
-function ConversationWorkspaceComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function ConversationWorkspaceComponent_Conditional_4_div_6_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_Conditional_9_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onArtifactPanelResizeStart($event)); });
+    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.ɵɵ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_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵlistener("mousedown", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactPanelResizeStart($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 17)(2, "mj-artifact-viewer-panel", 18);
-    i0.ɵɵlistener("closed", function ConversationWorkspaceComponent_Conditional_9_Template_mj_artifact_viewer_panel_closed_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeArtifactPanel()); })("navigateToLink", function ConversationWorkspaceComponent_Conditional_9_Template_mj_artifact_viewer_panel_navigateToLink_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onArtifactLinkNavigation($event)); })("shareRequested", function ConversationWorkspaceComponent_Conditional_9_Template_mj_artifact_viewer_panel_shareRequested_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onArtifactShareRequested($event)); });
+    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)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_5_0;
-    let tmp_8_0;
-    const ctx_r0 = i0.ɵɵnextContext();
+    let tmp_6_0;
+    let tmp_9_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r1.artifactPanelWidth, "%");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("artifactId", ctx_r1.activeArtifactId)("currentUser", ctx_r1.currentUser)("environmentId", ctx_r1.environmentId)("versionNumber", (tmp_6_0 = ctx_r1.activeVersionNumber) !== null && tmp_6_0 !== undefined ? tmp_6_0 : undefined)("showSaveToCollection", ctx_r1.activeTab !== "collections")("viewContext", ctx_r1.activeTab === "collections" ? "collection" : "conversation")("contextCollectionId", (tmp_9_0 = ctx_r1.collectionState.activeCollectionId) !== null && tmp_9_0 !== undefined ? tmp_9_0 : undefined)("canShare", ctx_r1.canShareActiveArtifact)("canEdit", ctx_r1.canEditActiveArtifact);
+} }
+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", 9)(2, ConversationWorkspaceComponent_Conditional_4_div_2_Template, 2, 8, "div", 10)(3, ConversationWorkspaceComponent_Conditional_4_div_3_Template, 1, 0, "div", 11)(4, ConversationWorkspaceComponent_Conditional_4_div_4_Template, 2, 2, "div", 12)(5, ConversationWorkspaceComponent_Conditional_4_div_5_Template, 2, 4, "div", 12)(6, ConversationWorkspaceComponent_Conditional_4_div_6_Template, 2, 2, "div", 12)(7, ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template, 3, 11);
+    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.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isSidebarVisible && ctx_r1.activeTab !== "collections" && ctx_r1.activeTab !== "tasks");
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("width", ctx_r0.artifactPanelWidth, "%");
+    i0.ɵɵproperty("ngIf", ctx_r1.activeTab === "collections");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("artifactId", ctx_r0.activeArtifactId)("currentUser", ctx_r0.currentUser)("environmentId", ctx_r0.environmentId)("versionNumber", (tmp_5_0 = ctx_r0.activeVersionNumber) !== null && tmp_5_0 !== undefined ? tmp_5_0 : undefined)("showSaveToCollection", ctx_r0.activeTab !== "collections")("viewContext", ctx_r0.activeTab === "collections" ? "collection" : "conversation")("contextCollectionId", (tmp_8_0 = ctx_r0.collectionState.activeCollectionId) !== null && tmp_8_0 !== undefined ? tmp_8_0 : undefined)("canShare", ctx_r0.canShareActiveArtifact)("canEdit", ctx_r0.canEditActiveArtifact);
+    i0.ɵɵproperty("ngIf", ctx_r1.activeTab === "tasks");
+    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);
 } }
 /**
  * Top-level workspace component for conversations
@@ -94,6 +131,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     artifactState;
     collectionState;
     artifactPermissionService;
+    mentionAutocompleteService;
     notificationService;
     cdr;
     environmentId;
@@ -150,10 +188,12 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     isSidebarVisible = true;
     isArtifactPanelOpen = false;
     isSearchPanelOpen = false;
+    isWorkspaceReady = false;
     renamedConversationId = null;
     activeArtifactId = null;
     activeVersionNumber = null;
     activeVersionId = null;
+    isMobileView = false;
     // Artifact permissions
     canShareActiveArtifact = false;
     canEditActiveArtifact = false;
@@ -180,30 +220,48 @@ 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, notificationService, cdr) {
+    constructor(conversationState, artifactState, collectionState, artifactPermissionService, mentionAutocompleteService, notificationService, cdr) {
         super();
         this.conversationState = conversationState;
         this.artifactState = artifactState;
         this.collectionState = collectionState;
         this.artifactPermissionService = artifactPermissionService;
+        this.mentionAutocompleteService = mentionAutocompleteService;
         this.notificationService = notificationService;
         this.cdr = cdr;
     }
     async ngOnInit() {
+        // Check initial mobile state
+        this.checkMobileView();
         // Load saved widths from localStorage
         this.loadSidebarWidth();
         this.loadArtifactPanelWidth();
         // Setup resize listeners
         window.addEventListener('mousemove', this.onResizeMove.bind(this));
         window.addEventListener('mouseup', this.onResizeEnd.bind(this));
-        // Initialize AI Engine to load agent metadata cache
-        // This ensures agent names and icons are available for display
+        // Setup touch listeners for mobile
+        window.addEventListener('touchmove', this.onResizeTouchMove.bind(this));
+        window.addEventListener('touchend', this.onResizeTouchEnd.bind(this));
+        // CRITICAL: Initialize AI Engine FIRST before rendering any UI
+        // The isWorkspaceReady flag blocks all child components from rendering
+        // until agents are fully loaded and ready
         try {
             await AIEngineBase.Instance.Config(false);
             console.log('✅ AI Engine initialized with', AIEngineBase.Instance.Agents?.length || 0, 'agents');
+            // Initialize mention autocomplete service immediately after AI engine
+            // This ensures the cache is built from the fully-loaded agent list
+            await this.mentionAutocompleteService.initialize(this.currentUser);
+            console.log('✅ Mention autocomplete initialized');
+            // 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 AI Engine:', error);
+            // Still mark as ready so UI isn't blocked forever
+            this.isWorkspaceReady = true;
+            this.cdr.detectChanges();
         }
         // Subscribe to artifact panel state
         this.artifactState.isPanelOpen$
@@ -323,6 +381,21 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         // Remove resize listeners
         window.removeEventListener('mousemove', this.onResizeMove.bind(this));
         window.removeEventListener('mouseup', this.onResizeEnd.bind(this));
+        window.removeEventListener('touchmove', this.onResizeTouchMove.bind(this));
+        window.removeEventListener('touchend', this.onResizeTouchEnd.bind(this));
+    }
+    onWindowResize() {
+        this.checkMobileView();
+    }
+    checkMobileView() {
+        const wasMobile = this.isMobileView;
+        this.isMobileView = window.innerWidth < 768;
+        if (this.isMobileView && !wasMobile) {
+            this.isSidebarVisible = false;
+        }
+        else if (!this.isMobileView && wasMobile) {
+            this.isSidebarVisible = true;
+        }
     }
     onTabChanged(tab) {
         const wasOnDifferentTab = this.activeTab !== tab;
@@ -363,6 +436,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     toggleSidebar() {
         this.isSidebarVisible = !this.isSidebarVisible;
     }
+    closeSidebar() {
+        if (this.isMobileView && this.isSidebarVisible) {
+            this.isSidebarVisible = false;
+        }
+    }
     closeArtifactPanel() {
         this.artifactState.closeArtifact();
     }
@@ -375,6 +453,8 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     async onRefreshAgentCache() {
         try {
             await AIEngineBase.Instance.Config(true);
+            // Refresh the mention autocomplete service to pick up new agents
+            await this.mentionAutocompleteService.refresh(this.currentUser);
             const agentCount = AIEngineBase.Instance.Agents?.length || 0;
             this.notificationService.CreateSimpleNotification(`Agent cache refreshed (${agentCount} agents)`, 'success', 3000);
             this.cdr.detectChanges();
@@ -500,6 +580,54 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             this.saveArtifactPanelWidth();
         }
     }
+    /**
+     * Touch event handlers for mobile resize support
+     */
+    onSidebarResizeTouchStart(event) {
+        this.isSidebarResizing = true;
+        const touch = event.touches[0];
+        this.sidebarResizeStartX = touch.clientX;
+        this.sidebarResizeStartWidth = this.sidebarWidth;
+        event.preventDefault();
+    }
+    onArtifactPanelResizeTouchStart(event) {
+        this.isArtifactPanelResizing = true;
+        const touch = event.touches[0];
+        this.artifactPanelResizeStartX = touch.clientX;
+        this.artifactPanelResizeStartWidth = this.artifactPanelWidth;
+        event.preventDefault();
+    }
+    onResizeTouchMove(event) {
+        if (this.isSidebarResizing) {
+            const touch = event.touches[0];
+            const deltaX = touch.clientX - this.sidebarResizeStartX;
+            let newWidth = this.sidebarResizeStartWidth + deltaX;
+            newWidth = Math.max(200, Math.min(500, newWidth));
+            this.sidebarWidth = newWidth;
+        }
+        else if (this.isArtifactPanelResizing) {
+            const container = document.querySelector('.workspace-content');
+            if (!container)
+                return;
+            const touch = event.touches[0];
+            const containerWidth = container.offsetWidth;
+            const deltaX = touch.clientX - this.artifactPanelResizeStartX;
+            const deltaPercent = (deltaX / containerWidth) * -100;
+            let newWidth = this.artifactPanelResizeStartWidth + deltaPercent;
+            newWidth = Math.max(20, Math.min(70, newWidth));
+            this.artifactPanelWidth = newWidth;
+        }
+    }
+    onResizeTouchEnd(event) {
+        if (this.isSidebarResizing) {
+            this.isSidebarResizing = false;
+            this.saveSidebarWidth();
+        }
+        else if (this.isArtifactPanelResizing) {
+            this.isArtifactPanelResizing = false;
+            this.saveArtifactPanelWidth();
+        }
+    }
     /**
      * LocalStorage persistence methods
      */
@@ -705,49 +833,41 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             await this.loadArtifactPermissions(this.activeArtifactId);
         }
     }
-    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.MJNotificationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationWorkspaceComponent, selectors: [["mj-conversation-workspace"]], 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", openEntityRecord: "openEntityRecord", navigationChanged: "navigationChanged", newConversationStarted: "newConversationStarted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 15, consts: [["mjSearchShortcut", "", "kendoDialogContainer", "", 1, "conversation-workspace", 3, "searchTriggered"], [1, "workspace-navigation"], [3, "tabChanged", "sidebarToggled", "searchTriggered", "refreshTriggered", "activeTab", "environmentId"], [1, "workspace-content"], ["class", "workspace-sidebar", 3, "width", 4, "ngIf"], ["class", "sidebar-resize-handle", 3, "mousedown", 4, "ngIf"], ["class", "workspace-main", 4, "ngIf"], [3, "close", "resultSelected", "isOpen", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "artifact", "currentUser"], [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", 3, "mousedown"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "artifactId", "currentUser", "environmentId", "versionNumber", "showSaveToCollection", "viewContext", "contextCollectionId", "canShare", "canEdit"]], template: function ConversationWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
+    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(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", openEntityRecord: "openEntityRecord", navigationChanged: "navigationChanged", newConversationStarted: "newConversationStarted" }, 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"], [1, "loading-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin"], [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, "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", 3, "mousedown"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "artifactId", "currentUser", "environmentId", "versionNumber", "showSaveToCollection", "viewContext", "contextCollectionId", "canShare", "canEdit"]], 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.ɵɵelementStart(3, "div", 3);
-            i0.ɵɵtemplate(4, ConversationWorkspaceComponent_div_4_Template, 2, 6, "div", 4)(5, ConversationWorkspaceComponent_div_5_Template, 1, 0, "div", 5)(6, ConversationWorkspaceComponent_div_6_Template, 2, 2, "div", 6)(7, ConversationWorkspaceComponent_div_7_Template, 2, 4, "div", 6)(8, ConversationWorkspaceComponent_div_8_Template, 2, 2, "div", 6)(9, ConversationWorkspaceComponent_Conditional_9_Template, 3, 11);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "mj-search-panel", 7);
-            i0.ɵɵlistener("close", function ConversationWorkspaceComponent_Template_mj_search_panel_close_10_listener() { return ctx.closeSearch(); })("resultSelected", function ConversationWorkspaceComponent_Template_mj_search_panel_resultSelected_10_listener($event) { return ctx.handleSearchResult($event); });
+            i0.ɵɵtemplate(3, ConversationWorkspaceComponent_Conditional_3_Template, 5, 0, "div", 3)(4, ConversationWorkspaceComponent_Conditional_4_Template, 8, 7, "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();
-            i0.ɵɵelement(11, "mj-toast");
-            i0.ɵɵelementStart(12, "mj-artifact-share-modal", 8);
-            i0.ɵɵlistener("saved", function ConversationWorkspaceComponent_Template_mj_artifact_share_modal_saved_12_listener() { return ctx.onArtifactShared(); })("cancelled", function ConversationWorkspaceComponent_Template_mj_artifact_share_modal_cancelled_12_listener() { return ctx.onArtifactShareModalClose(); });
+            i0.ɵɵelement(6, "mj-toast");
+            i0.ɵɵelementStart(7, "mj-artifact-share-modal", 6);
+            i0.ɵɵlistener("saved", function ConversationWorkspaceComponent_Template_mj_artifact_share_modal_saved_7_listener() { return ctx.onArtifactShared(); })("cancelled", function ConversationWorkspaceComponent_Template_mj_artifact_share_modal_cancelled_7_listener() { return ctx.onArtifactShareModalClose(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵattribute("data-layout", ctx.layout);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("activeTab", ctx.activeTab)("environmentId", ctx.environmentId);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.isSidebarVisible && ctx.activeTab !== "collections" && ctx.activeTab !== "tasks");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isSidebarVisible && ctx.activeTab !== "collections" && ctx.activeTab !== "tasks");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "collections");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "tasks");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab !== "collections" && ctx.activeTab !== "tasks");
+            i0.ɵɵconditional(!ctx.isWorkspaceReady ? 3 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isArtifactPanelOpen && ctx.activeArtifactId ? 9 : -1);
+            i0.ɵɵconditional(ctx.isWorkspaceReady ? 4 : -1);
             i0.ɵɵadvance();
             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: [i6.NgIf, i7.DialogContainerDirective, i8.ArtifactViewerPanelComponent, i9.TasksFullViewComponent, i10.ArtifactShareModalComponent, i11.ConversationNavigationComponent, i12.ConversationSidebarComponent, i13.ConversationChatAreaComponent, i14.CollectionsFullViewComponent, i15.SearchPanelComponent, i16.ToastComponent, i17.SearchShortcutDirective], styles: [".conversation-workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 123px); \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.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}"] });
+        } }, dependencies: [i7.NgIf, i8.DialogContainerDirective, i9.ArtifactViewerPanelComponent, i10.TasksFullViewComponent, i11.ArtifactShareModalComponent, i12.ConversationNavigationComponent, i13.ConversationSidebarComponent, i14.ConversationChatAreaComponent, i15.CollectionsFullViewComponent, i16.SearchPanelComponent, i17.ToastComponent, i18.SearchShortcutDirective], styles: [".conversation-workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 123px); \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.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}"] });
 }
 (() => { (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  <div class=\"workspace-content\">\n    <!-- Left Sidebar (hidden when Collections or Tasks view is active) -->\n    <div class=\"workspace-sidebar\" *ngIf=\"isSidebarVisible && activeTab !== 'collections' && activeTab !== 'tasks'\" [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      <div class=\"artifact-panel-resize-handle\" (mousedown)=\"onArtifactPanelResizeStart($event)\"></div>\n      <div class=\"workspace-artifact-panel\" [style.width.%]=\"artifactPanelWidth\">\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          (closed)=\"closeArtifactPanel()\"\n          (navigateToLink)=\"onArtifactLinkNavigation($event)\"\n          (shareRequested)=\"onArtifactShareRequested($event)\">\n        </mj-artifact-viewer-panel>\n      </div>\n    }\n  </div>\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: calc(100vh - 123px); /* Account for parent app header (~60px) */\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/* 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}"] }]
-    }], () => [{ type: i1.ConversationStateService }, { type: i2.ArtifactStateService }, { type: i3.CollectionStateService }, { type: i4.ArtifactPermissionService }, { type: i5.MJNotificationService }, { 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      (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      <div class=\"loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      </div>\n      <p>Loading agents...</p>\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      <div class=\"artifact-panel-resize-handle\" (mousedown)=\"onArtifactPanelResizeStart($event)\"></div>\n      <div class=\"workspace-artifact-panel\" [style.width.%]=\"artifactPanelWidth\">\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          (closed)=\"closeArtifactPanel()\"\n          (navigateToLink)=\"onArtifactLinkNavigation($event)\"\n          (shareRequested)=\"onArtifactShareRequested($event)\">\n        </mj-artifact-viewer-panel>\n      </div>\n    }\n    </div>\n  }\n\n  <!-- Global Search Panel -->\n  <mj-search-panel\n    [isOpen]=\"isSearchPanelOpen\"\n    [environmentId]=\"environmentId\"\n    [currentUser]=\"currentUser\"\n    (close)=\"closeSearch()\"\n    (resultSelected)=\"handleSearchResult($event)\">\n  </mj-search-panel>\n\n  <!-- Toast Notifications -->\n  <mj-toast></mj-toast>\n\n  <!-- Artifact Share Modal -->\n  <mj-artifact-share-modal\n    [isOpen]=\"isArtifactShareModalOpen\"\n    [artifact]=\"artifactToShare\"\n    [currentUser]=\"currentUser\"\n    (saved)=\"onArtifactShared()\"\n    (cancelled)=\"onArtifactShareModalClose()\">\n  </mj-artifact-share-modal>\n</div>", styles: [".conversation-workspace {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - 123px); /* Account for parent app header (~60px) */\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/* 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: i0.ChangeDetectorRef }], { environmentId: [{
             type: Input
         }], initialConversationId: [{
             type: Input
@@ -779,6 +899,9 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             type: Output
         }], newConversationStarted: [{
             type: Output
+        }], onWindowResize: [{
+            type: HostListener,
+            args: ['window:resize']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 34 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 36 }); })();
 //# sourceMappingURL=conversation-workspace.component.js.map