npm - @memberjunction/ng-conversations - Versions diffs - 6.2.0-edge.5 → 6.2.0-edge.7 - Mend

@memberjunction/ng-conversations 6.2.0-edge.5 → 6.2.0-edge.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/dist/lib/components/overlay/chat-overlay.component.d.ts CHANGED Viewed

@@ -28,6 +28,20 @@ export interface OverlayConversationSwitchedEvent {
     PreviousConversationID: string | null;
     NewConversationID: string | null;
 }
+/** Summary of the active record context extracted from `AppContext.AdditionalContext.Form` */
+export interface OverlayActiveRecordContextSummary {
+    Entity: string;
+    RecordPrimaryKey: string | null;
+    RecordDisplayName: string | null;
+    EditMode: boolean;
+    Dirty: boolean;
+    DirtyFieldNames: readonly string[];
+    HasExternalUpdateConflict: boolean;
+    PreviewingHistoricalChangeID: string | null;
+    TotalLinksCount: number;
+    OutgoingLinksCount: number;
+    IncomingLinksCount: number;
+}
 export declare class ChatAgentsOverlayComponent extends BaseAngularComponent implements OnInit, OnDestroy {
     private cdr;
     private bridge;
@@ -224,6 +238,11 @@ export declare class ChatAgentsOverlayComponent extends BaseAngularComponent imp
      * chat interface stays visible" behavior.
      */
     get PanelBottomPx(): number;
+    /**
+     * Extracts a structured summary of the currently open record form from
+     * `AppContext.AdditionalContext.Form` when the user is viewing a record.
+     */
+    get ActiveRecordContext(): OverlayActiveRecordContextSummary | null;
     /** Auto-resolve CurrentUser and EnvironmentId from Metadata when not provided as inputs */
     private resolveDefaults;
     /** Load saved panel size and bubble position from UserInfoEngine */

package/dist/lib/components/overlay/chat-overlay.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-overlay.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/overlay/chat-overlay.component.ts"],"names":[],"mappings":"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~~yCA5lBvB~~,0BAA0B;2CAA1B,0BAA0B;~~CAkmBtC~~"}
1	+ {"version":3,"file":"chat-overlay.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/overlay/chat-overlay.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/overlay/chat-overlay.component.js CHANGED Viewed

@@ -72,23 +72,100 @@ function ChatAgentsOverlayComponent_Conditional_0_Conditional_1_Template(rf, ctx
 } }
 function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵlistener("mousedown", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_1_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResizeStart($event, "left")); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 28);
+    i0.ɵɵelementStart(1, "div", 29);
     i0.ɵɵlistener("mousedown", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_1_Template_div_mousedown_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResizeStart($event, "top")); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 29);
+    i0.ɵɵelementStart(2, "div", 30);
     i0.ɵɵlistener("mousedown", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_1_Template_div_mousedown_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResizeStart($event, "top-left")); });
     i0.ɵɵelementEnd();
 } }
 function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 30);
+    i0.ɵɵelementStart(0, "button", 31);
     i0.ɵɵlistener("click", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnOpenFullChatWorkspace()); });
-    i0.ɵɵelement(1, "i", 31);
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵelementEnd();
 } }
+function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵtext(1, "\u00B7");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 42);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_ir7 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", ctx_ir7.RecordDisplayName);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_ir7.RecordDisplayName);
+} }
+function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 37);
+    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_ir7 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", "Unsaved edits: " + ctx_ir7.DirtyFieldNames.join(", "));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_ir7.DirtyFieldNames.length, " unsaved ");
+} }
+function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵtext(2, " Conflict ");
+    i0.ɵɵelementEnd();
+} }
+function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 39);
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵtext(2, " Time-Travel ");
+    i0.ɵɵelementEnd();
+} }
+function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_ir7 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_ir7.OutgoingLinksCount + " on this record \u00B7 " + ctx_ir7.IncomingLinksCount + " linked to this");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_ir7.TotalLinksCount, " ", ctx_ir7.TotalLinksCount === 1 ? "link" : "links", " ");
+} }
+function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 33);
+    i0.ɵɵelement(2, "i", 34);
+    i0.ɵɵelementStart(3, "span", 35);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_5_Template, 4, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 36);
+    i0.ɵɵconditionalCreate(7, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_7_Template, 3, 2, "span", 37);
+    i0.ɵɵconditionalCreate(8, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_8_Template, 3, 0, "span", 38);
+    i0.ɵɵconditionalCreate(9, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_9_Template, 3, 0, "span", 39);
+    i0.ɵɵconditionalCreate(10, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Conditional_10_Template, 3, 3, "span", 40);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_ir7 = ctx;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_ir7.Entity);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_ir7.RecordDisplayName ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_ir7.Dirty ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_ir7.HasExternalUpdateConflict ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_ir7.PreviewingHistoricalChangeID ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_ir7.TotalLinksCount > 0 ? 10 : -1);
+} }
 function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 13);
@@ -111,10 +188,12 @@ function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template(rf, ctx
     i0.ɵɵlistener("click", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Collapse()); });
     i0.ɵɵelement(14, "i", 24);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "div", 25)(16, "mj-conversation-chat-area", 26);
-    i0.ɵɵlistener("conversationCreated", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_conversationCreated_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnConversationCreated($event)); })("conversationRenamed", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_conversationRenamed_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnConversationRenamed($event)); })("pendingMessageConsumed", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_pendingMessageConsumed_16_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPendingMessageConsumed()); })("openEntityRecord", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_openEntityRecord_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenEntityRecord($event)); })("navigationRequest", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_navigationRequest_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnNavigationRequest($event)); })("taskClicked", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_taskClicked_16_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnTaskClicked($event)); });
+    i0.ɵɵconditionalCreate(15, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Conditional_15_Template, 11, 6, "div", 25);
+    i0.ɵɵelementStart(16, "div", 26)(17, "mj-conversation-chat-area", 27);
+    i0.ɵɵlistener("conversationCreated", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_conversationCreated_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnConversationCreated($event)); })("conversationRenamed", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_conversationRenamed_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnConversationRenamed($event)); })("pendingMessageConsumed", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_pendingMessageConsumed_17_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPendingMessageConsumed()); })("openEntityRecord", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_openEntityRecord_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenEntityRecord($event)); })("navigationRequest", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_navigationRequest_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnNavigationRequest($event)); })("taskClicked", function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template_mj_conversation_chat_area_taskClicked_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnTaskClicked($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
+    let tmp_11_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵstyleProp("width", ctx_r1.State === "maximized" ? null : ctx_r1.PanelWidth, "px")("height", ctx_r1.State === "maximized" ? null : ctx_r1.PanelHeight, "px")("bottom", ctx_r1.State === "maximized" ? null : ctx_r1.PanelBottomPx, "px");
     i0.ɵɵclassProp("maximized", ctx_r1.State === "maximized");
@@ -126,13 +205,15 @@ function ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template(rf, ctx
     i0.ɵɵproperty("title", ctx_r1.State === "maximized" ? "Restore size" : "Maximize");
     i0.ɵɵadvance();
     i0.ɵɵclassProp("fa-expand", ctx_r1.State !== "maximized")("fa-compress", ctx_r1.State === "maximized");
-    i0.ɵɵadvance(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((tmp_11_0 = ctx_r1.ActiveRecordContext) ? 15 : -1, tmp_11_0);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("environmentId", ctx_r1.EnvironmentId)("currentUser", ctx_r1.CurrentUser)("conversationId", ctx_r1.ConversationId)("conversation", ctx_r1.Conversation)("isNewConversation", ctx_r1.IsNewConversation)("pendingMessage", ctx_r1.PendingMessage)("pendingAttachments", ctx_r1.PendingAttachments)("pendingMessageConversationId", ctx_r1.PendingMessageConversationId)("overlayMode", true)("showExportButton", false)("showShareButton", false)("showArtifactIndicator", false)("appContext", ctx_r1.AppContext)("emptyStateGreeting", ctx_r1.EmptyStateGreeting);
 } }
 function ChatAgentsOverlayComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, ChatAgentsOverlayComponent_Conditional_0_Conditional_0_Template, 7, 7, "div", 0);
     i0.ɵɵconditionalCreate(1, ChatAgentsOverlayComponent_Conditional_0_Conditional_1_Template, 3, 3, "button", 1);
-    i0.ɵɵconditionalCreate(2, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template, 17, 29, "div", 2);
+    i0.ɵɵconditionalCreate(2, ChatAgentsOverlayComponent_Conditional_0_Conditional_2_Template, 18, 30, "div", 2);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.State === "collapsed" && !ctx_r1.IsHidden ? 0 : -1);
@@ -569,6 +650,37 @@ export class ChatAgentsOverlayComponent extends BaseAngularComponent {
             - this.topReservedPx;
         return Math.max(ChatAgentsOverlayComponent.BASE_BOTTOM_PX, Math.min(ideal, maxBottomForVisibility));
     }
+    /**
+     * Extracts a structured summary of the currently open record form from
+     * `AppContext.AdditionalContext.Form` when the user is viewing a record.
+     */
+    get ActiveRecordContext() {
+        const additional = this.AppContext?.['AdditionalContext'];
+        const form = additional?.['Form'];
+        if (!form || typeof form['Entity'] !== 'string' || !form['Entity']) {
+            return null;
+        }
+        const recordState = form['RecordState'];
+        const links = form['Links'];
+        const dirtyFieldNames = Array.isArray(recordState?.['DirtyFieldNames'])
+            ? recordState['DirtyFieldNames'].filter((f) => typeof f === 'string')
+            : [];
+        return {
+            Entity: form['Entity'],
+            RecordPrimaryKey: typeof form['RecordPrimaryKey'] === 'string' ? form['RecordPrimaryKey'] : null,
+            RecordDisplayName: typeof recordState?.['RecordDisplayName'] === 'string' ? recordState['RecordDisplayName'] : null,
+            EditMode: recordState?.['EditMode'] === true,
+            Dirty: recordState?.['Dirty'] === true,
+            DirtyFieldNames: dirtyFieldNames,
+            HasExternalUpdateConflict: recordState?.['HasExternalUpdateConflict'] === true,
+            PreviewingHistoricalChangeID: typeof recordState?.['PreviewingHistoricalChangeID'] === 'string'
+                ? recordState['PreviewingHistoricalChangeID']
+                : null,
+            TotalLinksCount: typeof links?.['TotalCount'] === 'number' ? links['TotalCount'] : 0,
+            OutgoingLinksCount: typeof links?.['OutgoingCount'] === 'number' ? links['OutgoingCount'] : 0,
+            IncomingLinksCount: typeof links?.['IncomingCount'] === 'number' ? links['IncomingCount'] : 0,
+        };
+    }
     // --- Private Methods ---
     /** Auto-resolve CurrentUser and EnvironmentId from Metadata when not provided as inputs */
     resolveDefaults() {
@@ -669,15 +781,15 @@ export class ChatAgentsOverlayComponent extends BaseAngularComponent {
         });
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵChatAgentsOverlayComponent_BaseFactory; return function ChatAgentsOverlayComponent_Factory(__ngFactoryType__) { return (ɵChatAgentsOverlayComponent_BaseFactory || (ɵChatAgentsOverlayComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ChatAgentsOverlayComponent)))(__ngFactoryType__ || ChatAgentsOverlayComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChatAgentsOverlayComponent, selectors: [["mj-chat-agents-overlay"]], inputs: { IsVisible: "IsVisible", CurrentUser: "CurrentUser", EnvironmentId: "EnvironmentId", AppContext: "AppContext", EmptyStateGreeting: "EmptyStateGreeting", TopBoundaryPx: "TopBoundaryPx" }, outputs: { VisibilityChanged: "VisibilityChanged", ToolExecuted: "ToolExecuted", ConversationSwitched: "ConversationSwitched", OpenFullChatWorkspace: "OpenFullChatWorkspace", NavigationRequested: "NavigationRequested", OpenEntityRecord: "OpenEntityRecord", TaskClicked: "TaskClicked" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "chat-overlay-bubble", 3, "is-pressed", "is-dragging", "bottom"], ["type", "button", "title", "Open chat", "aria-label", "Open chat", 1, "chat-overlay-sliver", 3, "bottom"], [1, "chat-overlay-panel", 3, "maximized", "width", "height", "bottom"], [1, "chat-overlay-bubble", 3, "pointerdown"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-up", "chat-overlay-bubble-arrow", "chat-overlay-bubble-arrow-up"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-down", "chat-overlay-bubble-arrow", "chat-overlay-bubble-arrow-down"], [1, "fa-solid", "fa-comments", "chat-overlay-bubble-icon"], [1, "chat-overlay-badge"], ["type", "button", "title", "Hide chat \u2014 a thin sliver will remain on the right edge", "aria-label", "Hide chat overlay", 1, "chat-overlay-bubble-close", 3, "pointerdown", "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-times"], ["type", "button", "title", "Open chat", "aria-label", "Open chat", 1, "chat-overlay-sliver", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-comments", "chat-overlay-sliver-icon"], [1, "chat-overlay-badge", "chat-overlay-sliver-badge"], [1, "chat-overlay-panel"], [1, "chat-overlay-header"], [1, "chat-overlay-title"], [1, "fa-solid", "fa-robot"], [1, "chat-overlay-header-actions"], ["title", "New conversation", 1, "chat-overlay-header-btn", 3, "click"], [1, "fa-solid", "fa-plus"], ["title", "Open in full chat workspace", 1, "chat-overlay-header-btn"], [1, "chat-overlay-header-btn", 3, "click", "title"], [1, "fa-solid"], ["title", "Minimize", 1, "chat-overlay-header-btn", 3, "click"], [1, "fa-solid", "fa-minus"], [1, "chat-overlay-body"], [3, "conversationCreated", "conversationRenamed", "pendingMessageConsumed", "openEntityRecord", "navigationRequest", "taskClicked", "environmentId", "currentUser", "conversationId", "conversation", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingMessageConversationId", "overlayMode", "showExportButton", "showShareButton", "showArtifactIndicator", "appContext", "emptyStateGreeting"], [1, "resize-handle", "resize-left", 3, "mousedown"], [1, "resize-handle", "resize-top", 3, "mousedown"], [1, "resize-handle", "resize-top-left", 3, "mousedown"], ["title", "Open in full chat workspace", 1, "chat-overlay-header-btn", 3, "click"], [1, "fa-solid", "fa-up-right-from-square"]], template: function ChatAgentsOverlayComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChatAgentsOverlayComponent, selectors: [["mj-chat-agents-overlay"]], inputs: { IsVisible: "IsVisible", CurrentUser: "CurrentUser", EnvironmentId: "EnvironmentId", AppContext: "AppContext", EmptyStateGreeting: "EmptyStateGreeting", TopBoundaryPx: "TopBoundaryPx" }, outputs: { VisibilityChanged: "VisibilityChanged", ToolExecuted: "ToolExecuted", ConversationSwitched: "ConversationSwitched", OpenFullChatWorkspace: "OpenFullChatWorkspace", NavigationRequested: "NavigationRequested", OpenEntityRecord: "OpenEntityRecord", TaskClicked: "TaskClicked" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "chat-overlay-bubble", 3, "is-pressed", "is-dragging", "bottom"], ["type", "button", "title", "Open chat", "aria-label", "Open chat", 1, "chat-overlay-sliver", 3, "bottom"], [1, "chat-overlay-panel", 3, "maximized", "width", "height", "bottom"], [1, "chat-overlay-bubble", 3, "pointerdown"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-up", "chat-overlay-bubble-arrow", "chat-overlay-bubble-arrow-up"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-down", "chat-overlay-bubble-arrow", "chat-overlay-bubble-arrow-down"], [1, "fa-solid", "fa-comments", "chat-overlay-bubble-icon"], [1, "chat-overlay-badge"], ["type", "button", "title", "Hide chat \u2014 a thin sliver will remain on the right edge", "aria-label", "Hide chat overlay", 1, "chat-overlay-bubble-close", 3, "pointerdown", "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-times"], ["type", "button", "title", "Open chat", "aria-label", "Open chat", 1, "chat-overlay-sliver", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-comments", "chat-overlay-sliver-icon"], [1, "chat-overlay-badge", "chat-overlay-sliver-badge"], [1, "chat-overlay-panel"], [1, "chat-overlay-header"], [1, "chat-overlay-title"], [1, "fa-solid", "fa-robot"], [1, "chat-overlay-header-actions"], ["title", "New conversation", 1, "chat-overlay-header-btn", 3, "click"], [1, "fa-solid", "fa-plus"], ["title", "Open in full chat workspace", 1, "chat-overlay-header-btn"], [1, "chat-overlay-header-btn", 3, "click", "title"], [1, "fa-solid"], ["title", "Minimize", 1, "chat-overlay-header-btn", 3, "click"], [1, "fa-solid", "fa-minus"], ["role", "status", "aria-live", "polite", 1, "chat-overlay-record-context-bar"], [1, "chat-overlay-body"], [3, "conversationCreated", "conversationRenamed", "pendingMessageConsumed", "openEntityRecord", "navigationRequest", "taskClicked", "environmentId", "currentUser", "conversationId", "conversation", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingMessageConversationId", "overlayMode", "showExportButton", "showShareButton", "showArtifactIndicator", "appContext", "emptyStateGreeting"], [1, "resize-handle", "resize-left", 3, "mousedown"], [1, "resize-handle", "resize-top", 3, "mousedown"], [1, "resize-handle", "resize-top-left", 3, "mousedown"], ["title", "Open in full chat workspace", 1, "chat-overlay-header-btn", 3, "click"], [1, "fa-solid", "fa-up-right-from-square"], [1, "chat-overlay-context-main"], ["aria-hidden", "true", 1, "fa-solid", "fa-wand-magic-sparkles", "chat-overlay-context-icon"], [1, "chat-overlay-context-entity"], [1, "chat-overlay-context-chips"], [1, "chat-overlay-context-chip", "chat-overlay-context-chip-dirty", 3, "title"], ["title", "Record has an external update conflict", 1, "chat-overlay-context-chip", "chat-overlay-context-chip-conflict"], ["title", "Previewing a historical version in form", 1, "chat-overlay-context-chip", "chat-overlay-context-chip-timetravel"], [1, "chat-overlay-context-chip", "chat-overlay-context-chip-links", 3, "title"], ["aria-hidden", "true", 1, "chat-overlay-context-sep"], [1, "chat-overlay-context-record-name", 3, "title"], ["aria-hidden", "true", 1, "fa-solid", "fa-pen"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock-rotate-left"], ["aria-hidden", "true", 1, "fa-solid", "fa-diagram-project"]], template: function ChatAgentsOverlayComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ChatAgentsOverlayComponent_Conditional_0_Template, 3, 3);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsVisible ? 0 : -1);
-        } }, dependencies: [i1.ConversationChatAreaComponent], styles: ["\n\n\n\n\n\n\n.chat-overlay-bubble[_ngcontent-%COMP%] {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    width: 3.5rem;\n    height: 3.5rem;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n    z-index: 2147483647;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    animation: _ngcontent-%COMP%_overlayBubbleIn 0.3s ease;\n    \n\n    touch-action: none;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n\n\n\n\n\n.chat-overlay-bubble-arrow[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.18s ease;\n}\n\n.chat-overlay-bubble-arrow-up[_ngcontent-%COMP%] {\n    top: -0.85rem;\n}\n\n.chat-overlay-bubble-arrow-down[_ngcontent-%COMP%] {\n    bottom: -0.85rem;\n}\n\n\n.chat-overlay-bubble[_ngcontent-%COMP%]:hover   .chat-overlay-bubble-arrow[_ngcontent-%COMP%], \n.chat-overlay-bubble.is-pressed[_ngcontent-%COMP%]   .chat-overlay-bubble-arrow[_ngcontent-%COMP%], \n.chat-overlay-bubble.is-dragging[_ngcontent-%COMP%]   .chat-overlay-bubble-arrow[_ngcontent-%COMP%] {\n    opacity: 0.85;\n}\n\n\n\n\n@media (hover: none) {\n    .chat-overlay-bubble-arrow[_ngcontent-%COMP%] {\n        opacity: 0.5;\n    }\n}\n\n.chat-overlay-bubble[_ngcontent-%COMP%]:hover {\n    transform: scale(1.08);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\n}\n\n\n\n.chat-overlay-bubble.is-pressed[_ngcontent-%COMP%] {\n    cursor: grabbing;\n    transform: scale(0.94);\n    transition: transform 0.08s ease;\n    box-shadow:\n        0 2px 6px rgba(0, 0, 0, 0.25),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n\n.chat-overlay-bubble.is-dragging[_ngcontent-%COMP%] {\n    cursor: grabbing;\n    transform: scale(1.04);\n    transition: none;\n    box-shadow:\n        0 8px 28px rgba(0, 0, 0, 0.35),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n@keyframes _ngcontent-%COMP%_overlayBubbleIn {\n    from {\n        transform: scale(0);\n        opacity: 0;\n    }\n    to {\n        transform: scale(1);\n        opacity: 1;\n    }\n}\n\n.chat-overlay-bubble-icon[_ngcontent-%COMP%] {\n    font-size: 1.3rem;\n}\n\n.chat-overlay-badge[_ngcontent-%COMP%] {\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    min-width: 1.2rem;\n    height: 1.2rem;\n    border-radius: 9999px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    font-size: 0.65rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.25rem;\n    border: 2px solid var(--mj-bg-page);\n}\n\n\n\n\n.chat-overlay-bubble-close[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    \n\n\n    right: 100%;\n    transform: translateY(-50%);\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.65rem;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n}\n\n.chat-overlay-bubble[_ngcontent-%COMP%]:hover   .chat-overlay-bubble-close[_ngcontent-%COMP%] {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.chat-overlay-bubble-close[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n    transform: translateY(-50%) scale(1.08);\n}\n\n\n@media (hover: none) {\n    .chat-overlay-bubble-close[_ngcontent-%COMP%] {\n        opacity: 0.7;\n        pointer-events: auto;\n    }\n}\n\n\n.chat-overlay-bubble.is-dragging[_ngcontent-%COMP%]   .chat-overlay-bubble-close[_ngcontent-%COMP%], \n.chat-overlay-bubble.is-pressed[_ngcontent-%COMP%]   .chat-overlay-bubble-close[_ngcontent-%COMP%] {\n    opacity: 0;\n    pointer-events: none;\n}\n\n\n\n.chat-overlay-sliver[_ngcontent-%COMP%] {\n    position: fixed;\n    right: 0;\n    width: 0.875rem;        \n    height: 5rem;           \n    padding: 0;\n    background: var(--mj-brand-primary);\n    border: none;\n    border-radius: 8px 0 0 8px;\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    z-index: 2147483647;\n    transition: width 0.18s ease, background 0.15s ease;\n    animation: _ngcontent-%COMP%_overlayBubbleIn 0.25s ease;\n}\n\n.chat-overlay-sliver[_ngcontent-%COMP%]:hover {\n    width: 1.5rem;          \n    background: color-mix(in srgb, var(--mj-brand-primary) 85%, white);\n}\n\n.chat-overlay-sliver-icon[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    opacity: 0.95;\n}\n\n.chat-overlay-sliver[_ngcontent-%COMP%]:hover   .chat-overlay-sliver-icon[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n}\n\n.chat-overlay-sliver-badge[_ngcontent-%COMP%] {\n    \n    top: -6px;\n    right: -6px;\n}\n\n\n\n.chat-overlay-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    border-radius: 12px;\n    background: var(--mj-bg-surface);\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-border-strong));\n    box-shadow:\n        0 8px 32px rgba(0, 0, 0, 0.3),\n        0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2147483647;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: _ngcontent-%COMP%_overlayPanelIn 0.25s ease;\n    max-height: calc(100vh - 3rem);\n    max-width: calc(100vw - 3rem);\n}\n\n.chat-overlay-panel.maximized[_ngcontent-%COMP%] {\n    bottom: 1rem;\n    right: 1rem;\n    width: calc(100vw - 2rem) !important;\n    height: calc(100vh - 2rem) !important;\n    max-height: none;\n    max-width: none;\n    border-radius: 12px;\n}\n\n@keyframes _ngcontent-%COMP%_overlayPanelIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9) translateY(10px);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n    }\n}\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n    position: absolute;\n    z-index: 2;\n}\n\n.resize-left[_ngcontent-%COMP%] {\n    left: -3px;\n    top: 20px;\n    bottom: 20px;\n    width: 6px;\n    cursor: ew-resize;\n}\n\n.resize-top[_ngcontent-%COMP%] {\n    top: -3px;\n    left: 20px;\n    right: 20px;\n    height: 6px;\n    cursor: ns-resize;\n}\n\n.resize-top-left[_ngcontent-%COMP%] {\n    top: -4px;\n    left: -4px;\n    width: 16px;\n    height: 16px;\n    cursor: nwse-resize;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    border-radius: 3px;\n}\n\n\n\n.chat-overlay-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 0.75rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n\n.chat-overlay-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.chat-overlay-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.chat-overlay-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.25rem;\n}\n\n.chat-overlay-header-btn[_ngcontent-%COMP%] {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 6px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.75rem;\n    transition: all 0.15s ease;\n}\n\n.chat-overlay-header-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.chat-overlay-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.chat-overlay-body[_ngcontent-%COMP%]   mj-conversation-chat-area[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n\n\n\n\n\n@media (max-width: 640px) {\n    .chat-overlay-panel[_ngcontent-%COMP%] {\n        bottom: 0 !important;\n        right: 0;\n        width: 100% !important;\n        height: 100vh !important;\n        max-height: 100vh;\n        border-radius: 0;\n    }\n\n    .chat-overlay-bubble[_ngcontent-%COMP%] {\n        \n\n\n\n        width: 2.75rem;\n        height: 2.75rem;\n        right: 1rem;\n    }\n\n    .chat-overlay-bubble-icon[_ngcontent-%COMP%] {\n        font-size: 1.1rem;\n    }\n\n    .chat-overlay-badge[_ngcontent-%COMP%] {\n        min-width: 1rem;\n        height: 1rem;\n        font-size: 0.6rem;\n        top: -3px;\n        right: -3px;\n    }\n\n    .resize-handle[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    \n    .chat-overlay-sliver[_ngcontent-%COMP%] {\n        width: 1.25rem;\n        height: 4.5rem;\n    }\n}"] });
+        } }, dependencies: [i1.ConversationChatAreaComponent], styles: ["\n\n\n\n\n\n\n.chat-overlay-bubble[_ngcontent-%COMP%] {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    width: 3.5rem;\n    height: 3.5rem;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n    z-index: 2147483647;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    animation: _ngcontent-%COMP%_overlayBubbleIn 0.3s ease;\n    \n\n    touch-action: none;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n\n\n\n\n\n.chat-overlay-bubble-arrow[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.18s ease;\n}\n\n.chat-overlay-bubble-arrow-up[_ngcontent-%COMP%] {\n    top: -0.85rem;\n}\n\n.chat-overlay-bubble-arrow-down[_ngcontent-%COMP%] {\n    bottom: -0.85rem;\n}\n\n\n.chat-overlay-bubble[_ngcontent-%COMP%]:hover   .chat-overlay-bubble-arrow[_ngcontent-%COMP%], \n.chat-overlay-bubble.is-pressed[_ngcontent-%COMP%]   .chat-overlay-bubble-arrow[_ngcontent-%COMP%], \n.chat-overlay-bubble.is-dragging[_ngcontent-%COMP%]   .chat-overlay-bubble-arrow[_ngcontent-%COMP%] {\n    opacity: 0.85;\n}\n\n\n\n\n@media (hover: none) {\n    .chat-overlay-bubble-arrow[_ngcontent-%COMP%] {\n        opacity: 0.5;\n    }\n}\n\n.chat-overlay-bubble[_ngcontent-%COMP%]:hover {\n    transform: scale(1.08);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\n}\n\n\n\n.chat-overlay-bubble.is-pressed[_ngcontent-%COMP%] {\n    cursor: grabbing;\n    transform: scale(0.94);\n    transition: transform 0.08s ease;\n    box-shadow:\n        0 2px 6px rgba(0, 0, 0, 0.25),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n\n.chat-overlay-bubble.is-dragging[_ngcontent-%COMP%] {\n    cursor: grabbing;\n    transform: scale(1.04);\n    transition: none;\n    box-shadow:\n        0 8px 28px rgba(0, 0, 0, 0.35),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n@keyframes _ngcontent-%COMP%_overlayBubbleIn {\n    from {\n        transform: scale(0);\n        opacity: 0;\n    }\n    to {\n        transform: scale(1);\n        opacity: 1;\n    }\n}\n\n.chat-overlay-bubble-icon[_ngcontent-%COMP%] {\n    font-size: 1.3rem;\n}\n\n.chat-overlay-badge[_ngcontent-%COMP%] {\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    min-width: 1.2rem;\n    height: 1.2rem;\n    border-radius: 9999px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    font-size: 0.65rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.25rem;\n    border: 2px solid var(--mj-bg-page);\n}\n\n\n\n\n.chat-overlay-bubble-close[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    \n\n\n    right: 100%;\n    transform: translateY(-50%);\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.65rem;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n}\n\n.chat-overlay-bubble[_ngcontent-%COMP%]:hover   .chat-overlay-bubble-close[_ngcontent-%COMP%] {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.chat-overlay-bubble-close[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n    transform: translateY(-50%) scale(1.08);\n}\n\n\n@media (hover: none) {\n    .chat-overlay-bubble-close[_ngcontent-%COMP%] {\n        opacity: 0.7;\n        pointer-events: auto;\n    }\n}\n\n\n.chat-overlay-bubble.is-dragging[_ngcontent-%COMP%]   .chat-overlay-bubble-close[_ngcontent-%COMP%], \n.chat-overlay-bubble.is-pressed[_ngcontent-%COMP%]   .chat-overlay-bubble-close[_ngcontent-%COMP%] {\n    opacity: 0;\n    pointer-events: none;\n}\n\n\n\n.chat-overlay-sliver[_ngcontent-%COMP%] {\n    position: fixed;\n    right: 0;\n    width: 0.875rem;        \n    height: 5rem;           \n    padding: 0;\n    background: var(--mj-brand-primary);\n    border: none;\n    border-radius: 8px 0 0 8px;\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    z-index: 2147483647;\n    transition: width 0.18s ease, background 0.15s ease;\n    animation: _ngcontent-%COMP%_overlayBubbleIn 0.25s ease;\n}\n\n.chat-overlay-sliver[_ngcontent-%COMP%]:hover {\n    width: 1.5rem;          \n    background: color-mix(in srgb, var(--mj-brand-primary) 85%, white);\n}\n\n.chat-overlay-sliver-icon[_ngcontent-%COMP%] {\n    font-size: 0.55rem;\n    opacity: 0.95;\n}\n\n.chat-overlay-sliver[_ngcontent-%COMP%]:hover   .chat-overlay-sliver-icon[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n}\n\n.chat-overlay-sliver-badge[_ngcontent-%COMP%] {\n    \n    top: -6px;\n    right: -6px;\n}\n\n\n\n.chat-overlay-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    border-radius: 12px;\n    background: var(--mj-bg-surface);\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-border-strong));\n    box-shadow:\n        0 8px 32px rgba(0, 0, 0, 0.3),\n        0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2147483647;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: _ngcontent-%COMP%_overlayPanelIn 0.25s ease;\n    max-height: calc(100vh - 3rem);\n    max-width: calc(100vw - 3rem);\n}\n\n.chat-overlay-panel.maximized[_ngcontent-%COMP%] {\n    bottom: 1rem;\n    right: 1rem;\n    width: calc(100vw - 2rem) !important;\n    height: calc(100vh - 2rem) !important;\n    max-height: none;\n    max-width: none;\n    border-radius: 12px;\n}\n\n@keyframes _ngcontent-%COMP%_overlayPanelIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9) translateY(10px);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n    }\n}\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n    position: absolute;\n    z-index: 2;\n}\n\n.resize-left[_ngcontent-%COMP%] {\n    left: -3px;\n    top: 20px;\n    bottom: 20px;\n    width: 6px;\n    cursor: ew-resize;\n}\n\n.resize-top[_ngcontent-%COMP%] {\n    top: -3px;\n    left: 20px;\n    right: 20px;\n    height: 6px;\n    cursor: ns-resize;\n}\n\n.resize-top-left[_ngcontent-%COMP%] {\n    top: -4px;\n    left: -4px;\n    width: 16px;\n    height: 16px;\n    cursor: nwse-resize;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    border-radius: 3px;\n}\n\n\n\n.chat-overlay-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 0.75rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n\n.chat-overlay-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.chat-overlay-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.chat-overlay-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.25rem;\n}\n\n.chat-overlay-header-btn[_ngcontent-%COMP%] {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 6px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.75rem;\n    transition: all 0.15s ease;\n}\n\n.chat-overlay-header-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.chat-overlay-record-context-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    padding: 0.4rem 0.75rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 7%, var(--mj-bg-surface-card));\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 22%, var(--mj-border-default));\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n    flex-shrink: 0;\n    flex-wrap: wrap;\n}\n\n.chat-overlay-context-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.35rem;\n    min-width: 0;\n    flex: 1;\n}\n\n.chat-overlay-context-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.chat-overlay-context-entity[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.chat-overlay-context-sep[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.chat-overlay-context-record-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.chat-overlay-context-chips[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    flex-shrink: 0;\n    flex-wrap: wrap;\n}\n\n.chat-overlay-context-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0.1rem 0.4rem;\n    border-radius: 999px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    white-space: nowrap;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.chat-overlay-context-chip-dirty[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    border-color: color-mix(in srgb, var(--mj-status-warning) 35%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n}\n\n.chat-overlay-context-chip-conflict[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 35%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.chat-overlay-context-chip-timetravel[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 35%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.chat-overlay-context-chip-links[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 28%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n\n\n.chat-overlay-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.chat-overlay-body[_ngcontent-%COMP%]   mj-conversation-chat-area[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n\n\n\n\n\n@media (max-width: 640px) {\n    .chat-overlay-panel[_ngcontent-%COMP%] {\n        bottom: 0 !important;\n        right: 0;\n        width: 100% !important;\n        height: 100vh !important;\n        max-height: 100vh;\n        border-radius: 0;\n    }\n\n    .chat-overlay-bubble[_ngcontent-%COMP%] {\n        \n\n\n\n        width: 2.75rem;\n        height: 2.75rem;\n        right: 1rem;\n    }\n\n    .chat-overlay-bubble-icon[_ngcontent-%COMP%] {\n        font-size: 1.1rem;\n    }\n\n    .chat-overlay-badge[_ngcontent-%COMP%] {\n        min-width: 1rem;\n        height: 1rem;\n        font-size: 0.6rem;\n        top: -3px;\n        right: -3px;\n    }\n\n    .resize-handle[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    \n    .chat-overlay-sliver[_ngcontent-%COMP%] {\n        width: 1.25rem;\n        height: 4.5rem;\n    }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChatAgentsOverlayComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-chat-agents-overlay', template: "@if (IsVisible) {\n    <!-- Floating Button (collapsed state, not hidden) -->\n    @if (State === 'collapsed' && !IsHidden) {\n        <div class=\"chat-overlay-bubble\"\n             [class.is-pressed]=\"IsBubblePressed\"\n             [class.is-dragging]=\"IsBubbleDragging\"\n             [style.bottom.px]=\"BubbleBottomPx\"\n             (pointerdown)=\"OnBubblePointerDown($event)\">\n            <i class=\"fa-solid fa-chevron-up chat-overlay-bubble-arrow chat-overlay-bubble-arrow-up\" aria-hidden=\"true\"></i>\n            <i class=\"fa-solid fa-chevron-down chat-overlay-bubble-arrow chat-overlay-bubble-arrow-down\" aria-hidden=\"true\"></i>\n            <i class=\"fa-solid fa-comments chat-overlay-bubble-icon\"></i>\n            @if (UnreadCount > 0) {\n                <span class=\"chat-overlay-badge\">{{ UnreadCount > 9 ? '9+' : UnreadCount }}</span>\n            }\n            <!-- Hide affordance: revealed on hover. pointerdown stops drag from starting; click hides the bubble. -->\n            <button type=\"button\"\n                    class=\"chat-overlay-bubble-close\"\n                    title=\"Hide chat \u2014 a thin sliver will remain on the right edge\"\n                    aria-label=\"Hide chat overlay\"\n                    (pointerdown)=\"$event.stopPropagation()\"\n                    (click)=\"Hide($event)\">\n                <i class=\"fa-solid fa-times\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n    }\n\n    <!-- Collapsed sliver \u2014 flush with the right edge when the bubble is hidden.\n         Click opens the chat directly; closing returns to the bubble (not the\n         sliver). To re-enter hidden mode the user clicks the \u00D7 pill again. -->\n    @if (State === 'collapsed' && IsHidden) {\n        <button type=\"button\"\n                class=\"chat-overlay-sliver\"\n                title=\"Open chat\"\n                aria-label=\"Open chat\"\n                [style.bottom.px]=\"BubbleBottomPx\"\n                (click)=\"Expand()\">\n            <i class=\"fa-solid fa-comments chat-overlay-sliver-icon\" aria-hidden=\"true\"></i>\n            @if (UnreadCount > 0) {\n                <span class=\"chat-overlay-badge chat-overlay-sliver-badge\">{{ UnreadCount > 9 ? '9+' : UnreadCount }}</span>\n            }\n        </button>\n    }\n\n    <!-- Expanded / Maximized Chat Panel -->\n    @if (State === 'expanded' || State === 'maximized') {\n        <div class=\"chat-overlay-panel\"\n             [class.maximized]=\"State === 'maximized'\"\n             [style.width.px]=\"State === 'maximized' ? null : PanelWidth\"\n             [style.height.px]=\"State === 'maximized' ? null : PanelHeight\"\n             [style.bottom.px]=\"State === 'maximized' ? null : PanelBottomPx\">\n\n            <!-- Resize handles (only in expanded, not maximized) -->\n            @if (State === 'expanded') {\n                <div class=\"resize-handle resize-left\"\n                     (mousedown)=\"OnResizeStart($event, 'left')\"></div>\n                <div class=\"resize-handle resize-top\"\n                     (mousedown)=\"OnResizeStart($event, 'top')\"></div>\n                <div class=\"resize-handle resize-top-left\"\n                     (mousedown)=\"OnResizeStart($event, 'top-left')\"></div>\n            }\n\n            <!-- Panel Header -->\n            <div class=\"chat-overlay-header\">\n                <div class=\"chat-overlay-title\">\n                    <i class=\"fa-solid fa-robot\"></i>\n                    <span>AI Assistant</span>\n                </div>\n                <div class=\"chat-overlay-header-actions\">\n                    <button\n                        class=\"chat-overlay-header-btn\"\n                        title=\"New conversation\"\n                        (click)=\"StartNewConversation()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                    </button>\n                    @if (ConversationId) {\n                        <button\n                            class=\"chat-overlay-header-btn\"\n                            title=\"Open in full chat workspace\"\n                            (click)=\"OnOpenFullChatWorkspace()\">\n                            <i class=\"fa-solid fa-up-right-from-square\"></i>\n                        </button>\n                    }\n                    <button\n                        class=\"chat-overlay-header-btn\"\n                        [title]=\"State === 'maximized' ? 'Restore size' : 'Maximize'\"\n                        (click)=\"ToggleMaximize()\">\n                        <i class=\"fa-solid\" [class.fa-expand]=\"State !== 'maximized'\" [class.fa-compress]=\"State === 'maximized'\"></i>\n                    </button>\n                    <button\n                        class=\"chat-overlay-header-btn\"\n                        title=\"Minimize\"\n                        (click)=\"Collapse()\">\n                        <i class=\"fa-solid fa-minus\"></i>\n                    </button>\n                </div>\n            </div>\n\n            <!-- Chat Content \u2014 wraps conversation-chat-area -->\n            <div class=\"chat-overlay-body\">\n                <mj-conversation-chat-area\n                    [environmentId]=\"EnvironmentId\"\n                    [currentUser]=\"CurrentUser\"\n                    [conversationId]=\"ConversationId\"\n                    [conversation]=\"Conversation\"\n                    [isNewConversation]=\"IsNewConversation\"\n                    [pendingMessage]=\"PendingMessage\"\n                    [pendingAttachments]=\"PendingAttachments\"\n                    [pendingMessageConversationId]=\"PendingMessageConversationId\"\n                    [overlayMode]=\"true\"\n                    [showExportButton]=\"false\"\n                    [showShareButton]=\"false\"\n                    [showArtifactIndicator]=\"false\"\n                    [appContext]=\"AppContext\"\n                    [emptyStateGreeting]=\"EmptyStateGreeting\"\n                    (conversationCreated)=\"OnConversationCreated($event)\"\n                    (conversationRenamed)=\"OnConversationRenamed($event)\"\n                    (pendingMessageConsumed)=\"OnPendingMessageConsumed()\"\n                    (openEntityRecord)=\"OnOpenEntityRecord($event)\"\n                    (navigationRequest)=\"OnNavigationRequest($event)\"\n                    (taskClicked)=\"OnTaskClicked($event)\"\n                ></mj-conversation-chat-area>\n            </div>\n        </div>\n    }\n}\n", styles: ["/* ============================================================\n   Chat Overlay \u2014 Floating Bubble + Expanding Panel\n   All colors use MJ design tokens (--mj-* CSS variables).\n   ============================================================ */\n\n/* --- Floating Bubble (collapsed state) --- */\n\n.chat-overlay-bubble {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    width: 3.5rem;\n    height: 3.5rem;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n    z-index: 2147483647;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    animation: overlayBubbleIn 0.3s ease;\n    /* Required for touch drag: blocks browser pan/zoom so pointermove fires\n       continuously instead of being swallowed by scroll-handling. */\n    touch-action: none;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n/* Subtle up/down chevrons just outside the bubble, hinting that it can be\n   dragged vertically. On hover-capable devices (mouse/pen) they stay hidden\n   in the resting state and reveal on hover/press/drag \u2014 keeps the corner\n   visually clean. On touch-only devices (no hover) they're always visible at\n   low opacity so the affordance is discoverable without needing a hover. */\n.chat-overlay-bubble-arrow {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.18s ease;\n}\n\n.chat-overlay-bubble-arrow-up {\n    top: -0.85rem;\n}\n\n.chat-overlay-bubble-arrow-down {\n    bottom: -0.85rem;\n}\n\n/* Hover-capable devices: reveal on hover, press, or active drag. */\n.chat-overlay-bubble:hover .chat-overlay-bubble-arrow,\n.chat-overlay-bubble.is-pressed .chat-overlay-bubble-arrow,\n.chat-overlay-bubble.is-dragging .chat-overlay-bubble-arrow {\n    opacity: 0.85;\n}\n\n/* Touch-only devices (no hover): always show at subtle opacity. The\n   :hover/.is-pressed/.is-dragging rules above still apply via higher\n   specificity, so touching the bubble briefly bumps them to 0.85. */\n@media (hover: none) {\n    .chat-overlay-bubble-arrow {\n        opacity: 0.5;\n    }\n}\n\n.chat-overlay-bubble:hover {\n    transform: scale(1.08);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\n}\n\n/* Immediate press feedback \u2014 fires on mousedown before the drag threshold is crossed,\n   so the user sees \"I'm being held\" right away and learns the bubble is draggable. */\n.chat-overlay-bubble.is-pressed {\n    cursor: grabbing;\n    transform: scale(0.94);\n    transition: transform 0.08s ease;\n    box-shadow:\n        0 2px 6px rgba(0, 0, 0, 0.25),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n/* Active drag \u2014 overrides the press state once movement passes the threshold. */\n.chat-overlay-bubble.is-dragging {\n    cursor: grabbing;\n    transform: scale(1.04);\n    transition: none;\n    box-shadow:\n        0 8px 28px rgba(0, 0, 0, 0.35),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n@keyframes overlayBubbleIn {\n    from {\n        transform: scale(0);\n        opacity: 0;\n    }\n    to {\n        transform: scale(1);\n        opacity: 1;\n    }\n}\n\n.chat-overlay-bubble-icon {\n    font-size: 1.3rem;\n}\n\n.chat-overlay-badge {\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    min-width: 1.2rem;\n    height: 1.2rem;\n    border-radius: 9999px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    font-size: 0.65rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.25rem;\n    border: 2px solid var(--mj-bg-page);\n}\n\n/* --- Hide-bubble affordance (\"\u00D7\" pill on the outer-left edge of the bubble) ---\n   Revealed on hover. Touch-only devices (no hover) get a permanent low-opacity\n   render so the affordance is reachable without a hover gesture. */\n.chat-overlay-bubble-close {\n    position: absolute;\n    top: 50%;\n    /* Sits flush with the bubble's left bounding-box edge \u2014 no dead-zone gap that\n       would drop the :hover state mid-reach. The bubble's circular shape means the\n       visible space between the circle and the pill still reads as a gap. */\n    right: 100%;\n    transform: translateY(-50%);\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.65rem;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n}\n\n.chat-overlay-bubble:hover .chat-overlay-bubble-close {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.chat-overlay-bubble-close:hover {\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n    transform: translateY(-50%) scale(1.08);\n}\n\n/* Touch devices: keep the pill reachable without a hover gesture. */\n@media (hover: none) {\n    .chat-overlay-bubble-close {\n        opacity: 0.7;\n        pointer-events: auto;\n    }\n}\n\n/* While actively dragging, suppress the close pill \u2014 it shouldn't compete with the drag affordance. */\n.chat-overlay-bubble.is-dragging .chat-overlay-bubble-close,\n.chat-overlay-bubble.is-pressed .chat-overlay-bubble-close {\n    opacity: 0;\n    pointer-events: none;\n}\n\n/* --- Collapsed sliver (right edge, replaces bubble when hidden) --- */\n\n.chat-overlay-sliver {\n    position: fixed;\n    right: 0;\n    width: 0.875rem;        /* 14px sliver */\n    height: 5rem;           /* 80px tall */\n    padding: 0;\n    background: var(--mj-brand-primary);\n    border: none;\n    border-radius: 8px 0 0 8px;\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    z-index: 2147483647;\n    transition: width 0.18s ease, background 0.15s ease;\n    animation: overlayBubbleIn 0.25s ease;\n}\n\n.chat-overlay-sliver:hover {\n    width: 1.5rem;          /* widens slightly to invite the click */\n    background: color-mix(in srgb, var(--mj-brand-primary) 85%, white);\n}\n\n.chat-overlay-sliver-icon {\n    font-size: 0.55rem;\n    opacity: 0.95;\n}\n\n.chat-overlay-sliver:hover .chat-overlay-sliver-icon {\n    font-size: 0.7rem;\n}\n\n.chat-overlay-sliver-badge {\n    /* Pull the badge a hair outside the sliver so it isn't clipped by the narrow width. */\n    top: -6px;\n    right: -6px;\n}\n\n/* --- Expanded Panel --- */\n\n.chat-overlay-panel {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    border-radius: 12px;\n    background: var(--mj-bg-surface);\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-border-strong));\n    box-shadow:\n        0 8px 32px rgba(0, 0, 0, 0.3),\n        0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2147483647;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: overlayPanelIn 0.25s ease;\n    max-height: calc(100vh - 3rem);\n    max-width: calc(100vw - 3rem);\n}\n\n.chat-overlay-panel.maximized {\n    bottom: 1rem;\n    right: 1rem;\n    width: calc(100vw - 2rem) !important;\n    height: calc(100vh - 2rem) !important;\n    max-height: none;\n    max-width: none;\n    border-radius: 12px;\n}\n\n@keyframes overlayPanelIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9) translateY(10px);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n    }\n}\n\n/* --- Resize Handles --- */\n\n.resize-handle {\n    position: absolute;\n    z-index: 2;\n}\n\n.resize-left {\n    left: -3px;\n    top: 20px;\n    bottom: 20px;\n    width: 6px;\n    cursor: ew-resize;\n}\n\n.resize-top {\n    top: -3px;\n    left: 20px;\n    right: 20px;\n    height: 6px;\n    cursor: ns-resize;\n}\n\n.resize-top-left {\n    top: -4px;\n    left: -4px;\n    width: 16px;\n    height: 16px;\n    cursor: nwse-resize;\n}\n\n.resize-handle:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    border-radius: 3px;\n}\n\n/* --- Panel Header --- */\n\n.chat-overlay-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 0.75rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n\n.chat-overlay-title {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.chat-overlay-title i {\n    color: var(--mj-brand-primary);\n}\n\n.chat-overlay-header-actions {\n    display: flex;\n    gap: 0.25rem;\n}\n\n.chat-overlay-header-btn {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 6px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.75rem;\n    transition: all 0.15s ease;\n}\n\n.chat-overlay-header-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* --- Panel Body --- */\n\n.chat-overlay-body {\n    flex: 1;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.chat-overlay-body mj-conversation-chat-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n/* --- Mobile / Small-Screen Responsive ---\n   640px = small-screen cutoff (covers all phones in both orientations). Tablets\n   in portrait (\u2265768px) keep the floating-panel treatment because they have the\n   real estate for it. */\n\n@media (max-width: 640px) {\n    .chat-overlay-panel {\n        bottom: 0 !important;\n        right: 0;\n        width: 100% !important;\n        height: 100vh !important;\n        max-height: 100vh;\n        border-radius: 0;\n    }\n\n    .chat-overlay-bubble {\n        /* No !important on `bottom` \u2014 the inline [style.bottom.px] binding owns it\n           so users can drag the bubble out of the way of underlying app buttons.\n           Smaller diameter on small screens: 2.75rem (44px) hits the WCAG minimum\n           touch target while ~38% less occluding than the desktop 3.5rem. */\n        width: 2.75rem;\n        height: 2.75rem;\n        right: 1rem;\n    }\n\n    .chat-overlay-bubble-icon {\n        font-size: 1.1rem;\n    }\n\n    .chat-overlay-badge {\n        min-width: 1rem;\n        height: 1rem;\n        font-size: 0.6rem;\n        top: -3px;\n        right: -3px;\n    }\n\n    .resize-handle {\n        display: none;\n    }\n\n    /* Slightly wider sliver on touch so it meets the WCAG minimum touch target. */\n    .chat-overlay-sliver {\n        width: 1.25rem;\n        height: 4.5rem;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-chat-agents-overlay', template: "@if (IsVisible) {\n    <!-- Floating Button (collapsed state, not hidden) -->\n    @if (State === 'collapsed' && !IsHidden) {\n        <div class=\"chat-overlay-bubble\"\n             [class.is-pressed]=\"IsBubblePressed\"\n             [class.is-dragging]=\"IsBubbleDragging\"\n             [style.bottom.px]=\"BubbleBottomPx\"\n             (pointerdown)=\"OnBubblePointerDown($event)\">\n            <i class=\"fa-solid fa-chevron-up chat-overlay-bubble-arrow chat-overlay-bubble-arrow-up\" aria-hidden=\"true\"></i>\n            <i class=\"fa-solid fa-chevron-down chat-overlay-bubble-arrow chat-overlay-bubble-arrow-down\" aria-hidden=\"true\"></i>\n            <i class=\"fa-solid fa-comments chat-overlay-bubble-icon\"></i>\n            @if (UnreadCount > 0) {\n                <span class=\"chat-overlay-badge\">{{ UnreadCount > 9 ? '9+' : UnreadCount }}</span>\n            }\n            <!-- Hide affordance: revealed on hover. pointerdown stops drag from starting; click hides the bubble. -->\n            <button type=\"button\"\n                    class=\"chat-overlay-bubble-close\"\n                    title=\"Hide chat \u2014 a thin sliver will remain on the right edge\"\n                    aria-label=\"Hide chat overlay\"\n                    (pointerdown)=\"$event.stopPropagation()\"\n                    (click)=\"Hide($event)\">\n                <i class=\"fa-solid fa-times\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n    }\n\n    <!-- Collapsed sliver \u2014 flush with the right edge when the bubble is hidden.\n         Click opens the chat directly; closing returns to the bubble (not the\n         sliver). To re-enter hidden mode the user clicks the \u00D7 pill again. -->\n    @if (State === 'collapsed' && IsHidden) {\n        <button type=\"button\"\n                class=\"chat-overlay-sliver\"\n                title=\"Open chat\"\n                aria-label=\"Open chat\"\n                [style.bottom.px]=\"BubbleBottomPx\"\n                (click)=\"Expand()\">\n            <i class=\"fa-solid fa-comments chat-overlay-sliver-icon\" aria-hidden=\"true\"></i>\n            @if (UnreadCount > 0) {\n                <span class=\"chat-overlay-badge chat-overlay-sliver-badge\">{{ UnreadCount > 9 ? '9+' : UnreadCount }}</span>\n            }\n        </button>\n    }\n\n    <!-- Expanded / Maximized Chat Panel -->\n    @if (State === 'expanded' || State === 'maximized') {\n        <div class=\"chat-overlay-panel\"\n             [class.maximized]=\"State === 'maximized'\"\n             [style.width.px]=\"State === 'maximized' ? null : PanelWidth\"\n             [style.height.px]=\"State === 'maximized' ? null : PanelHeight\"\n             [style.bottom.px]=\"State === 'maximized' ? null : PanelBottomPx\">\n\n            <!-- Resize handles (only in expanded, not maximized) -->\n            @if (State === 'expanded') {\n                <div class=\"resize-handle resize-left\"\n                     (mousedown)=\"OnResizeStart($event, 'left')\"></div>\n                <div class=\"resize-handle resize-top\"\n                     (mousedown)=\"OnResizeStart($event, 'top')\"></div>\n                <div class=\"resize-handle resize-top-left\"\n                     (mousedown)=\"OnResizeStart($event, 'top-left')\"></div>\n            }\n\n            <!-- Panel Header -->\n            <div class=\"chat-overlay-header\">\n                <div class=\"chat-overlay-title\">\n                    <i class=\"fa-solid fa-robot\"></i>\n                    <span>AI Assistant</span>\n                </div>\n                <div class=\"chat-overlay-header-actions\">\n                    <button\n                        class=\"chat-overlay-header-btn\"\n                        title=\"New conversation\"\n                        (click)=\"StartNewConversation()\">\n                        <i class=\"fa-solid fa-plus\"></i>\n                    </button>\n                    @if (ConversationId) {\n                        <button\n                            class=\"chat-overlay-header-btn\"\n                            title=\"Open in full chat workspace\"\n                            (click)=\"OnOpenFullChatWorkspace()\">\n                            <i class=\"fa-solid fa-up-right-from-square\"></i>\n                        </button>\n                    }\n                    <button\n                        class=\"chat-overlay-header-btn\"\n                        [title]=\"State === 'maximized' ? 'Restore size' : 'Maximize'\"\n                        (click)=\"ToggleMaximize()\">\n                        <i class=\"fa-solid\" [class.fa-expand]=\"State !== 'maximized'\" [class.fa-compress]=\"State === 'maximized'\"></i>\n                    </button>\n                    <button\n                        class=\"chat-overlay-header-btn\"\n                        title=\"Minimize\"\n                        (click)=\"Collapse()\">\n                        <i class=\"fa-solid fa-minus\"></i>\n                    </button>\n                </div>\n            </div>\n\n            <!-- Active Record Context Bar (when viewing an entity record form) -->\n            @if (ActiveRecordContext; as ctx) {\n                <div class=\"chat-overlay-record-context-bar\" role=\"status\" aria-live=\"polite\">\n                    <div class=\"chat-overlay-context-main\">\n                        <i class=\"fa-solid fa-wand-magic-sparkles chat-overlay-context-icon\" aria-hidden=\"true\"></i>\n                        <span class=\"chat-overlay-context-entity\">{{ ctx.Entity }}</span>\n                        @if (ctx.RecordDisplayName) {\n                            <span class=\"chat-overlay-context-sep\" aria-hidden=\"true\">\u00B7</span>\n                            <span class=\"chat-overlay-context-record-name\" [title]=\"ctx.RecordDisplayName\">{{ ctx.RecordDisplayName }}</span>\n                        }\n                    </div>\n                    <div class=\"chat-overlay-context-chips\">\n                        @if (ctx.Dirty) {\n                            <span class=\"chat-overlay-context-chip chat-overlay-context-chip-dirty\"\n                                  [title]=\"'Unsaved edits: ' + ctx.DirtyFieldNames.join(', ')\">\n                                <i class=\"fa-solid fa-pen\" aria-hidden=\"true\"></i>\n                                {{ ctx.DirtyFieldNames.length }} unsaved\n                            </span>\n                        }\n                        @if (ctx.HasExternalUpdateConflict) {\n                            <span class=\"chat-overlay-context-chip chat-overlay-context-chip-conflict\"\n                                  title=\"Record has an external update conflict\">\n                                <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"></i>\n                                Conflict\n                            </span>\n                        }\n                        @if (ctx.PreviewingHistoricalChangeID) {\n                            <span class=\"chat-overlay-context-chip chat-overlay-context-chip-timetravel\"\n                                  title=\"Previewing a historical version in form\">\n                                <i class=\"fa-solid fa-clock-rotate-left\" aria-hidden=\"true\"></i>\n                                Time-Travel\n                            </span>\n                        }\n                        @if (ctx.TotalLinksCount > 0) {\n                            <span class=\"chat-overlay-context-chip chat-overlay-context-chip-links\"\n                                  [title]=\"ctx.OutgoingLinksCount + ' on this record \u00B7 ' + ctx.IncomingLinksCount + ' linked to this'\">\n                                <i class=\"fa-solid fa-diagram-project\" aria-hidden=\"true\"></i>\n                                {{ ctx.TotalLinksCount }} {{ ctx.TotalLinksCount === 1 ? 'link' : 'links' }}\n                            </span>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- Chat Content \u2014 wraps conversation-chat-area -->\n            <div class=\"chat-overlay-body\">\n                <mj-conversation-chat-area\n                    [environmentId]=\"EnvironmentId\"\n                    [currentUser]=\"CurrentUser\"\n                    [conversationId]=\"ConversationId\"\n                    [conversation]=\"Conversation\"\n                    [isNewConversation]=\"IsNewConversation\"\n                    [pendingMessage]=\"PendingMessage\"\n                    [pendingAttachments]=\"PendingAttachments\"\n                    [pendingMessageConversationId]=\"PendingMessageConversationId\"\n                    [overlayMode]=\"true\"\n                    [showExportButton]=\"false\"\n                    [showShareButton]=\"false\"\n                    [showArtifactIndicator]=\"false\"\n                    [appContext]=\"AppContext\"\n                    [emptyStateGreeting]=\"EmptyStateGreeting\"\n                    (conversationCreated)=\"OnConversationCreated($event)\"\n                    (conversationRenamed)=\"OnConversationRenamed($event)\"\n                    (pendingMessageConsumed)=\"OnPendingMessageConsumed()\"\n                    (openEntityRecord)=\"OnOpenEntityRecord($event)\"\n                    (navigationRequest)=\"OnNavigationRequest($event)\"\n                    (taskClicked)=\"OnTaskClicked($event)\"\n                ></mj-conversation-chat-area>\n            </div>\n        </div>\n    }\n}\n", styles: ["/* ============================================================\n   Chat Overlay \u2014 Floating Bubble + Expanding Panel\n   All colors use MJ design tokens (--mj-* CSS variables).\n   ============================================================ */\n\n/* --- Floating Bubble (collapsed state) --- */\n\n.chat-overlay-bubble {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    width: 3.5rem;\n    height: 3.5rem;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n    z-index: 2147483647;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n    animation: overlayBubbleIn 0.3s ease;\n    /* Required for touch drag: blocks browser pan/zoom so pointermove fires\n       continuously instead of being swallowed by scroll-handling. */\n    touch-action: none;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n/* Subtle up/down chevrons just outside the bubble, hinting that it can be\n   dragged vertically. On hover-capable devices (mouse/pen) they stay hidden\n   in the resting state and reveal on hover/press/drag \u2014 keeps the corner\n   visually clean. On touch-only devices (no hover) they're always visible at\n   low opacity so the affordance is discoverable without needing a hover. */\n.chat-overlay-bubble-arrow {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.18s ease;\n}\n\n.chat-overlay-bubble-arrow-up {\n    top: -0.85rem;\n}\n\n.chat-overlay-bubble-arrow-down {\n    bottom: -0.85rem;\n}\n\n/* Hover-capable devices: reveal on hover, press, or active drag. */\n.chat-overlay-bubble:hover .chat-overlay-bubble-arrow,\n.chat-overlay-bubble.is-pressed .chat-overlay-bubble-arrow,\n.chat-overlay-bubble.is-dragging .chat-overlay-bubble-arrow {\n    opacity: 0.85;\n}\n\n/* Touch-only devices (no hover): always show at subtle opacity. The\n   :hover/.is-pressed/.is-dragging rules above still apply via higher\n   specificity, so touching the bubble briefly bumps them to 0.85. */\n@media (hover: none) {\n    .chat-overlay-bubble-arrow {\n        opacity: 0.5;\n    }\n}\n\n.chat-overlay-bubble:hover {\n    transform: scale(1.08);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);\n}\n\n/* Immediate press feedback \u2014 fires on mousedown before the drag threshold is crossed,\n   so the user sees \"I'm being held\" right away and learns the bubble is draggable. */\n.chat-overlay-bubble.is-pressed {\n    cursor: grabbing;\n    transform: scale(0.94);\n    transition: transform 0.08s ease;\n    box-shadow:\n        0 2px 6px rgba(0, 0, 0, 0.25),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n/* Active drag \u2014 overrides the press state once movement passes the threshold. */\n.chat-overlay-bubble.is-dragging {\n    cursor: grabbing;\n    transform: scale(1.04);\n    transition: none;\n    box-shadow:\n        0 8px 28px rgba(0, 0, 0, 0.35),\n        0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n@keyframes overlayBubbleIn {\n    from {\n        transform: scale(0);\n        opacity: 0;\n    }\n    to {\n        transform: scale(1);\n        opacity: 1;\n    }\n}\n\n.chat-overlay-bubble-icon {\n    font-size: 1.3rem;\n}\n\n.chat-overlay-badge {\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    min-width: 1.2rem;\n    height: 1.2rem;\n    border-radius: 9999px;\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    font-size: 0.65rem;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.25rem;\n    border: 2px solid var(--mj-bg-page);\n}\n\n/* --- Hide-bubble affordance (\"\u00D7\" pill on the outer-left edge of the bubble) ---\n   Revealed on hover. Touch-only devices (no hover) get a permanent low-opacity\n   render so the affordance is reachable without a hover gesture. */\n.chat-overlay-bubble-close {\n    position: absolute;\n    top: 50%;\n    /* Sits flush with the bubble's left bounding-box edge \u2014 no dead-zone gap that\n       would drop the :hover state mid-reach. The bubble's circular shape means the\n       visible space between the circle and the pill still reads as a gap. */\n    right: 100%;\n    transform: translateY(-50%);\n    width: 1.25rem;\n    height: 1.25rem;\n    padding: 0;\n    border-radius: 9999px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-strong);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.65rem;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n}\n\n.chat-overlay-bubble:hover .chat-overlay-bubble-close {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.chat-overlay-bubble-close:hover {\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n    transform: translateY(-50%) scale(1.08);\n}\n\n/* Touch devices: keep the pill reachable without a hover gesture. */\n@media (hover: none) {\n    .chat-overlay-bubble-close {\n        opacity: 0.7;\n        pointer-events: auto;\n    }\n}\n\n/* While actively dragging, suppress the close pill \u2014 it shouldn't compete with the drag affordance. */\n.chat-overlay-bubble.is-dragging .chat-overlay-bubble-close,\n.chat-overlay-bubble.is-pressed .chat-overlay-bubble-close {\n    opacity: 0;\n    pointer-events: none;\n}\n\n/* --- Collapsed sliver (right edge, replaces bubble when hidden) --- */\n\n.chat-overlay-sliver {\n    position: fixed;\n    right: 0;\n    width: 0.875rem;        /* 14px sliver */\n    height: 5rem;           /* 80px tall */\n    padding: 0;\n    background: var(--mj-brand-primary);\n    border: none;\n    border-radius: 8px 0 0 8px;\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    z-index: 2147483647;\n    transition: width 0.18s ease, background 0.15s ease;\n    animation: overlayBubbleIn 0.25s ease;\n}\n\n.chat-overlay-sliver:hover {\n    width: 1.5rem;          /* widens slightly to invite the click */\n    background: color-mix(in srgb, var(--mj-brand-primary) 85%, white);\n}\n\n.chat-overlay-sliver-icon {\n    font-size: 0.55rem;\n    opacity: 0.95;\n}\n\n.chat-overlay-sliver:hover .chat-overlay-sliver-icon {\n    font-size: 0.7rem;\n}\n\n.chat-overlay-sliver-badge {\n    /* Pull the badge a hair outside the sliver so it isn't clipped by the narrow width. */\n    top: -6px;\n    right: -6px;\n}\n\n/* --- Expanded Panel --- */\n\n.chat-overlay-panel {\n    position: fixed;\n    bottom: 1.5rem;\n    right: 1.5rem;\n    border-radius: 12px;\n    background: var(--mj-bg-surface);\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 50%, var(--mj-border-strong));\n    box-shadow:\n        0 8px 32px rgba(0, 0, 0, 0.3),\n        0 2px 8px rgba(0, 0, 0, 0.15);\n    z-index: 2147483647;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: overlayPanelIn 0.25s ease;\n    max-height: calc(100vh - 3rem);\n    max-width: calc(100vw - 3rem);\n}\n\n.chat-overlay-panel.maximized {\n    bottom: 1rem;\n    right: 1rem;\n    width: calc(100vw - 2rem) !important;\n    height: calc(100vh - 2rem) !important;\n    max-height: none;\n    max-width: none;\n    border-radius: 12px;\n}\n\n@keyframes overlayPanelIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9) translateY(10px);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1) translateY(0);\n    }\n}\n\n/* --- Resize Handles --- */\n\n.resize-handle {\n    position: absolute;\n    z-index: 2;\n}\n\n.resize-left {\n    left: -3px;\n    top: 20px;\n    bottom: 20px;\n    width: 6px;\n    cursor: ew-resize;\n}\n\n.resize-top {\n    top: -3px;\n    left: 20px;\n    right: 20px;\n    height: 6px;\n    cursor: ns-resize;\n}\n\n.resize-top-left {\n    top: -4px;\n    left: -4px;\n    width: 16px;\n    height: 16px;\n    cursor: nwse-resize;\n}\n\n.resize-handle:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    border-radius: 3px;\n}\n\n/* --- Panel Header --- */\n\n.chat-overlay-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 0.75rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n\n.chat-overlay-title {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.chat-overlay-title i {\n    color: var(--mj-brand-primary);\n}\n\n.chat-overlay-header-actions {\n    display: flex;\n    gap: 0.25rem;\n}\n\n.chat-overlay-header-btn {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 6px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.75rem;\n    transition: all 0.15s ease;\n}\n\n.chat-overlay-header-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* --- Active Record Context Bar --- */\n\n.chat-overlay-record-context-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    padding: 0.4rem 0.75rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 7%, var(--mj-bg-surface-card));\n    border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 22%, var(--mj-border-default));\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n    flex-shrink: 0;\n    flex-wrap: wrap;\n}\n\n.chat-overlay-context-main {\n    display: flex;\n    align-items: center;\n    gap: 0.35rem;\n    min-width: 0;\n    flex: 1;\n}\n\n.chat-overlay-context-icon {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.chat-overlay-context-entity {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    white-space: nowrap;\n}\n\n.chat-overlay-context-sep {\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.chat-overlay-context-record-name {\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.chat-overlay-context-chips {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    flex-shrink: 0;\n    flex-wrap: wrap;\n}\n\n.chat-overlay-context-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0.1rem 0.4rem;\n    border-radius: 999px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    white-space: nowrap;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.chat-overlay-context-chip-dirty {\n    color: var(--mj-status-warning);\n    border-color: color-mix(in srgb, var(--mj-status-warning) 35%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n}\n\n.chat-overlay-context-chip-conflict {\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 35%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.chat-overlay-context-chip-timetravel {\n    color: var(--mj-brand-primary);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 35%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.chat-overlay-context-chip-links {\n    color: var(--mj-brand-primary);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 28%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n/* --- Panel Body --- */\n\n.chat-overlay-body {\n    flex: 1;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.chat-overlay-body mj-conversation-chat-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n/* --- Mobile / Small-Screen Responsive ---\n   640px = small-screen cutoff (covers all phones in both orientations). Tablets\n   in portrait (\u2265768px) keep the floating-panel treatment because they have the\n   real estate for it. */\n\n@media (max-width: 640px) {\n    .chat-overlay-panel {\n        bottom: 0 !important;\n        right: 0;\n        width: 100% !important;\n        height: 100vh !important;\n        max-height: 100vh;\n        border-radius: 0;\n    }\n\n    .chat-overlay-bubble {\n        /* No !important on `bottom` \u2014 the inline [style.bottom.px] binding owns it\n           so users can drag the bubble out of the way of underlying app buttons.\n           Smaller diameter on small screens: 2.75rem (44px) hits the WCAG minimum\n           touch target while ~38% less occluding than the desktop 3.5rem. */\n        width: 2.75rem;\n        height: 2.75rem;\n        right: 1rem;\n    }\n\n    .chat-overlay-bubble-icon {\n        font-size: 1.1rem;\n    }\n\n    .chat-overlay-badge {\n        min-width: 1rem;\n        height: 1rem;\n        font-size: 0.6rem;\n        top: -3px;\n        right: -3px;\n    }\n\n    .resize-handle {\n        display: none;\n    }\n\n    /* Slightly wider sliver on touch so it meets the WCAG minimum touch target. */\n    .chat-overlay-sliver {\n        width: 1.25rem;\n        height: 4.5rem;\n    }\n}\n"] }]
     }], null, { IsVisible: [{
             type: Input
         }], CurrentUser: [{
@@ -705,5 +817,5 @@ export class ChatAgentsOverlayComponent extends BaseAngularComponent {
         }], TaskClicked: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChatAgentsOverlayComponent, { className: "ChatAgentsOverlayComponent", filePath: "src/lib/components/overlay/chat-overlay.component.ts", lineNumber: 63 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChatAgentsOverlayComponent, { className: "ChatAgentsOverlayComponent", filePath: "src/lib/components/overlay/chat-overlay.component.ts", lineNumber: 78 }); })();
 //# sourceMappingURL=chat-overlay.component.js.map