@memberjunction/ng-conversations 5.40.2 → 5.42.0

package/dist/lib/components/slots/mj-chat-message-bubble-default.component.js

@@ -0,0 +1,73 @@
+/**
+ * @fileoverview Bubble-style default for the `messageRenderer` slot.
+ *
+ * Renders a single message as a side-aligned colored bubble — user on the right,
+ * agent on the left. Identity comes from side + shape (not avatar + name +
+ * timestamp), matching the iMessage / WhatsApp paradigm that downstream
+ * tutor-shaped surfaces (Sid, Betty v2, etc.) want.
+ *
+ * Colors come from the `--mj-chat-bubble-{user,agent}-{bg,text}` tokens (loaded
+ * at document level by `ConversationsRuntimeBootstrap`) with semantic-token
+ * fallbacks. Consumer themes override the chat tokens to reskin without
+ * touching this component.
+ *
+ * Intentionally minimal — text content only. Consumers wanting richer rendering
+ * (markdown, embedded artifacts, attachments, per-message decorations) subclass
+ * this component, override the template fragment they want, and project the
+ * subclass into the `messageRenderer` slot.
+ *
+ * NOTE: this component is exported but does not auto-replace the existing
+ * feed-style rendering. It only renders when a consumer explicitly projects
+ * it via `<ng-template mjChatSlot="messageRenderer" let-message>...</ng-template>`
+ * once the slot template visual integration follow-up wires `messageRenderer`
+ * into the chat-area's message list.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class MJChatMessageBubbleDefaultComponent {
+    Message = null;
+    /**
+     * `true` for messages authored by the conversation participant ("User" role).
+     * Drives side-alignment and which color token applies. Falls back to `false`
+     * (agent / left-aligned) for any non-User role, including null and unknown.
+     */
+    get IsUser() {
+        return this.Message?.Role === 'User';
+    }
+    static ɵfac = function MJChatMessageBubbleDefaultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJChatMessageBubbleDefaultComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJChatMessageBubbleDefaultComponent, selectors: [["mj-chat-message-bubble-default"]], inputs: { Message: "Message" }, decls: 3, vars: 7, consts: [[1, "mj-chat-bubble-row"], [1, "mj-chat-bubble"]], template: function MJChatMessageBubbleDefaultComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mj-chat-bubble-row--user", ctx.IsUser);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mj-chat-bubble--user", ctx.IsUser)("mj-chat-bubble--agent", !ctx.IsUser);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.Message == null ? null : ctx.Message.Message, " ");
+        } }, dependencies: [CommonModule], styles: [".mj-chat-bubble-row[_ngcontent-%COMP%] {\n                display: flex;\n                justify-content: flex-start;\n                padding: 0.25rem 0.75rem;\n            }\n            .mj-chat-bubble-row--user[_ngcontent-%COMP%] {\n                justify-content: flex-end;\n            }\n            .mj-chat-bubble[_ngcontent-%COMP%] {\n                max-width: 70%;\n                padding: 0.625rem 0.875rem;\n                border-radius: 1rem;\n                word-wrap: break-word;\n                white-space: pre-wrap;\n                font-size: 0.9375rem;\n                line-height: 1.4;\n            }\n            .mj-chat-bubble--agent[_ngcontent-%COMP%] {\n                background: var(--mj-chat-bubble-agent-bg, var(--mj-bg-surface-card));\n                color: var(--mj-chat-bubble-agent-text, var(--mj-text-primary));\n                border-bottom-left-radius: 0.25rem;\n            }\n            .mj-chat-bubble--user[_ngcontent-%COMP%] {\n                background: var(--mj-chat-bubble-user-bg, var(--mj-brand-primary));\n                color: var(--mj-chat-bubble-user-text, var(--mj-text-inverse));\n                border-bottom-right-radius: 0.25rem;\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJChatMessageBubbleDefaultComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-chat-message-bubble-default', standalone: true, imports: [CommonModule], template: `
+        <div
+            class="mj-chat-bubble-row"
+            [class.mj-chat-bubble-row--user]="IsUser"
+        >
+            <div
+                class="mj-chat-bubble"
+                [class.mj-chat-bubble--user]="IsUser"
+                [class.mj-chat-bubble--agent]="!IsUser"
+            >
+                {{ Message?.Message }}
+            </div>
+        </div>
+    `, styles: ["\n            .mj-chat-bubble-row {\n                display: flex;\n                justify-content: flex-start;\n                padding: 0.25rem 0.75rem;\n            }\n            .mj-chat-bubble-row--user {\n                justify-content: flex-end;\n            }\n            .mj-chat-bubble {\n                max-width: 70%;\n                padding: 0.625rem 0.875rem;\n                border-radius: 1rem;\n                word-wrap: break-word;\n                white-space: pre-wrap;\n                font-size: 0.9375rem;\n                line-height: 1.4;\n            }\n            .mj-chat-bubble--agent {\n                background: var(--mj-chat-bubble-agent-bg, var(--mj-bg-surface-card));\n                color: var(--mj-chat-bubble-agent-text, var(--mj-text-primary));\n                border-bottom-left-radius: 0.25rem;\n            }\n            .mj-chat-bubble--user {\n                background: var(--mj-chat-bubble-user-bg, var(--mj-brand-primary));\n                color: var(--mj-chat-bubble-user-text, var(--mj-text-inverse));\n                border-bottom-right-radius: 0.25rem;\n            }\n        "] }]
+    }], null, { Message: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJChatMessageBubbleDefaultComponent, { className: "MJChatMessageBubbleDefaultComponent", filePath: "src/lib/components/slots/mj-chat-message-bubble-default.component.ts", lineNumber: 84 }); })();
+//# sourceMappingURL=mj-chat-message-bubble-default.component.js.map

package/dist/lib/components/slots/mj-chat-message-bubble-default.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-message-bubble-default.component.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-message-bubble-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAuD/C,MAAM,OAAO,mCAAmC;IAC5B,OAAO,GAAsC,IAAI,CAAC;IAElE;;;;OAIG;IACH,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,MAAM,CAAC;IACzC,CAAC;6HAVQ,mCAAmC;6DAAnC,mCAAmC;YAzCpC,AAJJ,iCAGC,aAKI;YACG,YACJ;YACJ,AADI,oBAAM,EACJ;;YATF,sDAAyC;YAIrC,cAAqC;YACrC,AADA,kDAAqC,sCACE;YAEvC,cACJ;YADI,iFACJ;4BAZE,YAAY;;iFA+Cb,mCAAmC;cAlD/C,SAAS;2BACI,gCAAgC,cAC9B,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;KAaT;;kBAkCA,KAAK;;kFADG,mCAAmC","sourcesContent":["/**\n * @fileoverview Bubble-style default for the `messageRenderer` slot.\n *\n * Renders a single message as a side-aligned colored bubble — user on the right,\n * agent on the left. Identity comes from side + shape (not avatar + name +\n * timestamp), matching the iMessage / WhatsApp paradigm that downstream\n * tutor-shaped surfaces (Sid, Betty v2, etc.) want.\n *\n * Colors come from the `--mj-chat-bubble-{user,agent}-{bg,text}` tokens (loaded\n * at document level by `ConversationsRuntimeBootstrap`) with semantic-token\n * fallbacks. Consumer themes override the chat tokens to reskin without\n * touching this component.\n *\n * Intentionally minimal — text content only. Consumers wanting richer rendering\n * (markdown, embedded artifacts, attachments, per-message decorations) subclass\n * this component, override the template fragment they want, and project the\n * subclass into the `messageRenderer` slot.\n *\n * NOTE: this component is exported but does not auto-replace the existing\n * feed-style rendering. It only renders when a consumer explicitly projects\n * it via `<ng-template mjChatSlot=\"messageRenderer\" let-message>...</ng-template>`\n * once the slot template visual integration follow-up wires `messageRenderer`\n * into the chat-area's message list.\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport type { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\nimport type { IMJChatMessageRendererComponent } from './slot-interfaces';\n\n@Component({\n    selector: 'mj-chat-message-bubble-default',\n    standalone: true,\n    imports: [CommonModule],\n    template: `\n        <div\n            class=\"mj-chat-bubble-row\"\n            [class.mj-chat-bubble-row--user]=\"IsUser\"\n        >\n            <div\n                class=\"mj-chat-bubble\"\n                [class.mj-chat-bubble--user]=\"IsUser\"\n                [class.mj-chat-bubble--agent]=\"!IsUser\"\n            >\n                {{ Message?.Message }}\n            </div>\n        </div>\n    `,\n    styles: [\n        `\n            .mj-chat-bubble-row {\n                display: flex;\n                justify-content: flex-start;\n                padding: 0.25rem 0.75rem;\n            }\n            .mj-chat-bubble-row--user {\n                justify-content: flex-end;\n            }\n            .mj-chat-bubble {\n                max-width: 70%;\n                padding: 0.625rem 0.875rem;\n                border-radius: 1rem;\n                word-wrap: break-word;\n                white-space: pre-wrap;\n                font-size: 0.9375rem;\n                line-height: 1.4;\n            }\n            .mj-chat-bubble--agent {\n                background: var(--mj-chat-bubble-agent-bg, var(--mj-bg-surface-card));\n                color: var(--mj-chat-bubble-agent-text, var(--mj-text-primary));\n                border-bottom-left-radius: 0.25rem;\n            }\n            .mj-chat-bubble--user {\n                background: var(--mj-chat-bubble-user-bg, var(--mj-brand-primary));\n                color: var(--mj-chat-bubble-user-text, var(--mj-text-inverse));\n                border-bottom-right-radius: 0.25rem;\n            }\n        `,\n    ],\n})\nexport class MJChatMessageBubbleDefaultComponent implements IMJChatMessageRendererComponent {\n    @Input() public Message: MJConversationDetailEntity | null = null;\n\n    /**\n     * `true` for messages authored by the conversation participant (\"User\" role).\n     * Drives side-alignment and which color token applies. Falls back to `false`\n     * (agent / left-aligned) for any non-User role, including null and unknown.\n     */\n    public get IsUser(): boolean {\n        return this.Message?.Role === 'User';\n    }\n}\n"]}

package/dist/lib/components/slots/mj-chat-message-extra-default.component.d.ts

@@ -0,0 +1,9 @@
+import type { MJConversationDetailEntity } from '@memberjunction/core-entities';
+import type { IMJChatMessageExtraComponent } from './slot-interfaces';
+import * as i0 from "@angular/core";
+export declare class MJChatMessageExtraDefaultComponent implements IMJChatMessageExtraComponent {
+    Message: MJConversationDetailEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJChatMessageExtraDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJChatMessageExtraDefaultComponent, "mj-chat-message-extra-default", never, { "Message": { "alias": "Message"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=mj-chat-message-extra-default.component.d.ts.map

package/dist/lib/components/slots/mj-chat-message-extra-default.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-message-extra-default.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-message-extra-default.component.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAEhF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;;AAEtE,qBAMa,kCAAmC,YAAW,4BAA4B;IACnE,OAAO,EAAG,0BAA0B,CAAC;yCAD5C,kCAAkC;2CAAlC,kCAAkC;CAE9C"}

package/dist/lib/components/slots/mj-chat-message-extra-default.component.js

@@ -0,0 +1,34 @@
+/**
+ * @fileoverview Default `messageExtra` slot component — no-op by default.
+ *
+ * The per-message inline-decoration slot is OFF by default in the chat-area
+ * (rendering nothing extra after each message bubble). Consumers project their
+ * own template (e.g., a tutor "walked through" badge) or subclass this default
+ * to add per-message UI.
+ *
+ * The default exists primarily so subclasses have a base to extend; in normal
+ * operation it renders nothing.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class MJChatMessageExtraDefaultComponent {
+    Message;
+    static ɵfac = function MJChatMessageExtraDefaultComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJChatMessageExtraDefaultComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJChatMessageExtraDefaultComponent, selectors: [["mj-chat-message-extra-default"]], inputs: { Message: "Message" }, decls: 0, vars: 0, template: function MJChatMessageExtraDefaultComponent_Template(rf, ctx) { }, dependencies: [CommonModule], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJChatMessageExtraDefaultComponent, [{
+        type: Component,
+        args: [{
+                selector: 'mj-chat-message-extra-default',
+                standalone: true,
+                imports: [CommonModule],
+                template: ``,
+            }]
+    }], null, { Message: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJChatMessageExtraDefaultComponent, { className: "MJChatMessageExtraDefaultComponent", filePath: "src/lib/components/slots/mj-chat-message-extra-default.component.ts", lineNumber: 27 }); })();
+//# sourceMappingURL=mj-chat-message-extra-default.component.js.map

package/dist/lib/components/slots/mj-chat-message-extra-default.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mj-chat-message-extra-default.component.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/mj-chat-message-extra-default.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAW/C,MAAM,OAAO,kCAAkC;IAC3B,OAAO,CAA8B;4HAD5C,kCAAkC;6DAAlC,kCAAkC,iMAHjC,YAAY;;iFAGb,kCAAkC;cAN9C,SAAS;eAAC;gBACP,QAAQ,EAAE,+BAA+B;gBACzC,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,QAAQ,EAAE,EAAE;aACf;;kBAEI,KAAK;;kFADG,kCAAkC","sourcesContent":["/**\n * @fileoverview Default `messageExtra` slot component — no-op by default.\n *\n * The per-message inline-decoration slot is OFF by default in the chat-area\n * (rendering nothing extra after each message bubble). Consumers project their\n * own template (e.g., a tutor \"walked through\" badge) or subclass this default\n * to add per-message UI.\n *\n * The default exists primarily so subclasses have a base to extend; in normal\n * operation it renders nothing.\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport type { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\nimport type { IMJChatMessageExtraComponent } from './slot-interfaces';\n\n@Component({\n    selector: 'mj-chat-message-extra-default',\n    standalone: true,\n    imports: [CommonModule],\n    template: ``,\n})\nexport class MJChatMessageExtraDefaultComponent implements IMJChatMessageExtraComponent {\n    @Input() public Message!: MJConversationDetailEntity;\n}\n"]}

package/dist/lib/components/slots/slot-interfaces.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @fileoverview Interface contracts for the chat-area's slot system.
+ *
+ * Each slot has a typed interface so the widget can speak with confidence to
+ * whatever component (default or consumer-supplied) is rendered into it. Each
+ * interface is paired with an exported standalone default component (in
+ * `*-default.component.ts` siblings) that consumers can:
+ *
+ * 1. **Project an ad-hoc template into**, via the `mjChatSlot` directive.
+ * 2. **Wrap with a containment pattern** — render the default inside their own
+ *    component to add framing without losing the default behavior.
+ * 3. **Subclass** — extend the default standalone component, override only what
+ *    they need, declare the subclass as the slot's component.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import type { EventEmitter } from '@angular/core';
+import type { MJConversationDetailEntity } from '@memberjunction/core-entities';
+/** State surfaced to the agent-presence slot for visualization. */
+export type MJChatAgentPresenceState = 'idle' | 'listening' | 'thinking' | 'speaking';
+/** Contract for the `emptyState` slot — what renders before any messages exist. */
+export interface IMJChatEmptyStateComponent {
+    /** Top-line welcome text. */
+    Greeting: string;
+    /** Optional secondary line beneath the greeting. */
+    Subtext?: string;
+    /** Optional suggested prompts to render as clickable chips. */
+    SuggestedPrompts?: string[];
+    /** Emitted when the user selects one of the suggested prompts. */
+    PromptSelected: EventEmitter<string>;
+}
+/**
+ * Contract for the `agentPresence` slot — character / avatar / voice-state
+ * visualization, rendered alongside the chat composer.
+ */
+export interface IMJChatAgentPresenceComponent {
+    State: MJChatAgentPresenceState;
+    /** Display name of the agent, e.g., "Sage" or "Sid". */
+    AgentName?: string;
+    /** Optional avatar image URL. */
+    AvatarUrl?: string;
+    /** Visual intensity — subtle for production chat, prominent for tutor surfaces. */
+    Mode?: 'subtle' | 'prominent';
+}
+/** Contract for the `header` slot — top bar above the message list. */
+export interface IMJChatHeaderComponent {
+    ConversationTitle?: string | null;
+    SharedBy?: string | null;
+    /** Number of artifacts on the conversation (for an inline badge). */
+    ArtifactCount?: number;
+    /** Pass-through whether the artifact-count chip should render at all. */
+    ShowArtifactIndicator?: boolean;
+}
+/**
+ * Contract for the `messageExtra` slot — per-message inline decoration rendered
+ * within the message bubble, after the content.
+ */
+export interface IMJChatMessageExtraComponent {
+    Message: MJConversationDetailEntity;
+}
+/**
+ * Contract for the `demonstrationSurface` slot — full-width adjacent surface
+ * for content the agent is "walking through" (e.g., annotated lesson material,
+ * step-by-step screenshots). Off unless a slot is supplied.
+ */
+export interface IMJChatDemonstrationSurfaceComponent {
+    /** Optional content payload — shape is consumer-defined. */
+    Content?: unknown;
+    /** Whether the surface should be visible. */
+    Visible?: boolean;
+}
+/**
+ * Contract for the `messageRenderer` slot — per-item template applied to every
+ * message in the list. Unlike the other slots (which replace a fixed positional
+ * zone), `messageRenderer` is invoked once per message via `*ngTemplateOutlet`
+ * with the message as the implicit context (`let-message`).
+ *
+ * Lets consumers swap the entire feed-vs-bubble-vs-anything-else rendering
+ * decision without forking. Two default components ship:
+ *
+ *   • `MJChatMessageFeedDefaultComponent` — the existing avatar+name+timestamp
+ *     feed layout (current behavior; default when no slot is supplied).
+ *   • `MJChatMessageBubbleDefaultComponent` — bubble layout where identity
+ *     comes from side + shape (user on right, agent on left), using the
+ *     `--mj-chat-bubble-*` tokens for color.
+ *
+ * Implementing components keep the contract minimal — just receive the message
+ * entity and render however they want. Subclasses extend a default to inherit
+ * its shell and override specific behavior.
+ */
+export interface IMJChatMessageRendererComponent {
+    /** The conversation detail row to render. */
+    Message: import('@memberjunction/core-entities').MJConversationDetailEntity | null;
+}
+//# sourceMappingURL=slot-interfaces.d.ts.map

package/dist/lib/components/slots/slot-interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-interfaces.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/slots/slot-interfaces.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAEhF,mEAAmE;AACnE,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtF,mFAAmF;AACnF,MAAM,WAAW,0BAA0B;IACvC,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,kEAAkE;IAClE,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,wBAAwB,CAAC;IAChC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACjC;AAED,uEAAuE;AACvE,MAAM,WAAW,sBAAsB;IACnC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IACzC,OAAO,EAAE,0BAA0B,CAAC;CACvC;AAED;;;;GAIG;AACH,MAAM,WAAW,oCAAoC;IACjD,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,+BAA+B;IAC5C,6CAA6C;IAC7C,OAAO,EAAE,OAAO,+BAA+B,EAAE,0BAA0B,GAAG,IAAI,CAAC;CACtF"}

package/dist/lib/components/slots/slot-interfaces.js

@@ -0,0 +1,18 @@
+/**
+ * @fileoverview Interface contracts for the chat-area's slot system.
+ *
+ * Each slot has a typed interface so the widget can speak with confidence to
+ * whatever component (default or consumer-supplied) is rendered into it. Each
+ * interface is paired with an exported standalone default component (in
+ * `*-default.component.ts` siblings) that consumers can:
+ *
+ * 1. **Project an ad-hoc template into**, via the `mjChatSlot` directive.
+ * 2. **Wrap with a containment pattern** — render the default inside their own
+ *    component to add framing without losing the default behavior.
+ * 3. **Subclass** — extend the default standalone component, override only what
+ *    they need, declare the subclass as the slot's component.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+export {};
+//# sourceMappingURL=slot-interfaces.js.map

package/dist/lib/components/slots/slot-interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-interfaces.js","sourceRoot":"","sources":["../../../../src/lib/components/slots/slot-interfaces.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG","sourcesContent":["/**\n * @fileoverview Interface contracts for the chat-area's slot system.\n *\n * Each slot has a typed interface so the widget can speak with confidence to\n * whatever component (default or consumer-supplied) is rendered into it. Each\n * interface is paired with an exported standalone default component (in\n * `*-default.component.ts` siblings) that consumers can:\n *\n * 1. **Project an ad-hoc template into**, via the `mjChatSlot` directive.\n * 2. **Wrap with a containment pattern** — render the default inside their own\n *    component to add framing without losing the default behavior.\n * 3. **Subclass** — extend the default standalone component, override only what\n *    they need, declare the subclass as the slot's component.\n *\n * @module @memberjunction/ng-conversations\n */\n\nimport type { EventEmitter } from '@angular/core';\nimport type { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\n/** State surfaced to the agent-presence slot for visualization. */\nexport type MJChatAgentPresenceState = 'idle' | 'listening' | 'thinking' | 'speaking';\n\n/** Contract for the `emptyState` slot — what renders before any messages exist. */\nexport interface IMJChatEmptyStateComponent {\n    /** Top-line welcome text. */\n    Greeting: string;\n    /** Optional secondary line beneath the greeting. */\n    Subtext?: string;\n    /** Optional suggested prompts to render as clickable chips. */\n    SuggestedPrompts?: string[];\n    /** Emitted when the user selects one of the suggested prompts. */\n    PromptSelected: EventEmitter<string>;\n}\n\n/**\n * Contract for the `agentPresence` slot — character / avatar / voice-state\n * visualization, rendered alongside the chat composer.\n */\nexport interface IMJChatAgentPresenceComponent {\n    State: MJChatAgentPresenceState;\n    /** Display name of the agent, e.g., \"Sage\" or \"Sid\". */\n    AgentName?: string;\n    /** Optional avatar image URL. */\n    AvatarUrl?: string;\n    /** Visual intensity — subtle for production chat, prominent for tutor surfaces. */\n    Mode?: 'subtle' | 'prominent';\n}\n\n/** Contract for the `header` slot — top bar above the message list. */\nexport interface IMJChatHeaderComponent {\n    ConversationTitle?: string | null;\n    SharedBy?: string | null;\n    /** Number of artifacts on the conversation (for an inline badge). */\n    ArtifactCount?: number;\n    /** Pass-through whether the artifact-count chip should render at all. */\n    ShowArtifactIndicator?: boolean;\n}\n\n/**\n * Contract for the `messageExtra` slot — per-message inline decoration rendered\n * within the message bubble, after the content.\n */\nexport interface IMJChatMessageExtraComponent {\n    Message: MJConversationDetailEntity;\n}\n\n/**\n * Contract for the `demonstrationSurface` slot — full-width adjacent surface\n * for content the agent is \"walking through\" (e.g., annotated lesson material,\n * step-by-step screenshots). Off unless a slot is supplied.\n */\nexport interface IMJChatDemonstrationSurfaceComponent {\n    /** Optional content payload — shape is consumer-defined. */\n    Content?: unknown;\n    /** Whether the surface should be visible. */\n    Visible?: boolean;\n}\n\n/**\n * Contract for the `messageRenderer` slot — per-item template applied to every\n * message in the list. Unlike the other slots (which replace a fixed positional\n * zone), `messageRenderer` is invoked once per message via `*ngTemplateOutlet`\n * with the message as the implicit context (`let-message`).\n *\n * Lets consumers swap the entire feed-vs-bubble-vs-anything-else rendering\n * decision without forking. Two default components ship:\n *\n *   • `MJChatMessageFeedDefaultComponent` — the existing avatar+name+timestamp\n *     feed layout (current behavior; default when no slot is supplied).\n *   • `MJChatMessageBubbleDefaultComponent` — bubble layout where identity\n *     comes from side + shape (user on right, agent on left), using the\n *     `--mj-chat-bubble-*` tokens for color.\n *\n * Implementing components keep the contract minimal — just receive the message\n * entity and render however they want. Subclasses extend a default to inherit\n * its shell and override specific behavior.\n */\nexport interface IMJChatMessageRendererComponent {\n    /** The conversation detail row to render. */\n    Message: import('@memberjunction/core-entities').MJConversationDetailEntity | null;\n}\n"]}

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

@@ -112,6 +112,10 @@ export declare class ConversationWorkspaceComponent extends BaseAngularComponent
     private previousVersionId;
     private previousIsNewConversation;
     private destroy$;
+    private readonly boundOnResizeMove;
+    private readonly boundOnResizeEnd;
+    private readonly boundOnResizeTouchMove;
+    private readonly boundOnResizeTouchEnd;
     private readonly USER_SETTING_SIDEBAR_KEY;
     private saveSettingsTimeout;
     private isLoadingSettings;
@@ -158,6 +162,17 @@ export declare class ConversationWorkspaceComponent extends BaseAngularComponent
      * Handler for new conversation creation from chat area
      * Now includes pending message and attachments to ensure atomic state update
      */
+    /**
+     * A realtime session created (and just finished with) a brand-new conversation. The
+     * row was created SERVER-side, so it isn't in the engine cache yet — reload the list
+     * to fold it in, then select it ONLY when the conversation list is visible (owner
+     * spec: the user may have the sidebar hidden; don't yank their context if so —
+     * the refreshed cache makes it appear whenever the list is reopened).
+     */
+    onRealtimeConversationReady(event: {
+        conversationId: string;
+        select: boolean;
+    }): Promise<void>;
     onConversationCreated(event: {
         conversation: MJConversationEntity;
         pendingMessage?: string;

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

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

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

@@ -19,6 +19,7 @@
  * ============================================================================
  */
 import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';
+import { UUIDsEqual } from '@memberjunction/global';
 import { ArtifactMetadataEngine, UserInfoEngine, ConversationEngine } from '@memberjunction/core-entities';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { Subject, takeUntil } from 'rxjs';
@@ -101,7 +102,7 @@ function ConversationWorkspaceComponent_Conditional_4_Conditional_6_Template(rf,
 function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12)(1, "mj-conversation-chat-area", 21);
-    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationRenamed_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationRenamed($event)); })("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("navigationRequest", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_navigationRequest_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onNavigationRequest($event)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_taskClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTaskClicked($event)); })("artifactLinkClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_artifactLinkClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("conversationCreated", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationCreated_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationCreated($event)); })("threadOpened", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_threadOpened_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadOpened($event)); })("threadClosed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_threadClosed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadClosed()); })("pendingArtifactConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingMessageToSend = null; return i0.ɵɵresetView(ctx_r1.pendingAttachmentsToSend = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageRequested_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPendingMessageRequested($event)); });
+    i0.ɵɵlistener("conversationRenamed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationRenamed_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationRenamed($event)); })("openEntityRecord", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("navigationRequest", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_navigationRequest_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onNavigationRequest($event)); })("taskClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_taskClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTaskClicked($event)); })("artifactLinkClicked", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_artifactLinkClicked_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onArtifactLinkNavigation($event)); })("conversationCreated", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_conversationCreated_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onConversationCreated($event)); })("realtimeConversationReady", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_realtimeConversationReady_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRealtimeConversationReady($event)); })("threadOpened", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_threadOpened_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadOpened($event)); })("threadClosed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_threadClosed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onThreadClosed()); })("pendingArtifactConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingArtifactConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingArtifactId = null; return i0.ɵɵresetView(ctx_r1.pendingArtifactVersionNumber = null); })("pendingMessageConsumed", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageConsumed_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.pendingMessageToSend = null; return i0.ɵɵresetView(ctx_r1.pendingAttachmentsToSend = null); })("pendingMessageRequested", function ConversationWorkspaceComponent_Conditional_4_Conditional_7_Template_mj_conversation_chat_area_pendingMessageRequested_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPendingMessageRequested($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -266,6 +267,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     previousVersionId = null; // Used to track version changes in ngDoCheck
     previousIsNewConversation = false; // Track new conversation state changes
     destroy$ = new Subject();
+    // Stored bound references so addEventListener and removeEventListener get the same function object.
+    boundOnResizeMove = this.onResizeMove.bind(this);
+    boundOnResizeEnd = this.onResizeEnd.bind(this);
+    boundOnResizeTouchMove = this.onResizeTouchMove.bind(this);
+    boundOnResizeTouchEnd = this.onResizeTouchEnd.bind(this);
     // User Settings key for server-side persistence
     USER_SETTING_SIDEBAR_KEY = 'Conversations.SidebarState';
     saveSettingsTimeout = null;
@@ -361,6 +367,29 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
      * Handler for new conversation creation from chat area
      * Now includes pending message and attachments to ensure atomic state update
      */
+    /**
+     * A realtime session created (and just finished with) a brand-new conversation. The
+     * row was created SERVER-side, so it isn't in the engine cache yet — reload the list
+     * to fold it in, then select it ONLY when the conversation list is visible (owner
+     * spec: the user may have the sidebar hidden; don't yank their context if so —
+     * the refreshed cache makes it appear whenever the list is reopened).
+     */
+    async onRealtimeConversationReady(event) {
+        try {
+            await ConversationEngine.Instance.LoadConversations(this.environmentId, this.currentUser, true);
+            if (event.select && this.isSidebarVisible) {
+                const conversation = ConversationEngine.Instance.Conversations.find(c => UUIDsEqual(c.ID, event.conversationId));
+                if (conversation) {
+                    this.selectedConversationId = conversation.ID;
+                    this.selectedConversation = conversation;
+                    this.isNewUnsavedConversation = false;
+                }
+            }
+        }
+        catch (error) {
+            console.error('onRealtimeConversationReady ERROR:', error);
+        }
+    }
     onConversationCreated(event) {
         try {
             // Set ALL state atomically before Angular change detection runs
@@ -440,11 +469,11 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             }, 50);
         }
         // Setup resize listeners
-        window.addEventListener('mousemove', this.onResizeMove.bind(this));
-        window.addEventListener('mouseup', this.onResizeEnd.bind(this));
+        window.addEventListener('mousemove', this.boundOnResizeMove);
+        window.addEventListener('mouseup', this.boundOnResizeEnd);
         // Setup touch listeners for mobile
-        window.addEventListener('touchmove', this.onResizeTouchMove.bind(this));
-        window.addEventListener('touchend', this.onResizeTouchEnd.bind(this));
+        window.addEventListener('touchmove', this.boundOnResizeTouchMove);
+        window.addEventListener('touchend', this.boundOnResizeTouchEnd);
         // CRITICAL: Initialize engines FIRST before rendering any UI
         // The isWorkspaceReady flag blocks all child components from rendering
         // until engines are fully loaded and ready
@@ -591,10 +620,10 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             clearTimeout(this.saveSettingsTimeout);
         }
         // Remove resize listeners
-        window.removeEventListener('mousemove', this.onResizeMove.bind(this));
-        window.removeEventListener('mouseup', this.onResizeEnd.bind(this));
-        window.removeEventListener('touchmove', this.onResizeTouchMove.bind(this));
-        window.removeEventListener('touchend', this.onResizeTouchEnd.bind(this));
+        window.removeEventListener('mousemove', this.boundOnResizeMove);
+        window.removeEventListener('mouseup', this.boundOnResizeEnd);
+        window.removeEventListener('touchmove', this.boundOnResizeTouchMove);
+        window.removeEventListener('touchend', this.boundOnResizeTouchEnd);
     }
     onWindowResize() {
         this.checkMobileView();
@@ -1202,7 +1231,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
     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 ɵ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", "threadOpened", "threadClosed", "pendingArtifactConsumed", "pendingMessageConsumed", "pendingMessageRequested", "environmentId", "currentUser", "conversationId", "conversation", "threadId", "isNewConversation", "pendingMessage", "pendingAttachments", "pendingArtifactId", "pendingArtifactVersionNumber"], [1, "artifact-panel-resize-handle"], [1, "workspace-artifact-panel"], [3, "closed", "navigateToLink", "shareRequested", "maximizeToggled", "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", 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", "pendingArtifactId", "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);
@@ -1233,7 +1262,7 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
 }
 (() => { (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            [pendingArtifactId]=\"pendingArtifactId\"\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            (threadOpened)=\"onThreadOpened($event)\"\n            (threadClosed)=\"onThreadClosed()\"\n            (pendingArtifactConsumed)=\"pendingArtifactId = null; pendingArtifactVersionNumber = null\"\n            (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = null\"\n            (pendingMessageRequested)=\"onPendingMessageRequested($event)\">\n          </mj-conversation-chat-area>\n        </div>\n      }\n\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}"] }]
+        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            [pendingArtifactId]=\"pendingArtifactId\"\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; pendingArtifactVersionNumber = null\"\n            (pendingMessageConsumed)=\"pendingMessageToSend = null; pendingAttachmentsToSend = 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: [{
             type: Input
         }], initialConversationId: [{
@@ -1277,5 +1306,5 @@ export class ConversationWorkspaceComponent extends BaseAngularComponent {
             type: HostListener,
             args: ['document:click', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 66 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationWorkspaceComponent, { className: "ConversationWorkspaceComponent", filePath: "src/lib/components/workspace/conversation-workspace.component.ts", lineNumber: 67 }); })();
 //# sourceMappingURL=conversation-workspace.component.js.map