@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.2

package/dist/lib/components/conversation/conversation-empty-state.component.js

@@ -1,35 +1,37 @@
 import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
 import { MessageInputComponent } from '../message/message-input.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared-generic";
-import * as i2 from "../message/message-input.component";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "../message/message-input.component";
+const _c0 = a0 => ({ $implicit: null, ConversationId: null, IsProcessing: a0 });
 function ConversationEmptyStateComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-loading", 9);
+    i0.ɵɵelement(1, "mj-loading", 10);
     i0.ɵɵelementEnd();
 } }
 function ConversationEmptyStateComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 10);
-    i0.ɵɵelement(2, "i", 11);
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 11);
+    i0.ɵɵelement(2, "i", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h1", 12);
+    i0.ɵɵelementStart(3, "h1", 13);
     i0.ɵɵtext(4, "Welcome to Conversations");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 13);
+    i0.ɵɵelementStart(5, "p", 14);
     i0.ɵɵtext(6, " Start a new conversation by typing a message below, or choose a suggested prompt to get started. ");
     i0.ɵɵelementEnd()();
 } }
 function ConversationEmptyStateComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelementStart(0, "div", 17);
     i0.ɵɵlistener("click", function ConversationEmptyStateComponent_Conditional_4_For_3_Template_div_click_0_listener() { const prompt_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onSuggestedPromptClicked(prompt_r2.prompt)); });
-    i0.ɵɵelementStart(1, "div", 17);
+    i0.ɵɵelementStart(1, "div", 18);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 18)(4, "div", 19);
+    i0.ɵɵelementStart(3, "div", 19)(4, "div", 20);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 20);
+    i0.ɵɵelementStart(6, "div", 21);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -44,8 +46,8 @@ function ConversationEmptyStateComponent_Conditional_4_For_3_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(prompt_r2.prompt);
 } }
 function ConversationEmptyStateComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "div", 14);
-    i0.ɵɵrepeaterCreate(2, ConversationEmptyStateComponent_Conditional_4_For_3_Template, 8, 6, "div", 15, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 15);
+    i0.ɵɵrepeaterCreate(2, ConversationEmptyStateComponent_Conditional_4_For_3_Template, 8, 6, "div", 16, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -53,7 +55,7 @@ function ConversationEmptyStateComponent_Conditional_4_Template(rf, ctx) { if (r
     i0.ɵɵrepeater(ctx_r2.suggestedPrompts);
 } }
 function ConversationEmptyStateComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5)(1, "p", 21);
+    i0.ɵɵelementStart(0, "div", 5)(1, "p", 22);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -61,9 +63,21 @@ function ConversationEmptyStateComponent_Conditional_5_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r2.greeting);
 } }
-function ConversationEmptyStateComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "i", 24);
+function ConversationEmptyStateComponent_Conditional_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function ConversationEmptyStateComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtemplate(1, ConversationEmptyStateComponent_Conditional_7_ng_container_1_Template, 1, 0, "ng-container", 23);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.ComposerExtraTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, ctx_r2.disabled));
+} }
+function ConversationEmptyStateComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 26);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Use ");
     i0.ɵɵelementStart(4, "strong");
@@ -72,11 +86,11 @@ function ConversationEmptyStateComponent_Conditional_8_Conditional_1_Template(rf
     i0.ɵɵtext(6, " to directly invoke a specific agent");
     i0.ɵɵelementEnd()();
 } }
-function ConversationEmptyStateComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵconditionalCreate(1, ConversationEmptyStateComponent_Conditional_8_Conditional_1_Template, 7, 0, "div", 22);
-    i0.ɵɵelementStart(2, "div", 22);
-    i0.ɵɵelement(3, "i", 23);
+function ConversationEmptyStateComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵconditionalCreate(1, ConversationEmptyStateComponent_Conditional_9_Conditional_1_Template, 7, 0, "div", 24);
+    i0.ɵɵelementStart(2, "div", 24);
+    i0.ɵɵelement(3, "i", 25);
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5, "Press ");
     i0.ɵɵelementStart(6, "strong");
@@ -94,44 +108,205 @@ function ConversationEmptyStateComponent_Conditional_8_Template(rf, ctx) { if (r
     i0.ɵɵconditional(ctx_r2.enableMentions ? 1 : -1);
 } }
 export class ConversationEmptyStateComponent {
-    currentUser;
-    disabled = false;
-    showSidebarToggle = false;
-    enableAttachments = false;
-    enableMentions = true;
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    Disabled = false;
+    /** @deprecated Use {@link Disabled}. */
+    set disabled(value) {
+        this.Disabled = value;
+    }
+    /** @deprecated Use {@link Disabled}. */
+    get disabled() {
+        return this.Disabled;
+    }
+    ShowSidebarToggle = false;
+    /** @deprecated Use {@link ShowSidebarToggle}. */
+    set showSidebarToggle(value) {
+        this.ShowSidebarToggle = value;
+    }
+    /** @deprecated Use {@link ShowSidebarToggle}. */
+    get showSidebarToggle() {
+        return this.ShowSidebarToggle;
+    }
+    EnableAttachments = false;
+    /** @deprecated Use {@link EnableAttachments}. */
+    set enableAttachments(value) {
+        this.EnableAttachments = value;
+    }
+    /** @deprecated Use {@link EnableAttachments}. */
+    get enableAttachments() {
+        return this.EnableAttachments;
+    }
+    EnableMentions = true;
+    /** @deprecated Use {@link EnableMentions}. */
+    set enableMentions(value) {
+        this.EnableMentions = value;
+    }
+    /** @deprecated Use {@link EnableMentions}. */
+    get enableMentions() {
+        return this.EnableMentions;
+    }
     /** Per-type mention caps under enableMentions (all default true) — forwarded to the composer. */
-    enableAgentMentions = true;
-    enableEntityMentions = true;
-    enableSkillCommands = true;
+    EnableAgentMentions = true;
+    /** @deprecated Use {@link EnableAgentMentions}. */
+    set enableAgentMentions(value) {
+        this.EnableAgentMentions = value;
+    }
+    /** @deprecated Use {@link EnableAgentMentions}. */
+    get enableAgentMentions() {
+        return this.EnableAgentMentions;
+    }
+    EnableEntityMentions = true;
+    /** @deprecated Use {@link EnableEntityMentions}. */
+    set enableEntityMentions(value) {
+        this.EnableEntityMentions = value;
+    }
+    /** @deprecated Use {@link EnableEntityMentions}. */
+    get enableEntityMentions() {
+        return this.EnableEntityMentions;
+    }
+    EnableSkillCommands = true;
+    /** @deprecated Use {@link EnableSkillCommands}. */
+    set enableSkillCommands(value) {
+        this.EnableSkillCommands = value;
+    }
+    /** @deprecated Use {@link EnableSkillCommands}. */
+    get enableSkillCommands() {
+        return this.EnableSkillCommands;
+    }
     /** Show the built-in suggested-prompt chips. Hosts that don't want the default prompt vocabulary set false. */
-    showSuggestedPrompts = true;
-    maxAttachments = 10;
-    maxAttachmentSizeBytes = 20 * 1024 * 1024;
-    acceptedFileTypes = 'image/*';
+    ShowSuggestedPrompts = true;
+    /** @deprecated Use {@link ShowSuggestedPrompts}. */
+    set showSuggestedPrompts(value) {
+        this.ShowSuggestedPrompts = value;
+    }
+    /** @deprecated Use {@link ShowSuggestedPrompts}. */
+    get showSuggestedPrompts() {
+        return this.ShowSuggestedPrompts;
+    }
+    MaxAttachments = 10;
+    /** @deprecated Use {@link MaxAttachments}. */
+    set maxAttachments(value) {
+        this.MaxAttachments = value;
+    }
+    /** @deprecated Use {@link MaxAttachments}. */
+    get maxAttachments() {
+        return this.MaxAttachments;
+    }
+    MaxAttachmentSizeBytes = 20 * 1024 * 1024;
+    /** @deprecated Use {@link MaxAttachmentSizeBytes}. */
+    set maxAttachmentSizeBytes(value) {
+        this.MaxAttachmentSizeBytes = value;
+    }
+    /** @deprecated Use {@link MaxAttachmentSizeBytes}. */
+    get maxAttachmentSizeBytes() {
+        return this.MaxAttachmentSizeBytes;
+    }
+    AcceptedFileTypes = 'image/*';
+    /** @deprecated Use {@link AcceptedFileTypes}. */
+    set acceptedFileTypes(value) {
+        this.AcceptedFileTypes = value;
+    }
+    /** @deprecated Use {@link AcceptedFileTypes}. */
+    get acceptedFileTypes() {
+        return this.AcceptedFileTypes;
+    }
     /** Greeting text shown in the empty state. Set by host app via overlay/chat-area chain. */
-    greeting = 'How can I help you?';
+    Greeting = 'How can I help you?';
+    /** @deprecated Use {@link Greeting}. */
+    set greeting(value) {
+        this.Greeting = value;
+    }
+    /** @deprecated Use {@link Greeting}. */
+    get greeting() {
+        return this.Greeting;
+    }
     /** When true (overlay context), suggested prompts are hidden to save space */
     _overlayMode = false;
-    set overlayMode(value) {
+    set OverlayMode(value) {
         this._overlayMode = value;
         if (value) {
-            this.suggestedPrompts = [];
+            this.SuggestedPrompts = [];
         }
     }
-    get overlayMode() {
+    get OverlayMode() {
         return this._overlayMode;
     }
+    /** @deprecated Use {@link OverlayMode}. */
+    get overlayMode() {
+        return this.OverlayMode;
+    }
+    /** @deprecated Use {@link OverlayMode}. */
+    set overlayMode(value) {
+        this.OverlayMode = value;
+    }
+    /** The agents the composer's '@' list may offer (see `MessageInputComponent.AllowedAgentIDs`). */
+    AllowedAgentIDs = null;
+    /** The people the composer's '@' list offers (see `MessageInputComponent.MentionPeople`). */
+    MentionPeople = null;
+    /**
+     * The chat area's `composerExtra` slot template, rendered directly above this composer with an
+     * `IMJChatComposerExtraContext` (no conversation exists yet). Null renders nothing there.
+     */
+    ComposerExtraTemplate = null;
     messageInput;
     /** Draft staged into the composer on mount (see MessageInputComponent.initialDraft). */
-    initialDraft = null;
-    initialDraftApplied = new EventEmitter();
+    InitialDraft = null;
+    /** @deprecated Use {@link InitialDraft}. */
+    set initialDraft(value) {
+        this.InitialDraft = value;
+    }
+    /** @deprecated Use {@link InitialDraft}. */
+    get initialDraft() {
+        return this.InitialDraft;
+    }
+    InitialDraftApplied = new EventEmitter();
+    /**
+     * @deprecated Use {@link InitialDraftApplied}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (initialDraftApplied) keeps working. Must stay AFTER InitialDraftApplied: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    initialDraftApplied = this.InitialDraftApplied;
     /** Forwarded from the inner composer — serialized draft on every value change. */
     DraftStateChanged = new EventEmitter();
     /** Forwarded from the inner composer — persist-drafts save point. */
     ComposerBlurred = new EventEmitter();
-    messageSent = new EventEmitter();
-    sidebarToggleClicked = new EventEmitter();
-    messageText = '';
+    MessageSent = new EventEmitter();
+    /**
+     * @deprecated Use {@link MessageSent}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (messageSent) keeps working. Must stay AFTER MessageSent: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    messageSent = this.MessageSent;
+    SidebarToggleClicked = new EventEmitter();
+    /**
+     * @deprecated Use {@link SidebarToggleClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (sidebarToggleClicked) keeps working. Must stay AFTER SidebarToggleClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    sidebarToggleClicked = this.SidebarToggleClicked;
+    MessageText = '';
+    /** @deprecated Use {@link MessageText}. */
+    get messageText() {
+        return this.MessageText;
+    }
+    /** @deprecated Use {@link MessageText}. */
+    set messageText(value) {
+        this.MessageText = value;
+    }
     // All available suggested prompts (business user focused)
     allSuggestedPrompts = [
         // Data Analysis & Insights
@@ -239,10 +414,18 @@ export class ConversationEmptyStateComponent {
         }
     ];
     // Randomly selected prompts to display (refreshed on each load)
-    suggestedPrompts = [];
+    SuggestedPrompts = [];
+    /** @deprecated Use {@link SuggestedPrompts}. */
+    get suggestedPrompts() {
+        return this.SuggestedPrompts;
+    }
+    /** @deprecated Use {@link SuggestedPrompts}. */
+    set suggestedPrompts(value) {
+        this.SuggestedPrompts = value;
+    }
     constructor() {
         // Select 4 random prompts on initialization
-        this.suggestedPrompts = this.selectRandomPrompts(4);
+        this.SuggestedPrompts = this.selectRandomPrompts(4);
     }
     /**
      * Select random prompts from the full list
@@ -273,31 +456,41 @@ export class ConversationEmptyStateComponent {
             }
         }, 100);
     }
+    OnEmptyStateSubmit(event) {
+        this.MessageSent.emit(event);
+    }
+    /** @deprecated Use {@link OnEmptyStateSubmit}. */
     onEmptyStateSubmit(event) {
-        this.messageSent.emit(event);
+        return this.OnEmptyStateSubmit(event);
     }
-    onSuggestedPromptClicked(prompt) {
-        if (!this.disabled) {
-            this.messageSent.emit({ text: prompt, attachments: [] });
+    OnSuggestedPromptClicked(prompt) {
+        if (!this.Disabled) {
+            this.MessageSent.emit({ text: prompt, attachments: [] });
         }
     }
+    /** @deprecated Use {@link OnSuggestedPromptClicked}. */
+    onSuggestedPromptClicked(prompt) {
+        return this.OnSuggestedPromptClicked(prompt);
+    }
     static ɵfac = function ConversationEmptyStateComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationEmptyStateComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationEmptyStateComponent, selectors: [["mj-conversation-empty-state"]], viewQuery: function ConversationEmptyStateComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(MessageInputComponent, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messageInput = _t.first);
-        } }, inputs: { currentUser: "currentUser", disabled: "disabled", showSidebarToggle: "showSidebarToggle", enableAttachments: "enableAttachments", enableMentions: "enableMentions", enableAgentMentions: "enableAgentMentions", enableEntityMentions: "enableEntityMentions", enableSkillCommands: "enableSkillCommands", showSuggestedPrompts: "showSuggestedPrompts", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", greeting: "greeting", overlayMode: "overlayMode", initialDraft: "initialDraft" }, outputs: { initialDraftApplied: "initialDraftApplied", DraftStateChanged: "DraftStateChanged", ComposerBlurred: "ComposerBlurred", messageSent: "messageSent", sidebarToggleClicked: "sidebarToggleClicked" }, standalone: false, decls: 9, vars: 22, consts: [[1, "conversation-empty-state"], [1, "loading-overlay"], [1, "empty-state-container"], [1, "greeting-section"], [1, "suggested-prompts"], [1, "overlay-greeting"], [1, "message-input-wrapper"], [3, "initialDraftApplied", "DraftStateChanged", "ComposerBlurred", "emptyStateSubmit", "initialDraft", "placeholder", "disabled", "currentUser", "emptyStateMode", "enableMentions", "enableAgentMentions", "enableEntityMentions", "enableSkillCommands", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes"], [1, "tips-section"], ["text", "Creating your conversation...", "size", "large"], [1, "greeting-icon"], [1, "fa-solid", "fa-comments", "fa-3x"], [1, "greeting-title"], [1, "greeting-subtitle"], [1, "prompt-grid"], [1, "prompt-card", 3, "disabled"], [1, "prompt-card", 3, "click"], [1, "prompt-icon"], [1, "prompt-content"], [1, "prompt-title"], [1, "prompt-text"], [1, "overlay-greeting-text"], [1, "tip-item"], [1, "fa-solid", "fa-keyboard"], [1, "fa-solid", "fa-at"]], template: function ConversationEmptyStateComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { CurrentUser: "CurrentUser", currentUser: "currentUser", Disabled: "Disabled", disabled: "disabled", ShowSidebarToggle: "ShowSidebarToggle", showSidebarToggle: "showSidebarToggle", EnableAttachments: "EnableAttachments", enableAttachments: "enableAttachments", EnableMentions: "EnableMentions", enableMentions: "enableMentions", EnableAgentMentions: "EnableAgentMentions", enableAgentMentions: "enableAgentMentions", EnableEntityMentions: "EnableEntityMentions", enableEntityMentions: "enableEntityMentions", EnableSkillCommands: "EnableSkillCommands", enableSkillCommands: "enableSkillCommands", ShowSuggestedPrompts: "ShowSuggestedPrompts", showSuggestedPrompts: "showSuggestedPrompts", MaxAttachments: "MaxAttachments", maxAttachments: "maxAttachments", MaxAttachmentSizeBytes: "MaxAttachmentSizeBytes", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", AcceptedFileTypes: "AcceptedFileTypes", acceptedFileTypes: "acceptedFileTypes", Greeting: "Greeting", greeting: "greeting", OverlayMode: "OverlayMode", overlayMode: "overlayMode", AllowedAgentIDs: "AllowedAgentIDs", MentionPeople: "MentionPeople", ComposerExtraTemplate: "ComposerExtraTemplate", InitialDraft: "InitialDraft", initialDraft: "initialDraft" }, outputs: { InitialDraftApplied: "InitialDraftApplied", initialDraftApplied: "initialDraftApplied", DraftStateChanged: "DraftStateChanged", ComposerBlurred: "ComposerBlurred", MessageSent: "MessageSent", messageSent: "messageSent", SidebarToggleClicked: "SidebarToggleClicked", sidebarToggleClicked: "sidebarToggleClicked" }, standalone: false, decls: 10, vars: 25, consts: [[1, "conversation-empty-state"], [1, "loading-overlay"], [1, "empty-state-container"], [1, "greeting-section"], [1, "suggested-prompts"], [1, "overlay-greeting"], [1, "message-input-wrapper"], [1, "composer-extra"], [3, "initialDraftApplied", "DraftStateChanged", "ComposerBlurred", "emptyStateSubmit", "initialDraft", "placeholder", "disabled", "currentUser", "emptyStateMode", "enableMentions", "enableAgentMentions", "enableEntityMentions", "enableSkillCommands", "AllowedAgentIDs", "MentionPeople", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes"], [1, "tips-section"], ["text", "Creating your conversation...", "size", "large"], [1, "greeting-icon"], [1, "fa-solid", "fa-comments", "fa-3x"], [1, "greeting-title"], [1, "greeting-subtitle"], [1, "prompt-grid"], [1, "prompt-card", 3, "disabled"], [1, "prompt-card", 3, "click"], [1, "prompt-icon"], [1, "prompt-content"], [1, "prompt-title"], [1, "prompt-text"], [1, "overlay-greeting-text"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "tip-item"], [1, "fa-solid", "fa-keyboard"], [1, "fa-solid", "fa-at"]], template: function ConversationEmptyStateComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, ConversationEmptyStateComponent_Conditional_1_Template, 2, 0, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
             i0.ɵɵconditionalCreate(3, ConversationEmptyStateComponent_Conditional_3_Template, 7, 0, "div", 3);
             i0.ɵɵconditionalCreate(4, ConversationEmptyStateComponent_Conditional_4_Template, 4, 0, "div", 4);
             i0.ɵɵconditionalCreate(5, ConversationEmptyStateComponent_Conditional_5_Template, 3, 1, "div", 5);
-            i0.ɵɵelementStart(6, "div", 6)(7, "mj-message-input", 7);
-            i0.ɵɵlistener("initialDraftApplied", function ConversationEmptyStateComponent_Template_mj_message_input_initialDraftApplied_7_listener() { return ctx.initialDraftApplied.emit(); })("DraftStateChanged", function ConversationEmptyStateComponent_Template_mj_message_input_DraftStateChanged_7_listener($event) { return ctx.DraftStateChanged.emit($event); })("ComposerBlurred", function ConversationEmptyStateComponent_Template_mj_message_input_ComposerBlurred_7_listener() { return ctx.ComposerBlurred.emit(); })("emptyStateSubmit", function ConversationEmptyStateComponent_Template_mj_message_input_emptyStateSubmit_7_listener($event) { return ctx.onEmptyStateSubmit($event); });
+            i0.ɵɵelementStart(6, "div", 6);
+            i0.ɵɵconditionalCreate(7, ConversationEmptyStateComponent_Conditional_7_Template, 2, 4, "div", 7);
+            i0.ɵɵelementStart(8, "mj-message-input", 8);
+            i0.ɵɵlistener("initialDraftApplied", function ConversationEmptyStateComponent_Template_mj_message_input_initialDraftApplied_8_listener() { return ctx.initialDraftApplied.emit(); })("DraftStateChanged", function ConversationEmptyStateComponent_Template_mj_message_input_DraftStateChanged_8_listener($event) { return ctx.DraftStateChanged.emit($event); })("ComposerBlurred", function ConversationEmptyStateComponent_Template_mj_message_input_ComposerBlurred_8_listener() { return ctx.ComposerBlurred.emit(); })("emptyStateSubmit", function ConversationEmptyStateComponent_Template_mj_message_input_emptyStateSubmit_8_listener($event) { return ctx.onEmptyStateSubmit($event); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(8, ConversationEmptyStateComponent_Conditional_8_Template, 12, 1, "div", 8);
+            i0.ɵɵconditionalCreate(9, ConversationEmptyStateComponent_Conditional_9_Template, 12, 1, "div", 9);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassProp("overlay-mode", ctx.overlayMode);
@@ -312,57 +505,101 @@ export class ConversationEmptyStateComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.overlayMode ? 5 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("initialDraft", ctx.initialDraft)("placeholder", ctx.overlayMode ? "Type a message..." : "Type your message to start a new conversation...")("disabled", ctx.disabled)("currentUser", ctx.currentUser)("emptyStateMode", true)("enableMentions", ctx.enableMentions)("enableAgentMentions", ctx.enableAgentMentions)("enableEntityMentions", ctx.enableEntityMentions)("enableSkillCommands", ctx.enableSkillCommands)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes);
+            i0.ɵɵconditional(ctx.ComposerExtraTemplate ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("initialDraft", ctx.initialDraft)("placeholder", ctx.overlayMode ? "Type a message..." : "Type your message to start a new conversation...")("disabled", ctx.disabled)("currentUser", ctx.currentUser)("emptyStateMode", true)("enableMentions", ctx.enableMentions)("enableAgentMentions", ctx.enableAgentMentions)("enableEntityMentions", ctx.enableEntityMentions)("enableSkillCommands", ctx.enableSkillCommands)("AllowedAgentIDs", ctx.AllowedAgentIDs)("MentionPeople", ctx.MentionPeople)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.overlayMode ? 8 : -1);
-        } }, dependencies: [i1.LoadingComponent, i2.MessageInputComponent], styles: ["[_nghost-%COMP%] {\n  display: flex;\n  flex: 1;\n  height: 100%;\n  min-height: 0;\n}\n\n.conversation-empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  padding: 2rem;\n  overflow-y: auto;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .conversation-empty-state[_ngcontent-%COMP%] {\n    align-items: flex-start;\n    padding: 1rem 0.75rem;\n  }\n}\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease-in;\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  padding: 2rem;\n  background: var(--mj-bg-surface-card);\n  border-radius: 12px;\n  box-shadow: 0 4px 20px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.loading-content[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.loading-message[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  margin: 0;\n}\n\n.empty-state-container[_ngcontent-%COMP%] {\n  max-width: 800px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease-in;\n  transition: opacity 0.2s ease;\n}\n.empty-state-container.loading[_ngcontent-%COMP%] {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.greeting-section[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 0.5rem 0;\n}\n\n.greeting-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  margin-bottom: 0.5rem;\n  opacity: 0.8;\n}\n\n.greeting-title[_ngcontent-%COMP%] {\n  font-size: 2rem;\n  font-weight: 600;\n  margin: 0 0 0.5rem 0;\n  color: var(--mj-text-primary);\n}\n\n.greeting-subtitle[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\n.suggested-prompts[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.prompt-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.prompt-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.25rem;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.prompt-card[_ngcontent-%COMP%]:hover:not(.disabled) {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-brand-primary);\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.prompt-card.disabled[_ngcontent-%COMP%] {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.prompt-icon[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 8px;\n  font-size: 1.2rem;\n}\n\n.prompt-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 0.95rem;\n  color: var(--mj-text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.prompt-text[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n\n.message-input-wrapper[_ngcontent-%COMP%] {\n  margin: 0;\n  width: 100%;\n}\n\n\n.tips-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 0.75rem 0 0;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.tip-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n}\n.tip-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 24px;\n  text-align: center;\n  color: var(--mj-brand-primary);\n  opacity: 0.7;\n}\n.tip-item[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n\n.conversation-empty-state.overlay-mode[_ngcontent-%COMP%] {\n  padding: 1rem;\n  align-items: center;\n  justify-content: center;\n}\n\n.overlay-mode[_ngcontent-%COMP%]   .empty-state-container[_ngcontent-%COMP%] {\n  gap: 0.75rem;\n  max-width: 100%;\n  justify-content: center;\n}\n\n.overlay-greeting[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 1rem 0 0;\n}\n\n.overlay-greeting-text[_ngcontent-%COMP%] {\n  font-size: 1.1rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}\n\n.overlay-mode[_ngcontent-%COMP%]   .message-input-wrapper[_ngcontent-%COMP%] {\n  margin: 0.5rem 0;\n}\n\n\n\n@media (max-height: 820px) {\n  .conversation-empty-state[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n  .empty-state-container[_ngcontent-%COMP%] {\n    gap: 0.75rem;\n  }\n  .greeting-section[_ngcontent-%COMP%] {\n    padding: 0;\n  }\n  .greeting-icon[_ngcontent-%COMP%] {\n    margin-bottom: 0.25rem;\n  }\n  .greeting-icon[_ngcontent-%COMP%]   .fa-3x[_ngcontent-%COMP%] {\n    font-size: 2em;\n  }\n  .greeting-title[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n  }\n  .tips-section[_ngcontent-%COMP%] {\n    padding: 0.5rem 0 0;\n  }\n}\n\n\n@media (max-width: 768px) {\n  .empty-state-container[_ngcontent-%COMP%] {\n    gap: 0.75rem;\n  }\n  .greeting-section[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n  }\n  .greeting-subtitle[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    padding: 0 0.5rem;\n  }\n  .prompt-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5rem;\n  }\n  .prompt-card[_ngcontent-%COMP%] {\n    padding: 0.5rem;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  .prompt-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  .prompt-title[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n  }\n  .prompt-text[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper[_ngcontent-%COMP%] {\n    margin: 0.5rem 0;\n  }\n  .tips-section[_ngcontent-%COMP%] {\n    display: none;\n  }\n  .loading-content[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n  .loading-message[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .empty-state-container[_ngcontent-%COMP%] {\n    gap: 0.5rem;\n  }\n  .greeting-section[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon[_ngcontent-%COMP%] {\n    font-size: 1.25rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title[_ngcontent-%COMP%] {\n    font-size: 1rem;\n  }\n  .greeting-subtitle[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    padding: 0 0.25rem;\n  }\n  .prompt-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.4rem;\n  }\n  .prompt-card[_ngcontent-%COMP%] {\n    padding: 0.4rem;\n    flex-direction: column;\n    gap: 0.4rem;\n  }\n  .prompt-icon[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    font-size: 0.75rem;\n    border-radius: 4px;\n  }\n  .prompt-title[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n  }\n  .prompt-text[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper[_ngcontent-%COMP%] {\n    margin: 0.4rem 0;\n  }\n  .tips-section[_ngcontent-%COMP%] {\n    display: none;\n  }\n  .loading-content[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n  .loading-message[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n  }\n}"] });
+            i0.ɵɵconditional(!ctx.overlayMode ? 9 : -1);
+        } }, dependencies: [i1.NgTemplateOutlet, i2.LoadingComponent, i3.MessageInputComponent], styles: ["[_nghost-%COMP%] {\n  display: flex;\n  flex: 1;\n  height: 100%;\n  min-height: 0;\n}\n\n.conversation-empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  padding: 2rem;\n  overflow-y: auto;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .conversation-empty-state[_ngcontent-%COMP%] {\n    align-items: flex-start;\n    padding: 1rem 0.75rem;\n  }\n}\n\n.loading-overlay[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  animation: _ngcontent-%COMP%_fadeIn 0.2s ease-in;\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  padding: 2rem;\n  background: var(--mj-bg-surface-card);\n  border-radius: 12px;\n  box-shadow: 0 4px 20px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.loading-content[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.loading-message[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  margin: 0;\n}\n\n.empty-state-container[_ngcontent-%COMP%] {\n  max-width: 800px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease-in;\n  transition: opacity 0.2s ease;\n}\n.empty-state-container.loading[_ngcontent-%COMP%] {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.greeting-section[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 0.5rem 0;\n}\n\n.greeting-icon[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  margin-bottom: 0.5rem;\n  opacity: 0.8;\n}\n\n.greeting-title[_ngcontent-%COMP%] {\n  font-size: 2rem;\n  font-weight: 600;\n  margin: 0 0 0.5rem 0;\n  color: var(--mj-text-primary);\n}\n\n.greeting-subtitle[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\n.suggested-prompts[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.prompt-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.prompt-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.25rem;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.prompt-card[_ngcontent-%COMP%]:hover:not(.disabled) {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-brand-primary);\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.prompt-card.disabled[_ngcontent-%COMP%] {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.prompt-icon[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 8px;\n  font-size: 1.2rem;\n}\n\n.prompt-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 0.95rem;\n  color: var(--mj-text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.prompt-text[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n\n.message-input-wrapper[_ngcontent-%COMP%] {\n  margin: 0;\n  width: 100%;\n}\n\n\n.composer-extra[_ngcontent-%COMP%] {\n  margin-bottom: 0.5rem;\n}\n\n\n.tips-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 0.75rem 0 0;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.tip-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n}\n.tip-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 24px;\n  text-align: center;\n  color: var(--mj-brand-primary);\n  opacity: 0.7;\n}\n.tip-item[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n\n.conversation-empty-state.overlay-mode[_ngcontent-%COMP%] {\n  padding: 1rem;\n  align-items: center;\n  justify-content: center;\n}\n\n.overlay-mode[_ngcontent-%COMP%]   .empty-state-container[_ngcontent-%COMP%] {\n  gap: 0.75rem;\n  max-width: 100%;\n  justify-content: center;\n}\n\n.overlay-greeting[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 1rem 0 0;\n}\n\n.overlay-greeting-text[_ngcontent-%COMP%] {\n  font-size: 1.1rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}\n\n.overlay-mode[_ngcontent-%COMP%]   .message-input-wrapper[_ngcontent-%COMP%] {\n  margin: 0.5rem 0;\n}\n\n\n\n@media (max-height: 820px) {\n  .conversation-empty-state[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n  .empty-state-container[_ngcontent-%COMP%] {\n    gap: 0.75rem;\n  }\n  .greeting-section[_ngcontent-%COMP%] {\n    padding: 0;\n  }\n  .greeting-icon[_ngcontent-%COMP%] {\n    margin-bottom: 0.25rem;\n  }\n  .greeting-icon[_ngcontent-%COMP%]   .fa-3x[_ngcontent-%COMP%] {\n    font-size: 2em;\n  }\n  .greeting-title[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n  }\n  .tips-section[_ngcontent-%COMP%] {\n    padding: 0.5rem 0 0;\n  }\n}\n\n\n@media (max-width: 768px) {\n  .empty-state-container[_ngcontent-%COMP%] {\n    gap: 0.75rem;\n  }\n  .greeting-section[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon[_ngcontent-%COMP%] {\n    font-size: 1.5rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n  }\n  .greeting-subtitle[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    padding: 0 0.5rem;\n  }\n  .prompt-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5rem;\n  }\n  .prompt-card[_ngcontent-%COMP%] {\n    padding: 0.5rem;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  .prompt-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  .prompt-title[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n  }\n  .prompt-text[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper[_ngcontent-%COMP%] {\n    margin: 0.5rem 0;\n  }\n  .tips-section[_ngcontent-%COMP%] {\n    display: none;\n  }\n  .loading-content[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n  .loading-message[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .empty-state-container[_ngcontent-%COMP%] {\n    gap: 0.5rem;\n  }\n  .greeting-section[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon[_ngcontent-%COMP%] {\n    font-size: 1.25rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title[_ngcontent-%COMP%] {\n    font-size: 1rem;\n  }\n  .greeting-subtitle[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    padding: 0 0.25rem;\n  }\n  .prompt-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.4rem;\n  }\n  .prompt-card[_ngcontent-%COMP%] {\n    padding: 0.4rem;\n    flex-direction: column;\n    gap: 0.4rem;\n  }\n  .prompt-icon[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    font-size: 0.75rem;\n    border-radius: 4px;\n  }\n  .prompt-title[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n  }\n  .prompt-text[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper[_ngcontent-%COMP%] {\n    margin: 0.4rem 0;\n  }\n  .tips-section[_ngcontent-%COMP%] {\n    display: none;\n  }\n  .loading-content[_ngcontent-%COMP%] {\n    padding: 1rem;\n  }\n  .loading-message[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConversationEmptyStateComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-conversation-empty-state', template: "<div class=\"conversation-empty-state\" [class.overlay-mode]=\"overlayMode\">\n  <!-- Loading Overlay -->\n  @if (disabled) {\n    <div class=\"loading-overlay\">\n      <mj-loading text=\"Creating your conversation...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  <div class=\"empty-state-container\" [class.loading]=\"disabled\">\n    <!-- Greeting Header (hidden in overlay mode) -->\n    @if (!overlayMode) {\n      <div class=\"greeting-section\">\n        <div class=\"greeting-icon\">\n          <i class=\"fa-solid fa-comments fa-3x\"></i>\n        </div>\n        <h1 class=\"greeting-title\">Welcome to Conversations</h1>\n        <p class=\"greeting-subtitle\">\n          Start a new conversation by typing a message below, or choose a suggested prompt to get started.\n        </p>\n      </div>\n    }\n\n    <!-- Suggested Prompts (hidden in overlay mode) -->\n    @if (showSuggestedPrompts && suggestedPrompts.length > 0) {\n      <div class=\"suggested-prompts\">\n        <div class=\"prompt-grid\">\n          @for (prompt of suggestedPrompts; track prompt) {\n            <div\n              class=\"prompt-card\"\n              (click)=\"onSuggestedPromptClicked(prompt.prompt)\"\n              [class.disabled]=\"disabled\"\n              >\n              <div class=\"prompt-icon\">\n                <i class=\"{{prompt.icon}}\"></i>\n              </div>\n              <div class=\"prompt-content\">\n                <div class=\"prompt-title\">{{prompt.title}}</div>\n                <div class=\"prompt-text\">{{prompt.prompt}}</div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Compact greeting for overlay mode -->\n    @if (overlayMode) {\n      <div class=\"overlay-greeting\">\n        <p class=\"overlay-greeting-text\">{{ greeting }}</p>\n      </div>\n    }\n\n    <!-- Message Input (using full mj-message-input in empty state mode) -->\n    <div class=\"message-input-wrapper\">\n      <mj-message-input\n        [initialDraft]=\"initialDraft\"\n        (initialDraftApplied)=\"initialDraftApplied.emit()\"\n        (DraftStateChanged)=\"DraftStateChanged.emit($event)\"\n        (ComposerBlurred)=\"ComposerBlurred.emit()\"\n        [placeholder]=\"overlayMode ? 'Type a message...' : 'Type your message to start a new conversation...'\"\n        [disabled]=\"disabled\"\n        [currentUser]=\"currentUser\"\n        [emptyStateMode]=\"true\"\n        [enableMentions]=\"enableMentions\"\n        [enableAgentMentions]=\"enableAgentMentions\"\n        [enableEntityMentions]=\"enableEntityMentions\"\n        [enableSkillCommands]=\"enableSkillCommands\"\n        [enableAttachments]=\"enableAttachments\"\n        [maxAttachments]=\"maxAttachments\"\n        [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n        [acceptedFileTypes]=\"acceptedFileTypes\"\n        (emptyStateSubmit)=\"onEmptyStateSubmit($event)\">\n      </mj-message-input>\n    </div>\n\n    <!-- Footer Tips (hidden in overlay mode) -->\n    @if (!overlayMode) {\n      <div class=\"tips-section\">\n        @if (enableMentions) {\n          <div class=\"tip-item\">\n            <i class=\"fa-solid fa-at\"></i>\n            <span>Use <strong>&#64;AgentName</strong> to directly invoke a specific agent</span>\n          </div>\n        }\n        <div class=\"tip-item\">\n          <i class=\"fa-solid fa-keyboard\"></i>\n          <span>Press <strong>Enter</strong> to send, <strong>Shift+Enter</strong> for new line</span>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host {\n  display: flex;\n  flex: 1;\n  height: 100%;\n  min-height: 0;\n}\n\n.conversation-empty-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  padding: 2rem;\n  overflow-y: auto;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .conversation-empty-state {\n    align-items: flex-start;\n    padding: 1rem 0.75rem;\n  }\n}\n\n.loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  animation: fadeIn 0.2s ease-in;\n}\n\n.loading-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  padding: 2rem;\n  background: var(--mj-bg-surface-card);\n  border-radius: 12px;\n  box-shadow: 0 4px 20px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.loading-content i {\n  color: var(--mj-brand-primary);\n}\n\n.loading-message {\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  margin: 0;\n}\n\n.empty-state-container {\n  max-width: 800px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  animation: fadeIn 0.3s ease-in;\n  transition: opacity 0.2s ease;\n}\n.empty-state-container.loading {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n/* Greeting Section */\n.greeting-section {\n  text-align: center;\n  padding: 0.5rem 0;\n}\n\n.greeting-icon {\n  color: var(--mj-brand-primary);\n  margin-bottom: 0.5rem;\n  opacity: 0.8;\n}\n\n.greeting-title {\n  font-size: 2rem;\n  font-weight: 600;\n  margin: 0 0 0.5rem 0;\n  color: var(--mj-text-primary);\n}\n\n.greeting-subtitle {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n  line-height: 1.5;\n}\n\n/* Suggested Prompts */\n.suggested-prompts {\n  margin: 0;\n}\n\n.prompt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.prompt-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.25rem;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.prompt-card:hover:not(.disabled) {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-brand-primary);\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.prompt-card.disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.prompt-icon {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 8px;\n  font-size: 1.2rem;\n}\n\n.prompt-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-title {\n  font-weight: 600;\n  font-size: 0.95rem;\n  color: var(--mj-text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.prompt-text {\n  font-size: 0.85rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n/* Message Input Wrapper */\n.message-input-wrapper {\n  margin: 0;\n  width: 100%;\n}\n\n/* Tips Section */\n.tips-section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 0.75rem 0 0;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.tip-item {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n}\n.tip-item i {\n  flex-shrink: 0;\n  width: 24px;\n  text-align: center;\n  color: var(--mj-brand-primary);\n  opacity: 0.7;\n}\n.tip-item strong {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n/* Overlay Mode \u2014 compact layout for floating chat widget */\n.conversation-empty-state.overlay-mode {\n  padding: 1rem;\n  align-items: center;\n  justify-content: center;\n}\n\n.overlay-mode .empty-state-container {\n  gap: 0.75rem;\n  max-width: 100%;\n  justify-content: center;\n}\n\n.overlay-greeting {\n  text-align: center;\n  padding: 1rem 0 0;\n}\n\n.overlay-greeting-text {\n  font-size: 1.1rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}\n\n.overlay-mode .message-input-wrapper {\n  margin: 0.5rem 0;\n}\n\n/* Short-viewport fallback \u2014 keep the welcome screen scroll-free when the\n   available height is reduced (browser chrome, app header, smaller laptops). */\n@media (max-height: 820px) {\n  .conversation-empty-state {\n    padding: 1rem;\n  }\n  .empty-state-container {\n    gap: 0.75rem;\n  }\n  .greeting-section {\n    padding: 0;\n  }\n  .greeting-icon {\n    margin-bottom: 0.25rem;\n  }\n  .greeting-icon .fa-3x {\n    font-size: 2em;\n  }\n  .greeting-title {\n    font-size: 1.5rem;\n  }\n  .tips-section {\n    padding: 0.5rem 0 0;\n  }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .empty-state-container {\n    gap: 0.75rem;\n  }\n  .greeting-section {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon {\n    font-size: 1.5rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title {\n    font-size: 1.1rem;\n  }\n  .greeting-subtitle {\n    font-size: 0.75rem;\n    padding: 0 0.5rem;\n  }\n  .prompt-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5rem;\n  }\n  .prompt-card {\n    padding: 0.5rem;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  .prompt-icon {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  .prompt-title {\n    font-size: 0.75rem;\n  }\n  .prompt-text {\n    font-size: 0.7rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper {\n    margin: 0.5rem 0;\n  }\n  .tips-section {\n    display: none;\n  }\n  .loading-content {\n    padding: 1rem;\n  }\n  .loading-message {\n    font-size: 0.85rem;\n  }\n}\n/* Small Phone adjustments */\n@media (max-width: 480px) {\n  .empty-state-container {\n    gap: 0.5rem;\n  }\n  .greeting-section {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon {\n    font-size: 1.25rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title {\n    font-size: 1rem;\n  }\n  .greeting-subtitle {\n    font-size: 0.7rem;\n    padding: 0 0.25rem;\n  }\n  .prompt-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.4rem;\n  }\n  .prompt-card {\n    padding: 0.4rem;\n    flex-direction: column;\n    gap: 0.4rem;\n  }\n  .prompt-icon {\n    width: 24px;\n    height: 24px;\n    font-size: 0.75rem;\n    border-radius: 4px;\n  }\n  .prompt-title {\n    font-size: 0.7rem;\n  }\n  .prompt-text {\n    font-size: 0.65rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper {\n    margin: 0.4rem 0;\n  }\n  .tips-section {\n    display: none;\n  }\n  .loading-content {\n    padding: 1rem;\n  }\n  .loading-message {\n    font-size: 0.8rem;\n  }\n}\n"] }]
-    }], () => [], { currentUser: [{
+        args: [{ standalone: false, selector: 'mj-conversation-empty-state', template: "<div class=\"conversation-empty-state\" [class.overlay-mode]=\"overlayMode\">\n  <!-- Loading Overlay -->\n  @if (disabled) {\n    <div class=\"loading-overlay\">\n      <mj-loading text=\"Creating your conversation...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  <div class=\"empty-state-container\" [class.loading]=\"disabled\">\n    <!-- Greeting Header (hidden in overlay mode) -->\n    @if (!overlayMode) {\n      <div class=\"greeting-section\">\n        <div class=\"greeting-icon\">\n          <i class=\"fa-solid fa-comments fa-3x\"></i>\n        </div>\n        <h1 class=\"greeting-title\">Welcome to Conversations</h1>\n        <p class=\"greeting-subtitle\">\n          Start a new conversation by typing a message below, or choose a suggested prompt to get started.\n        </p>\n      </div>\n    }\n\n    <!-- Suggested Prompts (hidden in overlay mode) -->\n    @if (showSuggestedPrompts && suggestedPrompts.length > 0) {\n      <div class=\"suggested-prompts\">\n        <div class=\"prompt-grid\">\n          @for (prompt of suggestedPrompts; track prompt) {\n            <div\n              class=\"prompt-card\"\n              (click)=\"onSuggestedPromptClicked(prompt.prompt)\"\n              [class.disabled]=\"disabled\"\n              >\n              <div class=\"prompt-icon\">\n                <i class=\"{{prompt.icon}}\"></i>\n              </div>\n              <div class=\"prompt-content\">\n                <div class=\"prompt-title\">{{prompt.title}}</div>\n                <div class=\"prompt-text\">{{prompt.prompt}}</div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Compact greeting for overlay mode -->\n    @if (overlayMode) {\n      <div class=\"overlay-greeting\">\n        <p class=\"overlay-greeting-text\">{{ greeting }}</p>\n      </div>\n    }\n\n    <!-- Message Input (using full mj-message-input in empty state mode) -->\n    <div class=\"message-input-wrapper\">\n      <!-- composerExtra slot \u2014 host UI directly above the composer (IMJChatComposerExtraContext). -->\n      @if (ComposerExtraTemplate) {\n        <div class=\"composer-extra\">\n          <ng-container *ngTemplateOutlet=\"ComposerExtraTemplate; context: {\n            $implicit: null,\n            ConversationId: null,\n            IsProcessing: disabled\n          }\"></ng-container>\n        </div>\n      }\n      <mj-message-input\n        [initialDraft]=\"initialDraft\"\n        (initialDraftApplied)=\"initialDraftApplied.emit()\"\n        (DraftStateChanged)=\"DraftStateChanged.emit($event)\"\n        (ComposerBlurred)=\"ComposerBlurred.emit()\"\n        [placeholder]=\"overlayMode ? 'Type a message...' : 'Type your message to start a new conversation...'\"\n        [disabled]=\"disabled\"\n        [currentUser]=\"currentUser\"\n        [emptyStateMode]=\"true\"\n        [enableMentions]=\"enableMentions\"\n        [enableAgentMentions]=\"enableAgentMentions\"\n        [enableEntityMentions]=\"enableEntityMentions\"\n        [enableSkillCommands]=\"enableSkillCommands\"\n        [AllowedAgentIDs]=\"AllowedAgentIDs\"\n        [MentionPeople]=\"MentionPeople\"\n        [enableAttachments]=\"enableAttachments\"\n        [maxAttachments]=\"maxAttachments\"\n        [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n        [acceptedFileTypes]=\"acceptedFileTypes\"\n        (emptyStateSubmit)=\"onEmptyStateSubmit($event)\">\n      </mj-message-input>\n    </div>\n\n    <!-- Footer Tips (hidden in overlay mode) -->\n    @if (!overlayMode) {\n      <div class=\"tips-section\">\n        @if (enableMentions) {\n          <div class=\"tip-item\">\n            <i class=\"fa-solid fa-at\"></i>\n            <span>Use <strong>&#64;AgentName</strong> to directly invoke a specific agent</span>\n          </div>\n        }\n        <div class=\"tip-item\">\n          <i class=\"fa-solid fa-keyboard\"></i>\n          <span>Press <strong>Enter</strong> to send, <strong>Shift+Enter</strong> for new line</span>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host {\n  display: flex;\n  flex: 1;\n  height: 100%;\n  min-height: 0;\n}\n\n.conversation-empty-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  width: 100%;\n  padding: 2rem;\n  overflow-y: auto;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .conversation-empty-state {\n    align-items: flex-start;\n    padding: 1rem 0.75rem;\n  }\n}\n\n.loading-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  backdrop-filter: blur(4px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  animation: fadeIn 0.2s ease-in;\n}\n\n.loading-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  padding: 2rem;\n  background: var(--mj-bg-surface-card);\n  border-radius: 12px;\n  box-shadow: 0 4px 20px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.loading-content i {\n  color: var(--mj-brand-primary);\n}\n\n.loading-message {\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  margin: 0;\n}\n\n.empty-state-container {\n  max-width: 800px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  animation: fadeIn 0.3s ease-in;\n  transition: opacity 0.2s ease;\n}\n.empty-state-container.loading {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n/* Greeting Section */\n.greeting-section {\n  text-align: center;\n  padding: 0.5rem 0;\n}\n\n.greeting-icon {\n  color: var(--mj-brand-primary);\n  margin-bottom: 0.5rem;\n  opacity: 0.8;\n}\n\n.greeting-title {\n  font-size: 2rem;\n  font-weight: 600;\n  margin: 0 0 0.5rem 0;\n  color: var(--mj-text-primary);\n}\n\n.greeting-subtitle {\n  font-size: 1rem;\n  color: var(--mj-text-secondary);\n  margin: 0;\n  line-height: 1.5;\n}\n\n/* Suggested Prompts */\n.suggested-prompts {\n  margin: 0;\n}\n\n.prompt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1rem;\n}\n\n.prompt-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.25rem;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n.prompt-card:hover:not(.disabled) {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-brand-primary);\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n}\n.prompt-card.disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.prompt-icon {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 8px;\n  font-size: 1.2rem;\n}\n\n.prompt-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.prompt-title {\n  font-weight: 600;\n  font-size: 0.95rem;\n  color: var(--mj-text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.prompt-text {\n  font-size: 0.85rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.4;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n/* Message Input Wrapper */\n.message-input-wrapper {\n  margin: 0;\n  width: 100%;\n}\n\n/* composerExtra slot: host UI directly above the composer. Spacing only; the host styles its content. */\n.composer-extra {\n  margin-bottom: 0.5rem;\n}\n\n/* Tips Section */\n.tips-section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 0.75rem 0 0;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.tip-item {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n}\n.tip-item i {\n  flex-shrink: 0;\n  width: 24px;\n  text-align: center;\n  color: var(--mj-brand-primary);\n  opacity: 0.7;\n}\n.tip-item strong {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n/* Overlay Mode \u2014 compact layout for floating chat widget */\n.conversation-empty-state.overlay-mode {\n  padding: 1rem;\n  align-items: center;\n  justify-content: center;\n}\n\n.overlay-mode .empty-state-container {\n  gap: 0.75rem;\n  max-width: 100%;\n  justify-content: center;\n}\n\n.overlay-greeting {\n  text-align: center;\n  padding: 1rem 0 0;\n}\n\n.overlay-greeting-text {\n  font-size: 1.1rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}\n\n.overlay-mode .message-input-wrapper {\n  margin: 0.5rem 0;\n}\n\n/* Short-viewport fallback \u2014 keep the welcome screen scroll-free when the\n   available height is reduced (browser chrome, app header, smaller laptops). */\n@media (max-height: 820px) {\n  .conversation-empty-state {\n    padding: 1rem;\n  }\n  .empty-state-container {\n    gap: 0.75rem;\n  }\n  .greeting-section {\n    padding: 0;\n  }\n  .greeting-icon {\n    margin-bottom: 0.25rem;\n  }\n  .greeting-icon .fa-3x {\n    font-size: 2em;\n  }\n  .greeting-title {\n    font-size: 1.5rem;\n  }\n  .tips-section {\n    padding: 0.5rem 0 0;\n  }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .empty-state-container {\n    gap: 0.75rem;\n  }\n  .greeting-section {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon {\n    font-size: 1.5rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title {\n    font-size: 1.1rem;\n  }\n  .greeting-subtitle {\n    font-size: 0.75rem;\n    padding: 0 0.5rem;\n  }\n  .prompt-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5rem;\n  }\n  .prompt-card {\n    padding: 0.5rem;\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  .prompt-icon {\n    width: 28px;\n    height: 28px;\n    font-size: 0.85rem;\n  }\n  .prompt-title {\n    font-size: 0.75rem;\n  }\n  .prompt-text {\n    font-size: 0.7rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper {\n    margin: 0.5rem 0;\n  }\n  .tips-section {\n    display: none;\n  }\n  .loading-content {\n    padding: 1rem;\n  }\n  .loading-message {\n    font-size: 0.85rem;\n  }\n}\n/* Small Phone adjustments */\n@media (max-width: 480px) {\n  .empty-state-container {\n    gap: 0.5rem;\n  }\n  .greeting-section {\n    padding: 0.25rem 0;\n  }\n  .greeting-icon {\n    font-size: 1.25rem;\n    margin-bottom: 0.25rem;\n  }\n  .greeting-title {\n    font-size: 1rem;\n  }\n  .greeting-subtitle {\n    font-size: 0.7rem;\n    padding: 0 0.25rem;\n  }\n  .prompt-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.4rem;\n  }\n  .prompt-card {\n    padding: 0.4rem;\n    flex-direction: column;\n    gap: 0.4rem;\n  }\n  .prompt-icon {\n    width: 24px;\n    height: 24px;\n    font-size: 0.75rem;\n    border-radius: 4px;\n  }\n  .prompt-title {\n    font-size: 0.7rem;\n  }\n  .prompt-text {\n    font-size: 0.65rem;\n    -webkit-line-clamp: 1;\n  }\n  .message-input-wrapper {\n    margin: 0.4rem 0;\n  }\n  .tips-section {\n    display: none;\n  }\n  .loading-content {\n    padding: 1rem;\n  }\n  .loading-message {\n    font-size: 0.8rem;\n  }\n}\n"] }]
+    }], () => [], { CurrentUser: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], Disabled: [{
             type: Input
         }], disabled: [{
             type: Input
+        }], ShowSidebarToggle: [{
+            type: Input
         }], showSidebarToggle: [{
             type: Input
+        }], EnableAttachments: [{
+            type: Input
         }], enableAttachments: [{
             type: Input
+        }], EnableMentions: [{
+            type: Input
         }], enableMentions: [{
             type: Input
+        }], EnableAgentMentions: [{
+            type: Input
         }], enableAgentMentions: [{
             type: Input
+        }], EnableEntityMentions: [{
+            type: Input
         }], enableEntityMentions: [{
             type: Input
+        }], EnableSkillCommands: [{
+            type: Input
         }], enableSkillCommands: [{
             type: Input
+        }], ShowSuggestedPrompts: [{
+            type: Input
         }], showSuggestedPrompts: [{
             type: Input
+        }], MaxAttachments: [{
+            type: Input
         }], maxAttachments: [{
             type: Input
+        }], MaxAttachmentSizeBytes: [{
+            type: Input
         }], maxAttachmentSizeBytes: [{
             type: Input
+        }], AcceptedFileTypes: [{
+            type: Input
         }], acceptedFileTypes: [{
             type: Input
+        }], Greeting: [{
+            type: Input
         }], greeting: [{
             type: Input
+        }], OverlayMode: [{
+            type: Input
         }], overlayMode: [{
             type: Input
+        }], AllowedAgentIDs: [{
+            type: Input
+        }], MentionPeople: [{
+            type: Input
+        }], ComposerExtraTemplate: [{
+            type: Input
         }], messageInput: [{
             type: ViewChild,
             args: [MessageInputComponent]
+        }], InitialDraft: [{
+            type: Input
         }], initialDraft: [{
             type: Input
+        }], InitialDraftApplied: [{
+            type: Output
         }], initialDraftApplied: [{
             type: Output
         }], DraftStateChanged: [{
             type: Output
         }], ComposerBlurred: [{
             type: Output
+        }], MessageSent: [{
+            type: Output
         }], messageSent: [{
             type: Output
+        }], SidebarToggleClicked: [{
+            type: Output
         }], sidebarToggleClicked: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationEmptyStateComponent, { className: "ConversationEmptyStateComponent", filePath: "src/lib/components/conversation/conversation-empty-state.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationEmptyStateComponent, { className: "ConversationEmptyStateComponent", filePath: "src/lib/components/conversation/conversation-empty-state.component.ts", lineNumber: 13 }); })();
 //# sourceMappingURL=conversation-empty-state.component.js.map