@memberjunction/ng-conversations 5.44.0 → 5.45.1

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

@@ -22,27 +22,27 @@ import { Component, Input, Output, EventEmitter, HostListener } from '@angular/c
 import { UUIDsEqual } from '@memberjunction/global';
 import { ArtifactMetadataEngine, UserInfoEngine, ConversationEngine } from '@memberjunction/core-entities';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { MentionAutocompleteService } from '../../services/mention-autocomplete.service';
 import { Subject, takeUntil } from 'rxjs';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/artifact-state.service";
 import * as i2 from "../../services/collection-state.service";
 import * as i3 from "../../services/artifact-permission.service";
-import * as i4 from "../../services/mention-autocomplete.service";
-import * as i5 from "@memberjunction/ng-notifications";
-import * as i6 from "../../services/conversation-streaming.service";
-import * as i7 from "../../services/ui-command-handler.service";
-import * as i8 from "@memberjunction/ng-artifacts";
-import * as i9 from "@memberjunction/ng-shared-generic";
-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";
+import * as i4 from "@memberjunction/ng-notifications";
+import * as i5 from "../../services/conversation-streaming.service";
+import * as i6 from "../../services/ui-command-handler.service";
+import * as i7 from "@memberjunction/ng-artifacts";
+import * as i8 from "@memberjunction/ng-shared-generic";
+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_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵelement(1, "mj-loading", 7);
@@ -57,14 +57,14 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template(rf,
 function ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14)(1, "mj-conversation-sidebar", 15);
-    i0.ɵɵlistener("conversationSelected", function ConversationWorkspaceComponent_Conditional_4_Conditional_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_Conditional_2_Template_mj_conversation_sidebar_newConversationRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.startNewConversation()); })("pinSidebarRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template_mj_conversation_sidebar_pinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pinSidebar()); })("unpinSidebarRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template_mj_conversation_sidebar_unpinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.unpinSidebar()); });
+    i0.ɵɵlistener("conversationSelected", function ConversationWorkspaceComponent_Conditional_4_Conditional_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_Conditional_2_Template_mj_conversation_sidebar_newConversationRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.startNewConversation()); })("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template_mj_conversation_sidebar_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("pinSidebarRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template_mj_conversation_sidebar_pinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.pinSidebar()); })("unpinSidebarRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template_mj_conversation_sidebar_unpinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.unpinSidebar()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵstyleProp("width", ctx_r1.isSidebarCollapsed ? 0 : ctx_r1.sidebarWidth, "px");
     i0.ɵɵclassProp("open", ctx_r1.isSidebarVisible)("collapsed", ctx_r1.isSidebarCollapsed)("no-transition", !ctx_r1.sidebarTransitionsEnabled);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("activeTab", ctx_r1.activeTab)("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("selectedConversationId", ctx_r1.selectedConversationId)("renamedConversationId", ctx_r1.renamedConversationId)("isSidebarPinned", ctx_r1.isSidebarPinned)("isMobileView", ctx_r1.isMobileView);
+    i0.ɵɵproperty("activeTab", ctx_r1.activeTab)("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser)("selectedConversationId", ctx_r1.selectedConversationId)("renamedConversationId", ctx_r1.renamedConversationId)("isSidebarPinned", ctx_r1.isSidebarPinned)("isMobileView", ctx_r1.isMobileView)("ShowRoutines", ctx_r1.ShowRoutines)("Provider", ctx_r1.Provider);
 } }
 function ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -133,7 +133,7 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_8_Template(rf,
 function ConversationWorkspaceComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵconditionalCreate(1, ConversationWorkspaceComponent_Conditional_4_Conditional_1_Template, 1, 0, "div", 8);
-    i0.ɵɵconditionalCreate(2, ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template, 2, 15, "div", 9);
+    i0.ɵɵconditionalCreate(2, ConversationWorkspaceComponent_Conditional_4_Conditional_2_Template, 2, 17, "div", 9);
     i0.ɵɵconditionalCreate(3, ConversationWorkspaceComponent_Conditional_4_Conditional_3_Template, 2, 0, "button", 10);
     i0.ɵɵconditionalCreate(4, ConversationWorkspaceComponent_Conditional_4_Conditional_4_Template, 1, 0, "div", 11);
     i0.ɵɵconditionalCreate(5, ConversationWorkspaceComponent_Conditional_4_Conditional_5_Template, 2, 2, "div", 12);
@@ -173,7 +173,6 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     artifactState;
     collectionState;
     artifactPermissionService;
-    mentionAutocompleteService;
     notificationService;
     streamingService;
     uiCommandHandler;
@@ -184,6 +183,13 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     currentUser;
     activeContext;
     contextItemId;
+    /**
+     * Show the Routines section at the very bottom of the left sidebar. Default true;
+     * hosts that don't want routines (or embed a reduced chat surface) set false.
+     * The section additionally hides itself when the current user lacks Read
+     * permission on 'MJ: User Routines'.
+     */
+    ShowRoutines = true;
     // Navigation properties for external control (deep linking from URL)
     set activeTabInput(value) {
         if (value && value !== this.activeTab) {
@@ -294,12 +300,13 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     pendingArtifactConversationId = null;
     pendingArtifactVersionNumber = null;
     engine = ConversationEngine.Instance;
-    constructor(artifactState, collectionState, artifactPermissionService, mentionAutocompleteService, notificationService, streamingService, uiCommandHandler, cdr) {
+    // Shared AI mention/suggestion engine (BaseSingleton — same instance the composer plugins use)
+    mentionAutocompleteService = MentionAutocompleteService.Instance;
+    constructor(artifactState, collectionState, artifactPermissionService, notificationService, streamingService, uiCommandHandler, cdr) {
         super();
         this.artifactState = artifactState;
         this.collectionState = collectionState;
         this.artifactPermissionService = artifactPermissionService;
-        this.mentionAutocompleteService = mentionAutocompleteService;
         this.notificationService = notificationService;
         this.streamingService = streamingService;
         this.uiCommandHandler = uiCommandHandler;
@@ -1239,10 +1246,10 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
         console.log('📤 Bubbling up automatic command:', command);
         this.automaticCommandExecuted.emit(command);
     }
-    static ɵfac = function ConversationWorkspaceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationWorkspaceComponent)(i0.ɵɵdirectiveInject(i1.ArtifactStateService), i0.ɵɵdirectiveInject(i2.CollectionStateService), i0.ɵɵdirectiveInject(i3.ArtifactPermissionService), i0.ɵɵdirectiveInject(i4.MentionAutocompleteService), i0.ɵɵdirectiveInject(i5.MJNotificationService), i0.ɵɵdirectiveInject(i6.ConversationStreamingService), i0.ɵɵdirectiveInject(i7.UICommandHandlerService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵfac = function ConversationWorkspaceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationWorkspaceComponent)(i0.ɵɵdirectiveInject(i1.ArtifactStateService), i0.ɵɵdirectiveInject(i2.CollectionStateService), i0.ɵɵdirectiveInject(i3.ArtifactPermissionService), i0.ɵɵdirectiveInject(i4.MJNotificationService), i0.ɵɵdirectiveInject(i5.ConversationStreamingService), i0.ɵɵdirectiveInject(i6.UICommandHandlerService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationWorkspaceComponent, selectors: [["mj-conversation-workspace"]], hostBindings: function ConversationWorkspaceComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("resize", function ConversationWorkspaceComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, i0.ɵɵresolveWindow)("click", function ConversationWorkspaceComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { environmentId: "environmentId", 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", navigationRequested: "navigationRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["mjSearchShortcut", "", 1, "conversation-workspace", 3, "searchTriggered"], [1, "workspace-navigation"], [3, "tabChanged", "sidebarToggled", "searchTriggered", "refreshTriggered", "activeTab", "environmentId", "currentUser", "conversationId"], [1, "workspace-loading"], [1, "workspace-content"], [3, "close", "resultSelected", "isOpen", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "artifact", "currentUser"], ["text", "Loading agents...", "size", "large"], [1, "mobile-sidebar-backdrop", "visible"], [1, "workspace-sidebar", 3, "open", "collapsed", "no-transition", "width"], ["title", "Show conversations", 1, "sidebar-floating-toggle"], [1, "sidebar-resize-handle"], [1, "workspace-main"], [1, "mobile-sidebar-backdrop", "visible", 3, "click"], [1, "workspace-sidebar"], [3, "conversationSelected", "newConversationRequested", "pinSidebarRequested", "unpinSidebarRequested", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView"], ["title", "Show conversations", 1, "sidebar-floating-toggle", 3, "click"], [1, "fas", "fa-table-columns"], [1, "sidebar-resize-handle", 3, "mousedown"], [3, "collectionNavigated", "environmentId", "currentUser"], [3, "openEntityRecord", "environmentId", "currentUser", "baseFilter", "activeTaskId"], [3, "conversationRenamed", "openEntityRecord", "navigationRequest", "taskClicked", "artifactLinkClicked", "conversationCreated", "realtimeConversationReady", "threadOpened", "threadClosed", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "threadId", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingMessageConversationId", "pendingArtifactId", "pendingArtifactConversationId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "applyFormRequested", "artifactId", "currentUser", "environmentId", "versionNumber", "showSaveToCollection", "viewContext", "contextCollectionId", "canShare", "canEdit", "isMaximized"], [1, "artifact-panel-resize-handle", 3, "mousedown"]], template: function ConversationWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { environmentId: "environmentId", initialConversationId: "initialConversationId", layout: "layout", currentUser: "currentUser", activeContext: "activeContext", contextItemId: "contextItemId", ShowRoutines: "ShowRoutines", activeTabInput: "activeTabInput", activeConversationInput: "activeConversationInput", activeCollectionInput: "activeCollectionInput", activeVersionIdInput: "activeVersionIdInput", activeTaskInput: "activeTaskInput" }, outputs: { conversationChanged: "conversationChanged", artifactOpened: "artifactOpened", navigationChanged: "navigationChanged", newConversationStarted: "newConversationStarted", actionableCommandExecuted: "actionableCommandExecuted", automaticCommandExecuted: "automaticCommandExecuted", navigationRequested: "navigationRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 13, consts: [["mjSearchShortcut", "", 1, "conversation-workspace", 3, "searchTriggered"], [1, "workspace-navigation"], [3, "tabChanged", "sidebarToggled", "searchTriggered", "refreshTriggered", "activeTab", "environmentId", "currentUser", "conversationId"], [1, "workspace-loading"], [1, "workspace-content"], [3, "close", "resultSelected", "isOpen", "environmentId", "currentUser"], [3, "saved", "cancelled", "isOpen", "artifact", "currentUser"], ["text", "Loading agents...", "size", "large"], [1, "mobile-sidebar-backdrop", "visible"], [1, "workspace-sidebar", 3, "open", "collapsed", "no-transition", "width"], ["title", "Show conversations", 1, "sidebar-floating-toggle"], [1, "sidebar-resize-handle"], [1, "workspace-main"], [1, "mobile-sidebar-backdrop", "visible", 3, "click"], [1, "workspace-sidebar"], [3, "conversationSelected", "newConversationRequested", "openEntityRecord", "pinSidebarRequested", "unpinSidebarRequested", "activeTab", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView", "ShowRoutines", "Provider"], ["title", "Show conversations", 1, "sidebar-floating-toggle", 3, "click"], [1, "fas", "fa-table-columns"], [1, "sidebar-resize-handle", 3, "mousedown"], [3, "collectionNavigated", "environmentId", "currentUser"], [3, "openEntityRecord", "environmentId", "currentUser", "baseFilter", "activeTaskId"], [3, "conversationRenamed", "openEntityRecord", "navigationRequest", "taskClicked", "artifactLinkClicked", "conversationCreated", "realtimeConversationReady", "threadOpened", "threadClosed", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "threadId", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingMessageConversationId", "pendingArtifactId", "pendingArtifactConversationId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "applyFormRequested", "artifactId", "currentUser", "environmentId", "versionNumber", "showSaveToCollection", "viewContext", "contextCollectionId", "canShare", "canEdit", "isMaximized"], [1, "artifact-panel-resize-handle", 3, "mousedown"]], template: function ConversationWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
             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);
@@ -1269,12 +1276,12 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             i0.ɵɵproperty("isOpen", ctx.isSearchPanelOpen)("environmentId", ctx.environmentId)("currentUser", ctx.currentUser);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("isOpen", ctx.isArtifactShareModalOpen)("artifact", ctx.artifactToShare)("currentUser", ctx.currentUser);
-        } }, dependencies: [i8.ArtifactViewerPanelComponent, i9.LoadingComponent, 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: 100%; \n\n  min-height: 0; \n\n  background-color: var(--mj-bg-surface-sunken);\n  position: relative;\n}\n\n.workspace-navigation[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: var(--mj-text-primary);\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-text-inverse) 10%, transparent);\n}\n\n.workspace-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background-color: var(--mj-text-primary);\n  border-right: 1px solid var(--mj-border-default);\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n\n\n.workspace-sidebar.no-transition[_ngcontent-%COMP%] {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed[_ngcontent-%COMP%] {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n\n\n.sidebar-floating-toggle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 100;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-text-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:hover {\n  background: var(--mj-text-primary);\n  border-color: color-mix(in srgb, var(--mj-text-inverse) 30%, transparent);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: color-mix(in srgb, var(--mj-text-inverse) 85%, transparent);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-inverse);\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: var(--mj-brand-primary-hover);\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%]:active {\n  background: var(--mj-brand-primary-hover);\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: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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: var(--mj-brand-primary-hover);\n}\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%]:active {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n\n\n.workspace-artifact-panel.maximized[_ngcontent-%COMP%] {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-sidebar[_ngcontent-%COMP%] {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-artifact-panel[_ngcontent-%COMP%] {\n  width: 400px;\n}\n\n\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%]   .workspace-navigation[_ngcontent-%COMP%] {\n  height: 48px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\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 color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n}\n\n\n\n@media (min-width: 769px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%] {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open)    ~ .sidebar-resize-handle[_ngcontent-%COMP%] {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n\n\n@media (max-width: 768px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    position: fixed;\n    left: 0;\n    top: 80px;\n    z-index: 1000;\n    width: 260px !important;\n    height: calc(100vh - 80px);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n\n  .workspace-sidebar.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; \n\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%], \n   .artifact-panel-resize-handle[_ngcontent-%COMP%], \n   .sidebar-floating-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  \n\n  .mobile-sidebar-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible[_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: var(--mj-bg-surface-card);\n  gap: 1rem;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  font-size: 3rem;\n  color: var(--mj-brand-primary);\n}\n\n.workspace-loading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}"] });
+        } }, dependencies: [i7.ArtifactViewerPanelComponent, i8.LoadingComponent, 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: 100%; \n\n  min-height: 0; \n\n  background-color: var(--mj-bg-surface-sunken);\n  position: relative;\n}\n\n.workspace-navigation[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: var(--mj-text-primary);\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-text-inverse) 10%, transparent);\n}\n\n.workspace-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background-color: var(--mj-text-primary);\n  border-right: 1px solid var(--mj-border-default);\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n\n\n.workspace-sidebar.no-transition[_ngcontent-%COMP%] {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed[_ngcontent-%COMP%] {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n\n\n.sidebar-floating-toggle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 100;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-text-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:hover {\n  background: var(--mj-text-primary);\n  border-color: color-mix(in srgb, var(--mj-text-inverse) 30%, transparent);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: color-mix(in srgb, var(--mj-text-inverse) 85%, transparent);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-inverse);\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: var(--mj-brand-primary-hover);\n}\n\n.sidebar-resize-handle[_ngcontent-%COMP%]:active {\n  background: var(--mj-brand-primary-hover);\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: var(--mj-bg-surface-card);\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: var(--mj-bg-surface-card);\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: var(--mj-brand-primary-hover);\n}\n\n.artifact-panel-resize-handle[_ngcontent-%COMP%]:active {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n\n\n.workspace-artifact-panel.maximized[_ngcontent-%COMP%] {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-sidebar[_ngcontent-%COMP%] {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"][_ngcontent-%COMP%]   .workspace-artifact-panel[_ngcontent-%COMP%] {\n  width: 400px;\n}\n\n\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"][_ngcontent-%COMP%]   .workspace-navigation[_ngcontent-%COMP%] {\n  height: 48px;\n}\n\n\n\n@media (max-width: 1024px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\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 color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n}\n\n\n\n@media (min-width: 769px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%] {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar[_ngcontent-%COMP%]:not(.open)    ~ .sidebar-resize-handle[_ngcontent-%COMP%] {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n\n\n@media (max-width: 768px) {\n  .workspace-sidebar[_ngcontent-%COMP%] {\n    position: fixed;\n    left: 0;\n    top: 80px;\n    z-index: 1000;\n    width: 260px !important;\n    height: calc(100vh - 80px);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n\n  .workspace-sidebar.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; \n\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle[_ngcontent-%COMP%], \n   .artifact-panel-resize-handle[_ngcontent-%COMP%], \n   .sidebar-floating-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  \n\n  .mobile-sidebar-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible[_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: var(--mj-bg-surface-card);\n  gap: 1rem;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  font-size: 3rem;\n  color: var(--mj-brand-primary);\n}\n\n.workspace-loading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConversationWorkspaceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-conversation-workspace', template: "<div class=\"conversation-workspace\" [attr.data-layout]=\"layout\" mjSearchShortcut (searchTriggered)=\"openSearch()\">\n  <!-- Top Navigation Bar -->\n  <div class=\"workspace-navigation\">\n    <mj-conversation-navigation\n      [activeTab]=\"activeTab\"\n      [environmentId]=\"environmentId\"\n      [currentUser]=\"currentUser\"\n      [conversationId]=\"selectedConversationId\"\n      (tabChanged)=\"onTabChanged($event)\"\n      (sidebarToggled)=\"toggleSidebar()\"\n      (searchTriggered)=\"openSearch()\"\n      (refreshTriggered)=\"onRefreshAgentCache()\">\n    </mj-conversation-navigation>\n  </div>\n\n  <!-- Loading spinner while initializing agents -->\n  @if (!isWorkspaceReady) {\n    <div class=\"workspace-loading\">\n      <mj-loading text=\"Loading agents...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  <!-- Main workspace content - only renders when agents are ready -->\n  @if (isWorkspaceReady) {\n    <div class=\"workspace-content\">\n      <!-- Mobile sidebar backdrop -->\n      @if (isMobileView && isSidebarVisible && activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"mobile-sidebar-backdrop visible\" (click)=\"closeSidebar()\"></div>\n      }\n\n      <!-- Left Sidebar (hidden when Collections or Tasks view is active) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"workspace-sidebar\"\n          [class.open]=\"isSidebarVisible\"\n          [class.collapsed]=\"isSidebarCollapsed\"\n          [class.no-transition]=\"!sidebarTransitionsEnabled\"\n          [style.width.px]=\"isSidebarCollapsed ? 0 : sidebarWidth\">\n          <mj-conversation-sidebar\n            [activeTab]=\"activeTab\"\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [selectedConversationId]=\"selectedConversationId\"\n            [renamedConversationId]=\"renamedConversationId\"\n            [isSidebarPinned]=\"isSidebarPinned\"\n            [isMobileView]=\"isMobileView\"\n            (conversationSelected)=\"onConversationSelected($event)\"\n            (newConversationRequested)=\"startNewConversation()\"\n            (pinSidebarRequested)=\"pinSidebar()\"\n            (unpinSidebarRequested)=\"unpinSidebar()\">\n          </mj-conversation-sidebar>\n        </div>\n      }\n\n      <!-- Floating toggle button (only visible when sidebar is collapsed and settings loaded) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarCollapsed && isSidebarSettingsLoaded) {\n        <button class=\"sidebar-floating-toggle\"\n          (click)=\"expandSidebar()\"\n          title=\"Show conversations\">\n          <i class=\"fas fa-table-columns\"></i>\n        </button>\n      }\n\n      <!-- Resize handle for sidebar (only when expanded and settings loaded) -->\n      @if (isSidebarVisible && !isSidebarCollapsed && activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"sidebar-resize-handle\"\n        (mousedown)=\"onSidebarResizeStart($event)\"></div>\n      }\n\n      <!-- Collections Full-Panel View -->\n      @if (activeTab === 'collections') {\n        <div class=\"workspace-main\">\n          <mj-collections-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            (collectionNavigated)=\"onCollectionNavigated($event)\">\n          </mj-collections-full-view>\n        </div>\n      }\n\n      <!-- Tasks Full-Panel View -->\n      @if (activeTab === 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-tasks-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [baseFilter]=\"tasksFilter\"\n            [activeTaskId]=\"activeTaskId\"\n            (openEntityRecord)=\"onOpenEntityRecordFromTasks($event)\">\n          </mj-tasks-full-view>\n        </div>\n      }\n\n      <!-- Main Chat Area (only shown when not in Collections or Tasks view) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-conversation-chat-area\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [conversationId]=\"selectedConversationId\"\n            [conversation]=\"selectedConversation\"\n            [threadId]=\"selectedThreadId\"\n            [isNewConversation]=\"isNewUnsavedConversation\"\n            [pendingMessage]=\"pendingMessageToSend\"\n            [pendingAttachments]=\"pendingAttachmentsToSend\"\n            [pendingMessageConversationId]=\"pendingMessageConversationId\"\n            [pendingArtifactId]=\"pendingArtifactId\"\n            [pendingArtifactConversationId]=\"pendingArtifactConversationId\"\n            [pendingArtifactVersionNumber]=\"pendingArtifactVersionNumber\"\n            (conversationRenamed)=\"onConversationRenamed($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (navigationRequest)=\"onNavigationRequest($event)\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (artifactLinkClicked)=\"onArtifactLinkNavigation($event)\"\n            (conversationCreated)=\"onConversationCreated($event)\"\n            (realtimeConversationReady)=\"onRealtimeConversationReady($event)\"\n            (threadOpened)=\"onThreadOpened($event)\"\n            (threadClosed)=\"onThreadClosed()\"\n            (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactConversationId = null; pendingArtifactVersionNumber = null\"\n            (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = null; pendingMessageConversationId = null\"\n            (pendingMessageRequested)=\"onPendingMessageRequested($event)\">\n          </mj-conversation-chat-area>\n        </div>\n      }\n\n      <!-- Right Artifact Panel -->\n      @if (isArtifactPanelOpen && activeArtifactId) {\n        @if (!isArtifactPanelMaximized) {\n          <div class=\"artifact-panel-resize-handle\" (mousedown)=\"onArtifactPanelResizeStart($event)\"></div>\n        }\n        <div class=\"workspace-artifact-panel\"\n          [style.width.%]=\"artifactPanelWidth\"\n          [class.maximized]=\"isArtifactPanelMaximized\">\n          <mj-artifact-viewer-panel\n            [artifactId]=\"activeArtifactId\"\n            [currentUser]=\"currentUser\"\n            [environmentId]=\"environmentId\"\n            [versionNumber]=\"activeVersionNumber ?? undefined\"\n            [showSaveToCollection]=\"activeTab !== 'collections'\"\n            [viewContext]=\"activeTab === 'collections' ? 'collection' : 'conversation'\"\n            [contextCollectionId]=\"collectionState.activeCollectionId ?? undefined\"\n            [canShare]=\"canShareActiveArtifact\"\n            [canEdit]=\"canEditActiveArtifact\"\n            [isMaximized]=\"isArtifactPanelMaximized\"\n            (closed)=\"closeArtifactPanel()\"\n            (navigateToLink)=\"onArtifactLinkNavigation($event)\"\n            (shareRequested)=\"onArtifactShareRequested($event)\"\n            (maximizeToggled)=\"toggleMaximizeArtifactPanel()\"\n            (applyFormRequested)=\"onApplyFormRequested($event)\">\n          </mj-artifact-viewer-panel>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Global Search Panel -->\n  <mj-search-panel\n    [isOpen]=\"isSearchPanelOpen\"\n    [environmentId]=\"environmentId\"\n    [currentUser]=\"currentUser\"\n    (close)=\"closeSearch()\"\n    (resultSelected)=\"handleSearchResult($event)\">\n  </mj-search-panel>\n\n  <!-- Toast Notifications -->\n  <mj-toast></mj-toast>\n\n  <!-- Artifact Share Modal -->\n  <mj-artifact-share-modal\n    [isOpen]=\"isArtifactShareModalOpen\"\n    [artifact]=\"artifactToShare\"\n    [currentUser]=\"currentUser\"\n    (saved)=\"onArtifactShared()\"\n    (cancelled)=\"onArtifactShareModalClose()\">\n  </mj-artifact-share-modal>\n</div>", styles: [".conversation-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Fill parent container - works in any context (tabs, embedded, etc.) */\n  min-height: 0; /* Allow flex shrinking in nested flex containers */\n  background-color: var(--mj-bg-surface-sunken);\n  position: relative;\n}\n\n.workspace-navigation {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: var(--mj-text-primary);\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-text-inverse) 10%, transparent);\n}\n\n.workspace-content {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar {\n  flex-shrink: 0;\n  background-color: var(--mj-text-primary);\n  border-right: 1px solid var(--mj-border-default);\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n/* Disable transitions during initial load to prevent jarring animation */\n.workspace-sidebar.no-transition {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n/* Floating toggle button (only visible when sidebar is collapsed) */\n.sidebar-floating-toggle {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 100;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-text-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle:hover {\n  background: var(--mj-text-primary);\n  border-color: color-mix(in srgb, var(--mj-text-inverse) 30%, transparent);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle i {\n  color: color-mix(in srgb, var(--mj-text-inverse) 85%, transparent);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle:hover i {\n  color: var(--mj-text-inverse);\n}\n\n.sidebar-resize-handle {\n  width: 4px;\n  background: transparent;\n  cursor: ew-resize;\n  flex-shrink: 0;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.sidebar-resize-handle:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.sidebar-resize-handle:active {\n  background: var(--mj-brand-primary-hover);\n}\n\n.sidebar-resize-handle::before {\n  content: '';\n  position: absolute;\n  left: -4px;\n  right: -4px;\n  top: 0;\n  bottom: 0;\n  cursor: ew-resize;\n}\n\n.workspace-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-height: 0;\n}\n\n.workspace-main > mj-conversation-chat-area {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.workspace-artifact-panel {\n  flex-shrink: 0;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-width: 300px;\n  max-width: 70%;\n}\n\n.artifact-panel-resize-handle {\n  width: 4px;\n  background-color: transparent;\n  cursor: ew-resize;\n  flex-shrink: 0;\n  transition: background-color 0.2s;\n  position: relative;\n  z-index: 10;\n}\n\n/* Wider hit area for easier grabbing */\n.artifact-panel-resize-handle::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: -4px;\n  right: -4px;\n  cursor: ew-resize;\n}\n\n.artifact-panel-resize-handle:hover {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.artifact-panel-resize-handle:active {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n/* Maximized artifact panel */\n.workspace-artifact-panel.maximized {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n/* Compact layout */\n.conversation-workspace[data-layout=\"compact\"] .workspace-sidebar {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"] .workspace-artifact-panel {\n  width: 400px;\n}\n\n/* Embedded layout */\n.conversation-workspace[data-layout=\"embedded\"] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"] .workspace-navigation {\n  height: 48px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .workspace-sidebar {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    right: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: -2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n}\n\n/* Desktop sidebar toggle animation */\n@media (min-width: 769px) {\n  .workspace-sidebar {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar:not(.open) ~ .sidebar-resize-handle {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n/* Mobile adjustments: 481px - 768px */\n@media (max-width: 768px) {\n  .workspace-sidebar {\n    position: fixed;\n    left: 0;\n    top: 80px;\n    z-index: 1000;\n    width: 260px !important;\n    height: calc(100vh - 80px);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n\n  .workspace-sidebar.open {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; /* 48px nav + 8px dark strip above blue border */\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle,\n  .artifact-panel-resize-handle,\n  .sidebar-floating-toggle {\n    display: none;\n  }\n\n  /* Mobile sidebar backdrop */\n  .mobile-sidebar-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n/* Small Phone adjustments: <= 480px */\n@media (max-width: 480px) {\n  .workspace-navigation {\n    height: 48px;\n  }\n\n  .workspace-sidebar {\n    width: 100%;\n  }\n}\n\n/* Loading spinner (shown while initializing agents) */\n.workspace-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  gap: 1rem;\n}\n\n.loading-spinner {\n  font-size: 3rem;\n  color: var(--mj-brand-primary);\n}\n\n.workspace-loading p {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}"] }]
-    }], () => [{ type: i1.ArtifactStateService }, { type: i2.CollectionStateService }, { type: i3.ArtifactPermissionService }, { type: i4.MentionAutocompleteService }, { type: i5.MJNotificationService }, { type: i6.ConversationStreamingService }, { type: i7.UICommandHandlerService }, { type: i0.ChangeDetectorRef }], { environmentId: [{
+        args: [{ standalone: false, selector: 'mj-conversation-workspace', template: "<div class=\"conversation-workspace\" [attr.data-layout]=\"layout\" mjSearchShortcut (searchTriggered)=\"openSearch()\">\n  <!-- Top Navigation Bar -->\n  <div class=\"workspace-navigation\">\n    <mj-conversation-navigation\n      [activeTab]=\"activeTab\"\n      [environmentId]=\"environmentId\"\n      [currentUser]=\"currentUser\"\n      [conversationId]=\"selectedConversationId\"\n      (tabChanged)=\"onTabChanged($event)\"\n      (sidebarToggled)=\"toggleSidebar()\"\n      (searchTriggered)=\"openSearch()\"\n      (refreshTriggered)=\"onRefreshAgentCache()\">\n    </mj-conversation-navigation>\n  </div>\n\n  <!-- Loading spinner while initializing agents -->\n  @if (!isWorkspaceReady) {\n    <div class=\"workspace-loading\">\n      <mj-loading text=\"Loading agents...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  <!-- Main workspace content - only renders when agents are ready -->\n  @if (isWorkspaceReady) {\n    <div class=\"workspace-content\">\n      <!-- Mobile sidebar backdrop -->\n      @if (isMobileView && isSidebarVisible && activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"mobile-sidebar-backdrop visible\" (click)=\"closeSidebar()\"></div>\n      }\n\n      <!-- Left Sidebar (hidden when Collections or Tasks view is active) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"workspace-sidebar\"\n          [class.open]=\"isSidebarVisible\"\n          [class.collapsed]=\"isSidebarCollapsed\"\n          [class.no-transition]=\"!sidebarTransitionsEnabled\"\n          [style.width.px]=\"isSidebarCollapsed ? 0 : sidebarWidth\">\n          <mj-conversation-sidebar\n            [activeTab]=\"activeTab\"\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [selectedConversationId]=\"selectedConversationId\"\n            [renamedConversationId]=\"renamedConversationId\"\n            [isSidebarPinned]=\"isSidebarPinned\"\n            [isMobileView]=\"isMobileView\"\n            [ShowRoutines]=\"ShowRoutines\"\n            [Provider]=\"Provider\"\n            (conversationSelected)=\"onConversationSelected($event)\"\n            (newConversationRequested)=\"startNewConversation()\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (pinSidebarRequested)=\"pinSidebar()\"\n            (unpinSidebarRequested)=\"unpinSidebar()\">\n          </mj-conversation-sidebar>\n        </div>\n      }\n\n      <!-- Floating toggle button (only visible when sidebar is collapsed and settings loaded) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarCollapsed && isSidebarSettingsLoaded) {\n        <button class=\"sidebar-floating-toggle\"\n          (click)=\"expandSidebar()\"\n          title=\"Show conversations\">\n          <i class=\"fas fa-table-columns\"></i>\n        </button>\n      }\n\n      <!-- Resize handle for sidebar (only when expanded and settings loaded) -->\n      @if (isSidebarVisible && !isSidebarCollapsed && activeTab !== 'collections' && activeTab !== 'tasks' && isSidebarSettingsLoaded) {\n        <div class=\"sidebar-resize-handle\"\n        (mousedown)=\"onSidebarResizeStart($event)\"></div>\n      }\n\n      <!-- Collections Full-Panel View -->\n      @if (activeTab === 'collections') {\n        <div class=\"workspace-main\">\n          <mj-collections-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            (collectionNavigated)=\"onCollectionNavigated($event)\">\n          </mj-collections-full-view>\n        </div>\n      }\n\n      <!-- Tasks Full-Panel View -->\n      @if (activeTab === 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-tasks-full-view\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [baseFilter]=\"tasksFilter\"\n            [activeTaskId]=\"activeTaskId\"\n            (openEntityRecord)=\"onOpenEntityRecordFromTasks($event)\">\n          </mj-tasks-full-view>\n        </div>\n      }\n\n      <!-- Main Chat Area (only shown when not in Collections or Tasks view) -->\n      @if (activeTab !== 'collections' && activeTab !== 'tasks') {\n        <div class=\"workspace-main\">\n          <mj-conversation-chat-area\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [conversationId]=\"selectedConversationId\"\n            [conversation]=\"selectedConversation\"\n            [threadId]=\"selectedThreadId\"\n            [isNewConversation]=\"isNewUnsavedConversation\"\n            [pendingMessage]=\"pendingMessageToSend\"\n            [pendingAttachments]=\"pendingAttachmentsToSend\"\n            [pendingMessageConversationId]=\"pendingMessageConversationId\"\n            [pendingArtifactId]=\"pendingArtifactId\"\n            [pendingArtifactConversationId]=\"pendingArtifactConversationId\"\n            [pendingArtifactVersionNumber]=\"pendingArtifactVersionNumber\"\n            (conversationRenamed)=\"onConversationRenamed($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (navigationRequest)=\"onNavigationRequest($event)\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (artifactLinkClicked)=\"onArtifactLinkNavigation($event)\"\n            (conversationCreated)=\"onConversationCreated($event)\"\n            (realtimeConversationReady)=\"onRealtimeConversationReady($event)\"\n            (threadOpened)=\"onThreadOpened($event)\"\n            (threadClosed)=\"onThreadClosed()\"\n            (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactConversationId = null; pendingArtifactVersionNumber = null\"\n            (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = null; pendingMessageConversationId = null\"\n            (pendingMessageRequested)=\"onPendingMessageRequested($event)\">\n          </mj-conversation-chat-area>\n        </div>\n      }\n\n      <!-- Right Artifact Panel -->\n      @if (isArtifactPanelOpen && activeArtifactId) {\n        @if (!isArtifactPanelMaximized) {\n          <div class=\"artifact-panel-resize-handle\" (mousedown)=\"onArtifactPanelResizeStart($event)\"></div>\n        }\n        <div class=\"workspace-artifact-panel\"\n          [style.width.%]=\"artifactPanelWidth\"\n          [class.maximized]=\"isArtifactPanelMaximized\">\n          <mj-artifact-viewer-panel\n            [artifactId]=\"activeArtifactId\"\n            [currentUser]=\"currentUser\"\n            [environmentId]=\"environmentId\"\n            [versionNumber]=\"activeVersionNumber ?? undefined\"\n            [showSaveToCollection]=\"activeTab !== 'collections'\"\n            [viewContext]=\"activeTab === 'collections' ? 'collection' : 'conversation'\"\n            [contextCollectionId]=\"collectionState.activeCollectionId ?? undefined\"\n            [canShare]=\"canShareActiveArtifact\"\n            [canEdit]=\"canEditActiveArtifact\"\n            [isMaximized]=\"isArtifactPanelMaximized\"\n            (closed)=\"closeArtifactPanel()\"\n            (navigateToLink)=\"onArtifactLinkNavigation($event)\"\n            (shareRequested)=\"onArtifactShareRequested($event)\"\n            (maximizeToggled)=\"toggleMaximizeArtifactPanel()\"\n            (applyFormRequested)=\"onApplyFormRequested($event)\">\n          </mj-artifact-viewer-panel>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Global Search Panel -->\n  <mj-search-panel\n    [isOpen]=\"isSearchPanelOpen\"\n    [environmentId]=\"environmentId\"\n    [currentUser]=\"currentUser\"\n    (close)=\"closeSearch()\"\n    (resultSelected)=\"handleSearchResult($event)\">\n  </mj-search-panel>\n\n  <!-- Toast Notifications -->\n  <mj-toast></mj-toast>\n\n  <!-- Artifact Share Modal -->\n  <mj-artifact-share-modal\n    [isOpen]=\"isArtifactShareModalOpen\"\n    [artifact]=\"artifactToShare\"\n    [currentUser]=\"currentUser\"\n    (saved)=\"onArtifactShared()\"\n    (cancelled)=\"onArtifactShareModalClose()\">\n  </mj-artifact-share-modal>\n</div>", styles: [".conversation-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Fill parent container - works in any context (tabs, embedded, etc.) */\n  min-height: 0; /* Allow flex shrinking in nested flex containers */\n  background-color: var(--mj-bg-surface-sunken);\n  position: relative;\n}\n\n.workspace-navigation {\n  flex-shrink: 0;\n  height: 48px;\n  background-color: var(--mj-text-primary);\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-text-inverse) 10%, transparent);\n}\n\n.workspace-content {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  min-height: 0;\n  position: relative;\n}\n\n.workspace-sidebar {\n  flex-shrink: 0;\n  background-color: var(--mj-text-primary);\n  border-right: 1px solid var(--mj-border-default);\n  overflow-y: auto;\n  transition: width 0.3s ease;\n}\n\n/* Disable transitions during initial load to prevent jarring animation */\n.workspace-sidebar.no-transition {\n  transition: none !important;\n}\n\n.workspace-sidebar.collapsed {\n  width: 0 !important;\n  min-width: 0;\n  border-right: none;\n  overflow: hidden;\n}\n\n/* Floating toggle button (only visible when sidebar is collapsed) */\n.sidebar-floating-toggle {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  z-index: 100;\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-text-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-text-inverse) 20%, transparent);\n  border-radius: 8px;\n  cursor: pointer;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n  transition: all 0.2s ease;\n}\n\n.sidebar-floating-toggle:hover {\n  background: var(--mj-text-primary);\n  border-color: color-mix(in srgb, var(--mj-text-inverse) 30%, transparent);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n  transform: scale(1.05);\n}\n\n.sidebar-floating-toggle:active {\n  transform: scale(0.98);\n}\n\n.sidebar-floating-toggle i {\n  color: color-mix(in srgb, var(--mj-text-inverse) 85%, transparent);\n  font-size: 16px;\n  transition: color 0.15s ease;\n}\n\n.sidebar-floating-toggle:hover i {\n  color: var(--mj-text-inverse);\n}\n\n.sidebar-resize-handle {\n  width: 4px;\n  background: transparent;\n  cursor: ew-resize;\n  flex-shrink: 0;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.sidebar-resize-handle:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.sidebar-resize-handle:active {\n  background: var(--mj-brand-primary-hover);\n}\n\n.sidebar-resize-handle::before {\n  content: '';\n  position: absolute;\n  left: -4px;\n  right: -4px;\n  top: 0;\n  bottom: 0;\n  cursor: ew-resize;\n}\n\n.workspace-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-height: 0;\n}\n\n.workspace-main > mj-conversation-chat-area {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n}\n\n.workspace-artifact-panel {\n  flex-shrink: 0;\n  background-color: var(--mj-bg-surface-card);\n  overflow: hidden;\n  min-width: 300px;\n  max-width: 70%;\n}\n\n.artifact-panel-resize-handle {\n  width: 4px;\n  background-color: transparent;\n  cursor: ew-resize;\n  flex-shrink: 0;\n  transition: background-color 0.2s;\n  position: relative;\n  z-index: 10;\n}\n\n/* Wider hit area for easier grabbing */\n.artifact-panel-resize-handle::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: -4px;\n  right: -4px;\n  cursor: ew-resize;\n}\n\n.artifact-panel-resize-handle:hover {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.artifact-panel-resize-handle:active {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n/* Maximized artifact panel */\n.workspace-artifact-panel.maximized {\n  width: 100% !important;\n  max-width: 100%;\n}\n\n/* Compact layout */\n.conversation-workspace[data-layout=\"compact\"] .workspace-sidebar {\n  width: 240px;\n}\n\n.conversation-workspace[data-layout=\"compact\"] .workspace-artifact-panel {\n  width: 400px;\n}\n\n/* Embedded layout */\n.conversation-workspace[data-layout=\"embedded\"] {\n  height: 100%;\n}\n\n.conversation-workspace[data-layout=\"embedded\"] .workspace-navigation {\n  height: 48px;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .workspace-sidebar {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: 2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    right: 0;\n    top: 60px;\n    bottom: 0;\n    z-index: 100;\n    box-shadow: -2px 0 8px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n  }\n}\n\n/* Desktop sidebar toggle animation */\n@media (min-width: 769px) {\n  .workspace-sidebar {\n    transition: width 0.3s ease, min-width 0.3s ease;\n    overflow: hidden;\n  }\n\n  .workspace-sidebar:not(.open) {\n    width: 0 !important;\n    min-width: 0;\n    border-right: none;\n  }\n\n  .sidebar-resize-handle {\n    transition: opacity 0.3s ease, width 0.3s ease;\n  }\n\n  .workspace-sidebar:not(.open) ~ .sidebar-resize-handle {\n    opacity: 0;\n    width: 0;\n    pointer-events: none;\n  }\n}\n\n/* Mobile adjustments: 481px - 768px */\n@media (max-width: 768px) {\n  .workspace-sidebar {\n    position: fixed;\n    left: 0;\n    top: 80px;\n    z-index: 1000;\n    width: 260px !important;\n    height: calc(100vh - 80px);\n    transform: translateX(-100%);\n    transition: transform 0.3s ease;\n  }\n\n  .workspace-sidebar.open {\n    transform: translateX(0);\n  }\n\n  .workspace-artifact-panel {\n    position: fixed;\n    width: 100%;\n    left: 0;\n    right: 0;\n    top: 56px; /* 48px nav + 8px dark strip above blue border */\n    bottom: 0;\n    z-index: 1000;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .sidebar-resize-handle,\n  .artifact-panel-resize-handle,\n  .sidebar-floating-toggle {\n    display: none;\n  }\n\n  /* Mobile sidebar backdrop */\n  .mobile-sidebar-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n    z-index: 999;\n  }\n\n  .mobile-sidebar-backdrop.visible {\n    opacity: 1;\n    pointer-events: auto;\n  }\n}\n\n/* Small Phone adjustments: <= 480px */\n@media (max-width: 480px) {\n  .workspace-navigation {\n    height: 48px;\n  }\n\n  .workspace-sidebar {\n    width: 100%;\n  }\n}\n\n/* Loading spinner (shown while initializing agents) */\n.workspace-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  gap: 1rem;\n}\n\n.loading-spinner {\n  font-size: 3rem;\n  color: var(--mj-brand-primary);\n}\n\n.workspace-loading p {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}"] }]
+    }], () => [{ type: i1.ArtifactStateService }, { type: i2.CollectionStateService }, { type: i3.ArtifactPermissionService }, { type: i4.MJNotificationService }, { type: i5.ConversationStreamingService }, { type: i6.UICommandHandlerService }, { type: i0.ChangeDetectorRef }], { environmentId: [{
             type: Input
         }], initialConversationId: [{
             type: Input
@@ -1286,6 +1293,8 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             type: Input
         }], contextItemId: [{
             type: Input
+        }], ShowRoutines: [{
+            type: Input
         }], activeTabInput: [{
             type: Input
         }], activeConversationInput: [{