@memberjunction/ng-conversations 5.43.0 → 5.44.0

package/dist/lib/components/message/message-input.component.js

@@ -6,6 +6,7 @@ import { GraphQLDataProvider } from '@memberjunction/graphql-dataprovider';
 import { GenerateAndApplyConversationName } from '../../services/conversation-naming';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import { ConversationUtility } from '@memberjunction/ai-core-plus';
+import { PlanModePreference } from '../../utils/plan-mode-preference';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { BuildRealtimeConfigOverridesJson, FilterRealtimeCoAgents, LoadCoAgentPairings, PairingsAllowTarget } from '../../services/realtime-pairing';
 import { UUIDsEqual } from '@memberjunction/global';
@@ -21,12 +22,13 @@ import * as i8 from "../../services/mention-autocomplete.service";
 import * as i9 from "../../services/conversation-attachment.service";
 import * as i10 from "../../services/conversation-bridge.service";
 import * as i11 from "../../services/realtime-session.service";
-import * as i12 from "../realtime/realtime-agent-picker.component";
-import * as i13 from "./message-input-box.component";
+import * as i12 from "@angular/cdk/overlay";
+import * as i13 from "../realtime/realtime-agent-picker.component";
+import * as i14 from "./message-input-box.component";
 const _c0 = ["inputBox"];
-function MessageInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "i", 5);
+function MessageInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 6);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -35,10 +37,10 @@ function MessageInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.processingMessage);
 } }
-function MessageInputComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MessageInputComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-realtime-agent-picker", 6);
-    i0.ɵɵlistener("AgentPicked", function MessageInputComponent_Conditional_4_Template_mj_realtime_agent_picker_AgentPicked_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRealtimeAgentPicked($event)); })("Cancelled", function MessageInputComponent_Conditional_4_Template_mj_realtime_agent_picker_Cancelled_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRealtimeAgentPickerCancelled()); });
+    i0.ɵɵelementStart(0, "mj-realtime-agent-picker", 7);
+    i0.ɵɵlistener("AgentPicked", function MessageInputComponent_ng_template_5_Template_mj_realtime_agent_picker_AgentPicked_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRealtimeAgentPicked($event)); })("Cancelled", function MessageInputComponent_ng_template_5_Template_mj_realtime_agent_picker_Cancelled_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRealtimeAgentPickerCancelled()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -55,7 +57,7 @@ export class MessageInputComponent extends BaseAngularComponent {
     mentionAutocomplete;
     attachmentService;
     bridge;
-    voiceSession;
+    realtimeSession;
     // Default artifact type ID for JSON (when agent doesn't specify DefaultArtifactTypeID)
     JSON_ARTIFACT_TYPE_ID = 'ae674c7e-ea0d-49ea-89e4-0649f5eb20d4';
     conversationId;
@@ -74,6 +76,40 @@ export class MessageInputComponent extends BaseAngularComponent {
     agentRunsByDetailId; // Pre-loaded agent run data for performance
     emptyStateMode = false; // When true, emits emptyStateSubmit instead of creating messages directly
     appContext = null; // Application context for AI agent awareness
+    /**
+     * Plan Mode toggle state — sticky PER CONVERSATION, OFF by default (no behavior change unless
+     * the user turns it on). When on, the user's next message(s) in THIS conversation request Plan
+     * Mode: the routed root agent must present a plan for approval before executing Actions/
+     * Sub-Agents. The toggle is always shown and the server enforces the `AIAgent.SupportsPlanMode`
+     * capability — a plan-mode request to an agent that doesn't support it simply no-ops the gate
+     * (see resolvePlanModeGate), so we don't need to resolve "the current agent" client-side.
+     *
+     * IMPORTANT: this is a GETTER over {@link PlanModePreference} (UserInfoEngine-backed), NOT a
+     * local field. The composer is mounted in multiple places at once (empty-state, chat-area,
+     * thread panel) — a local boolean per instance goes stale the moment another instance toggles.
+     * On the new-conversation composer (no conversationId yet) the value lives in a pending bucket
+     * that transfers to the real conversation on its first message. Approving a plan turns the
+     * conversation's flag OFF automatically (see message-item's plan-decision handling).
+     */
+    get PlanModeEnabled() {
+        return PlanModePreference.IsEnabled(this.conversationId);
+    }
+    /**
+     * Skill IDs the user requested via `/skill-name` mentions in the message being routed. Collected
+     * once per send from the composer's mention chips and forwarded to every agent-invocation path so
+     * whichever agent handles the message receives them as `RequestedSkillIDs`. The server intersects
+     * them with the agent's accepted skills AND the user's Run permission before any activate, so a
+     * skill the user can't run (or the agent doesn't accept) is silently dropped. Reset each send.
+     */
+    _pendingRequestedSkillIDs = [];
+    /**
+     * Collects the skill IDs from `/skill` mention chips currently in the composer. Called at the
+     * start of routing so the value is stable for the whole message dispatch.
+     */
+    collectRequestedSkillIDs() {
+        const chipData = this.inputBox?.getMentionChipsData() || [];
+        return chipData.filter(chip => chip.type === 'skill').map(chip => chip.id);
+    }
     /**
      * Optional default agent ID for the conversation. When set, the FIRST
      * message routes directly to this agent — skipping Sage's default
@@ -124,6 +160,8 @@ export class MessageInputComponent extends BaseAngularComponent {
     _initialMessage = null;
     _initialAttachments = null;
     _isComponentReady = false; // Track if component is ready to send
+    /** Conversation this input has already auto-sent its pending first message for. */
+    _autoSentForConversationId = null;
     set initialMessage(value) {
         // Handle case where an object with {text, attachments} is passed instead of just a string
         // This can happen if there's a type mismatch in the binding chain
@@ -164,6 +202,13 @@ export class MessageInputComponent extends BaseAngularComponent {
         if (this.streamingService && value && value.length > 0) {
             this.reconnectInProgressMessages();
         }
+        else if (this.streamingService) {
+            // Empty/undefined — e.g. this input was backgrounded by a conversation swap
+            // ([] is bound to non-active inputs). Drop any streaming callbacks so a hidden
+            // input isn't left subscribed; reconnectInProgressMessages re-registers when it
+            // becomes active again with a non-empty list.
+            this.unregisterAllCallbacks();
+        }
     }
     get inProgressMessageIds() {
         return this._inProgressMessageIds;
@@ -191,16 +236,21 @@ export class MessageInputComponent extends BaseAngularComponent {
      * the underlying `processMessage` errored.
      */
     afterAgentTurn = new EventEmitter();
+    // conversationId is carried on every agent-lifecycle event so the parent chat-area can drop
+    // events emitted by a BACKGROUND conversation's (hidden, still-streaming) input after the user
+    // has swapped conversations — preventing cross-conversation state/cache bleed. Sourced from the
+    // ConversationDetail entity's ConversationID (the captured, immutable value), never this.conversationId.
     agentRunDetected = new EventEmitter();
     agentRunUpdate = new EventEmitter(); // Emits when agent run data updates during progress
     messageComplete = new EventEmitter(); // Emits when message completes (success or error)
     artifactCreated = new EventEmitter();
     conversationRenamed = new EventEmitter();
     intentCheckStarted = new EventEmitter(); // Emits when intent checking starts
-    intentCheckCompleted = new EventEmitter(); // Emits when intent checking completes
+    intentCheckCompleted = new EventEmitter(); // Emits when intent checking completes (carries conversationId so the parent can drop a background conversation's completion after a swap — symmetric with intentCheckStarted)
+    initialMessageAutoSendStarted = new EventEmitter(); // Emitted when this input latches the pending first message for auto-send
+    initialMessageAutoSendFailed = new EventEmitter(); // Emitted when a latched pending first message fails before messageSent
     emptyStateSubmit = new EventEmitter(); // Emitted when in emptyStateMode
     uploadStateChanged = new EventEmitter(); // Emits when attachment upload state changes
-    artifactPickerRequested = new EventEmitter(); // Emits when user clicks "Attach Artifact"
     inputBox;
     messageText = '';
     isSending = false;
@@ -216,7 +266,7 @@ export class MessageInputComponent extends BaseAngularComponent {
     // Track pending attachments from the input box
     pendingAttachments = [];
     engine = ConversationEngine.Instance;
-    constructor(dialogService, toastService, agentService, dataCache, activeTasks, streamingService, mentionParser, mentionAutocomplete, attachmentService, bridge, voiceSession) {
+    constructor(dialogService, toastService, agentService, dataCache, activeTasks, streamingService, mentionParser, mentionAutocomplete, attachmentService, bridge, realtimeSession) {
         super();
         this.dialogService = dialogService;
         this.toastService = toastService;
@@ -228,12 +278,12 @@ export class MessageInputComponent extends BaseAngularComponent {
         this.mentionAutocomplete = mentionAutocomplete;
         this.attachmentService = attachmentService;
         this.bridge = bridge;
-        this.voiceSession = voiceSession;
+        this.realtimeSession = realtimeSession;
     }
     // ── Voice session (Realtime Co-Agent) ───────────────────────────────
     /** True while a live voice session is active — drives the overlay + mic state. */
     voiceActive = false;
-    voiceActiveSub;
+    realtimeActiveSub;
     async ngOnInit() {
         // Bind provider-aware services to this component's provider.
         const p = this.ProviderToUse;
@@ -241,12 +291,15 @@ export class MessageInputComponent extends BaseAngularComponent {
         this.dataCache.Provider = p;
         this.activeTasks.Provider = p;
         this.attachmentService.Provider = p;
-        this.voiceSession.Provider = p;
+        this.realtimeSession.Provider = p;
         // Reflect the live voice-session Active flag into a local field for the template.
-        this.voiceActiveSub = this.voiceSession.Active$.subscribe(active => {
+        this.realtimeActiveSub = this.realtimeSession.Active$.subscribe(active => {
             this.voiceActive = active;
         });
         this.converationManagerAgent = await this.agentService.getConversationManagerAgent();
+        // Warm UserInfoEngine so the PlanModeEnabled getter has the cached settings available
+        // (no-op when already loaded; failure just leaves the toggle at its default OFF).
+        PlanModePreference.Warm();
         // Initialize mention autocomplete (needed for parsing mentions in messages)
         await this.mentionAutocomplete.initialize(this.currentUser);
         // Reconnect to any in-progress messages for streaming updates (via global streaming service)
@@ -276,22 +329,34 @@ export class MessageInputComponent extends BaseAngularComponent {
     triggerInitialSend() {
         const message = this._initialMessage;
         const attachments = this._initialAttachments;
+        const hasContent = !!message || !!(attachments && attachments.length > 0);
+        if (!hasContent || !this.conversationId || UUIDsEqual(this._autoSentForConversationId, this.conversationId)) {
+            return;
+        }
+        this._autoSentForConversationId = this.conversationId;
         // Set pending attachments before sending
         if (attachments && attachments.length > 0) {
             this.pendingAttachments = [...attachments];
         }
+        Promise.resolve().then(() => {
+            this.initialMessageAutoSendStarted.emit({ conversationId: this.conversationId });
+        });
         // Use setTimeout to ensure we're outside of change detection cycle
-        setTimeout(() => {
-            this.sendMessageWithText(message || '');
+        setTimeout(async () => {
+            const sent = await this.sendMessageWithText(message || '');
+            if (!sent) {
+                this._autoSentForConversationId = null;
+                this.initialMessageAutoSendFailed.emit({ conversationId: this.conversationId });
+            }
         }, 100);
     }
     ngOnDestroy() {
         // Unregister all streaming callbacks
         this.unregisterAllCallbacks();
-        this.voiceActiveSub?.unsubscribe();
+        this.realtimeActiveSub?.unsubscribe();
         // If the user navigates away mid-call, tear the session down.
-        if (this.voiceSession.IsActive) {
-            void this.voiceSession.EndVoiceSession();
+        if (this.realtimeSession.IsActive) {
+            void this.realtimeSession.EndRealtimeSession();
         }
     }
     /**
@@ -311,7 +376,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             ?? null;
     }
     /** True when the mic button should be enabled (have an agent + not disabled). */
-    get canStartVoice() {
+    get canStartRealtime() {
         return !this.disabled && !this.voiceActive && !!this.resolveCurrentAgentId();
     }
     /**
@@ -319,7 +384,7 @@ export class MessageInputComponent extends BaseAngularComponent {
      * owns the conversation's routing context) and passed to RealtimeSessionService at
      * session start so the chat-area-hosted overlay can read it from the service.
      */
-    resolveVoiceAgentName() {
+    resolveRealtimeAgentName() {
         const agentId = this.resolveCurrentAgentId();
         if (agentId) {
             const match = this.mentionAutocomplete
@@ -333,6 +398,17 @@ export class MessageInputComponent extends BaseAngularComponent {
     }
     /** True while the "Start a voice call with…" agent picker popover is open. */
     showRealtimeAgentPicker = false;
+    /**
+     * CDK connected-overlay positions for the voice agent picker. Preferred: open UPWARD,
+     * right edge aligned to the composer's right edge (matching the old absolute placement).
+     * Fallback: open downward when there isn't room above. Because the popover renders in the
+     * body-level CDK overlay container (with `cdkConnectedOverlayPush`), it escapes the chat
+     * overlay's `overflow: hidden` border and can never clip at the top of a narrow overlay.
+     */
+    pickerOverlayPositions = [
+        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -8 },
+        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 8 },
+    ];
     /**
      * `MJ: User Settings` key persisting the user's co-agent choice for realtime calls
      * (server-side, cross-device — never localStorage). Stored shape: `{"coAgentId":
@@ -346,7 +422,7 @@ export class MessageInputComponent extends BaseAngularComponent {
     voicePickerDefaultCoAgentId = null;
     /**
      * Agents the voice picker offers — the same cached set the @mention
-     * autocomplete and {@link resolveVoiceAgentName} use, so the picker can
+     * autocomplete and {@link resolveRealtimeAgentName} use, so the picker can
      * never offer an agent the conversation couldn't otherwise route to.
      */
     get voicePickerAgents() {
@@ -378,8 +454,8 @@ export class MessageInputComponent extends BaseAngularComponent {
      *   the user never chose — so show a compact agent picker instead and start
      *   with whichever agent they pick.
      */
-    async onStartVoice() {
-        if (!this.canStartVoice) {
+    async onStartRealtime() {
+        if (!this.canStartRealtime) {
             return;
         }
         // New/empty conversation (no prior agent turn): let the user choose who
@@ -395,7 +471,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             return;
         }
         const coAgentId = await this.resolveInstantCoAgentId(targetAgentId);
-        await this.startVoiceWithAgent(targetAgentId, this.resolveVoiceAgentName(), null, coAgentId);
+        await this.startRealtimeWithAgent(targetAgentId, this.resolveRealtimeAgentName(), null, coAgentId);
     }
     /**
      * Caret-next-to-the-phone click: open the agent/co-agent/model picker ON DEMAND, even
@@ -405,15 +481,15 @@ export class MessageInputComponent extends BaseAngularComponent {
      * choice one click away. Falls through to the instant path when there is nothing to
      * pick from.
      */
-    async onVoiceOptions() {
-        if (!this.canStartVoice) {
+    async onRealtimeOptions() {
+        if (!this.canStartRealtime) {
             return;
         }
         if (this.voicePickerAgents.length > 0) {
             await this.openRealtimeAgentPicker();
             return;
         }
-        void this.onStartVoice();
+        void this.onStartRealtime();
     }
     /** Loads the persisted co-agent preference, then shows the picker (pref preselected). */
     async openRealtimeAgentPicker() {
@@ -424,7 +500,7 @@ export class MessageInputComponent extends BaseAngularComponent {
     async onRealtimeAgentPicked(pick) {
         this.showRealtimeAgentPicker = false;
         this.persistCoAgentChoice(pick.CoAgentId);
-        await this.startVoiceWithAgent(pick.Agent.ID, pick.Agent.Name || this.resolveVoiceAgentName(), pick.PreferredModelId, pick.CoAgentId, BuildRealtimeConfigOverridesJson(pick.PreferredModelId, pick.PreferredVoice));
+        await this.startRealtimeWithAgent(pick.Agent.ID, pick.Agent.Name || this.resolveRealtimeAgentName(), pick.PreferredModelId, pick.CoAgentId, BuildRealtimeConfigOverridesJson(pick.PreferredModelId, pick.PreferredVoice), pick.RecordingConsent);
     }
     /**
      * Reads the persisted co-agent preference from `MJ: User Settings` (via
@@ -493,9 +569,13 @@ export class MessageInputComponent extends BaseAngularComponent {
      * passed here — the session service resolves the active channel plugins from the
      * `MJ: AI Agent Channels` registry and aggregates their tool sets at mint itself.
      */
-    async startVoiceWithAgent(agentId, agentName, preferredModelId, coAgentId, configOverridesJson) {
+    async startRealtimeWithAgent(agentId, agentName, preferredModelId, coAgentId, configOverridesJson, recordingConsent) {
         try {
-            await this.voiceSession.StartVoiceSession(agentId, this.conversationId, null, agentName, preferredModelId ?? null, null, coAgentId ?? null, configOverridesJson ?? null);
+            await this.realtimeSession.StartRealtimeSession(agentId, this.conversationId, null, agentName, preferredModelId ?? null, null, coAgentId ?? null, configOverridesJson ?? null, recordingConsent ?? null, null, 
+            // App awareness: the app the session runs in + the live app-context snapshot (where the
+            // user is, what they see, capability manifest) — drives the server-side app cascade + the
+            // mint-time prompt injection, and seeds the ClientContextChannel's streaming.
+            this.applicationId, this.appContext);
         }
         catch (error) {
             console.error('Failed to start voice session:', error);
@@ -613,12 +693,6 @@ export class MessageInputComponent extends BaseAngularComponent {
     onAttachmentError(error) {
         this.toastService.error(error);
     }
-    /**
-     * Handle artifact picker request — bubble up to parent
-     */
-    onArtifactPickerRequested() {
-        this.artifactPickerRequested.emit();
-    }
     /**
      * Handle text submitted from the input box
      */
@@ -698,6 +772,16 @@ export class MessageInputComponent extends BaseAngularComponent {
             this.isSending = false;
         }
     }
+    /**
+     * Toggle sticky Plan Mode for THIS conversation (or the pending-new bucket on the
+     * new-conversation composer). Writes through {@link PlanModePreference} — the
+     * {@link PlanModeEnabled} getter reads the same cached setting, so ALL live composer
+     * instances flip together, and the value survives component recreation and sessions
+     * until the user turns it off or approves a plan.
+     */
+    TogglePlanMode() {
+        PlanModePreference.Set(this.conversationId, !this.PlanModeEnabled);
+    }
     async onSend() {
         if (!this.canSend)
             return;
@@ -748,10 +832,10 @@ export class MessageInputComponent extends BaseAngularComponent {
         const hasText = text && text.trim().length > 0;
         const hasAttachments = merged.length > 0;
         if (!hasText && !hasAttachments) {
-            return;
+            return false;
         }
         if (this.isSending) {
-            return;
+            return false;
         }
         this.isSending = true;
         const attachmentsToSave = merged;
@@ -798,7 +882,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                             console.error('Failed to roll back conversation detail after attachment rejection:', rollbackErr);
                         }
                         this.isSending = false;
-                        return;
+                        return false;
                     }
                 }
                 // Clear pending attachments after successful send
@@ -812,13 +896,16 @@ export class MessageInputComponent extends BaseAngularComponent {
                 const mentionResult = this.parseMentionsFromMessage(detail.Message);
                 const isFirstMessage = this.conversationHistory.length === 0;
                 await this.routeMessage(detail, mentionResult, isFirstMessage);
+                return true;
             }
             else {
                 this.handleSendFailure(detail);
+                return false;
             }
         }
         catch (error) {
             this.handleSendError(error);
+            return false;
         }
         finally {
             this.isSending = false;
@@ -876,6 +963,21 @@ export class MessageInputComponent extends BaseAngularComponent {
      * default agent > Sage fallback.
      */
     async routeMessage(messageDetail, mentionResult, isFirstMessage) {
+        // A Plan Mode choice made on the new-conversation composer (no conversation yet) lives in a
+        // pending bucket — the FIRST routed message claims it onto the real conversation so the
+        // toggle carries across the empty-state → chat-area transition without bleeding into other
+        // conversations.
+        if (isFirstMessage && messageDetail.ConversationID) {
+            PlanModePreference.ClaimPendingNew(messageDetail.ConversationID);
+        }
+        // Snapshot user-requested skills once, before any routing branch, so every invocation path
+        // forwards the same set for this message. Derived from the SAVED MESSAGE TEXT via the shared
+        // MentionParser (`@{"type":"skill",…}` JSON mentions — same encoding as @agent/#entity), so the
+        // source of truth is the message itself, not composer DOM state. Chip-DOM read is the fallback
+        // for any path where the parsed result isn't available.
+        this._pendingRequestedSkillIDs = mentionResult.skillMentions?.length
+            ? mentionResult.skillMentions.map(m => m.id)
+            : this.collectRequestedSkillIDs();
         // Priority 1: Direct @mention
         if (mentionResult.agentMention) {
             await this.handleDirectMention(messageDetail, mentionResult.agentMention, isFirstMessage);
@@ -912,10 +1014,10 @@ export class MessageInputComponent extends BaseAngularComponent {
             if (sageConfigPreset) {
                 // User explicitly @mentioned Sage with a config - use the shared execution helper directly
                 // Pass the already-found config preset to avoid redundant history search
-                await this.executeRouteWithNaming(() => this.executeAgentContinuation(messageDetail, this.converationManagerAgent.ID, this.converationManagerAgent.Name || 'Sage', this.conversationId, null, // Sage doesn't use payload continuity
+                await this.executeRouteWithNaming(() => this.executeAgentContinuation(messageDetail, this.converationManagerAgent.ID, this.converationManagerAgent.Name || 'Sage', messageDetail.ConversationID, null, // Sage doesn't use payload continuity
                 null, // Sage doesn't use artifact info
                 sageConfigPreset // Pass the already-found config preset
-                ), messageDetail.Message, isFirstMessage);
+                ), messageDetail.Message, isFirstMessage, messageDetail.ConversationID);
                 return;
             }
         }
@@ -938,7 +1040,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         if (agentMention.configurationId) {
             //console.log(`🎯 Agent mention has configuration ID: ${agentMention.configurationId}`);
         }
-        await this.executeRouteWithNaming(() => this.invokeAgentDirectly(messageDetail, agentMention, this.conversationId), messageDetail.Message, isFirstMessage);
+        await this.executeRouteWithNaming(() => this.invokeAgentDirectly(messageDetail, agentMention, messageDetail.ConversationID), messageDetail.Message, isFirstMessage, messageDetail.ConversationID);
     }
     /**
      * Handles routing when there's a previous non-Sage agent in the conversation.
@@ -982,14 +1084,14 @@ export class MessageInputComponent extends BaseAngularComponent {
         //   );
         // }
         // Always continue with the previous agent — user can @mention another agent to switch.
-        await this.executeRouteWithNaming(() => this.continueWithAgent(messageDetail, lastAgentId, this.conversationId, undefined // artifact version targeting unavailable without intent check
-        ), messageDetail.Message, isFirstMessage);
+        await this.executeRouteWithNaming(() => this.continueWithAgent(messageDetail, lastAgentId, messageDetail.ConversationID, undefined // artifact version targeting unavailable without intent check
+        ), messageDetail.Message, isFirstMessage, messageDetail.ConversationID);
     }
     /**
      * Handles routing when there's no previous agent context
      */
     async handleNoAgentContext(messageDetail, mentionResult, isFirstMessage) {
-        await this.executeRouteWithNaming(() => this.processMessageThroughAgent(messageDetail, mentionResult), messageDetail.Message, isFirstMessage);
+        await this.executeRouteWithNaming(() => this.processMessageThroughAgent(messageDetail, mentionResult), messageDetail.Message, isFirstMessage, messageDetail.ConversationID);
     }
     /**
      * Finds the last agent ID that isn't Sage
@@ -1019,7 +1121,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             };
         }
         // Emit event to show temporary "Analyzing intent..." message in conversation
-        this.intentCheckStarted.emit();
+        this.intentCheckStarted.emit({ conversationId: this.conversationId });
         try {
             // Build context from pre-loaded maps (if available)
             if (!this.artifactsByDetailId || !this.agentRunsByDetailId) {
@@ -1038,7 +1140,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         }
         finally {
             // Emit event to remove temporary intent checking message
-            this.intentCheckCompleted.emit();
+            this.intentCheckCompleted.emit({ conversationId: this.conversationId });
         }
     }
     /**
@@ -1047,11 +1149,11 @@ export class MessageInputComponent extends BaseAngularComponent {
      * IMPORTANT: Conversation naming runs asynchronously in the background and does NOT
      * block the agent invocation. This prevents UI blocking if naming times out.
      */
-    async executeRouteWithNaming(routeFunction, userMessage, isFirstMessage) {
+    async executeRouteWithNaming(routeFunction, userMessage, isFirstMessage, conversationId) {
         if (isFirstMessage) {
             // Fire conversation naming in background (don't await)
             // This prevents 2+ minute UI blocking if naming times out
-            this.nameConversation(userMessage);
+            this.nameConversation(userMessage, conversationId);
             // Execute route immediately (don't wait for naming)
             await routeFunction();
         }
@@ -1126,6 +1228,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                     // This contains live timestamps, status, and other fields that change during execution
                     if (progressAgentRun || progressAgentRunId) {
                         this.agentRunUpdate.emit({
+                            conversationId: conversationDetail.ConversationID,
                             conversationDetailId: conversationDetail.ID,
                             agentRun: progressAgentRun,
                             agentRunId: progressAgentRunId
@@ -1135,6 +1238,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                         // Fallback: If we don't have the full object but have the ID, emit agentRunDetected
                         // This will trigger a database query to load the agent run
                         this.agentRunDetected.emit({
+                            conversationId: conversationDetail.ConversationID,
                             conversationDetailId: conversationDetail.ID,
                             agentRunId: progressAgentRunId
                         });
@@ -1184,7 +1288,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 status: 'Evaluating message...',
                 relatedMessageId: userMessage.ID,
                 conversationDetailId: conversationManagerMessage.ID,
-                conversationId: this.conversationId,
+                conversationId,
                 conversationName: this.conversationName
             });
             // ── PR 2c follow-up: Before/After cancelable event wiring ──
@@ -1206,7 +1310,8 @@ export class MessageInputComponent extends BaseAngularComponent {
                 }
                 return;
             }
-            const result = await this.agentService.processMessage(conversationId, userMessage, this.conversationHistory, conversationManagerMessage.ID, this.createProgressCallback(conversationManagerMessage, 'Sage'), this.appContext);
+            const result = await this.agentService.processMessage(conversationId, userMessage, this.conversationHistory, conversationManagerMessage.ID, this.createProgressCallback(conversationManagerMessage, 'Sage'), this.appContext, this.PlanModeEnabled, // per-request Plan Mode toggle
+            this._pendingRequestedSkillIDs);
             // Emit afterAgentTurn on the happy path only — the error/failure branch
             // immediately below handles its own cleanup and skips this emit.
             if (result && result.success) {
@@ -1228,7 +1333,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             }
             // Stage 2: Check for task graph (multi-step orchestration)
             if (result.payload?.taskGraph) {
-                await this.handleTaskGraphExecution(userMessage, result, this.conversationId, conversationManagerMessage);
+                await this.handleTaskGraphExecution(userMessage, result, conversationId, conversationManagerMessage);
                 // Remove CM from active tasks
                 if (taskId) {
                     // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
@@ -1237,7 +1342,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             // Stage 3: Check for sub-agent invocation (single-step delegation)
             else if (result.agentRun.FinalStep === 'Success' && result.payload?.invokeAgent) {
                 // Reuse the existing conversationManagerMessage instead of creating new ones
-                await this.handleSubAgentInvocation(userMessage, result, this.conversationId, conversationManagerMessage);
+                await this.handleSubAgentInvocation(userMessage, result, conversationId, conversationManagerMessage);
                 // Remove CM from active tasks
                 if (taskId) {
                     // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
@@ -1252,13 +1357,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 // Handle artifacts if any (but NOT task graphs - those are intermediate work products)
                 // Server already created artifacts - just emit event to trigger UI reload
                 if (result.payload && Object.keys(result.payload).length > 0) {
-                    this.artifactCreated.emit({
-                        artifactId: '',
-                        versionId: '',
-                        versionNumber: 0,
-                        conversationDetailId: conversationManagerMessage.ID,
-                        name: ''
-                    });
+                    this.emitArtifactReload(conversationManagerMessage);
                     this.messageSent.emit(conversationManagerMessage);
                 }
                 await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
@@ -1290,7 +1389,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                     // use update helper to ensure that if there is a race condition with more streaming updates we don't allow that to override this final message
                     await this.updateConversationDetail(conversationManagerMessage, conversationManagerMessage.Message, 'Complete', result);
                     this.messageSent.emit(conversationManagerMessage);
-                    await this.handleSilentObservation(userMessage, this.conversationId);
+                    await this.handleSilentObservation(userMessage, conversationId);
                     // Clean up completion timestamp after delay
                     this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
                 }
@@ -1418,13 +1517,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             // Trigger artifact reload for this message
             // Artifacts were created on server during task execution and linked to this message
             // This event triggers the parent component to reload artifacts from the database
-            this.artifactCreated.emit({
-                artifactId: '', // Placeholder - reload will fetch actual artifacts from DB
-                versionId: '',
-                versionNumber: 1,
-                conversationDetailId: taskExecutionMessage.ID,
-                name: ''
-            });
+            this.emitArtifactReload(taskExecutionMessage);
             // Unregister streaming callback (task complete)
             const callback = this.registeredCallbacks.get(taskExecutionMessage.ID);
             if (callback) {
@@ -1441,13 +1534,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             taskExecutionMessage.Error = String(error);
             await this.updateConversationDetail(taskExecutionMessage, `❌ **${workflowName}** - Error: ${String(error)}`, 'Error');
             // Trigger artifact reload even on error - partial artifacts may have been created
-            this.artifactCreated.emit({
-                artifactId: '',
-                versionId: '',
-                versionNumber: 1,
-                conversationDetailId: taskExecutionMessage.ID,
-                name: ''
-            });
+            this.emitArtifactReload(taskExecutionMessage);
             // Unregister streaming callback (task failed)
             const callback = this.registeredCallbacks.get(taskExecutionMessage.ID);
             if (callback) {
@@ -1592,7 +1679,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 status: 'Starting...',
                 relatedMessageId: userMessage.ID,
                 conversationDetailId: agentResponseMessage.ID,
-                conversationId: this.conversationId,
+                conversationId,
                 conversationName: this.conversationName
             });
             // Load previous payload if agent has been invoked before
@@ -1604,7 +1691,9 @@ export class MessageInputComponent extends BaseAngularComponent {
             // Invoke agent with merged payload
             const agentResult = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.conversationHistory, task.description || task.name, agentResponseMessage.ID, mergedPayload, // Pass merged payload for continuity
             this.createProgressCallback(agentResponseMessage, agentName), artifactInfo?.artifactId, artifactInfo?.versionId, undefined, // configurationPresetId not used in this path
-            this.appContext);
+            this.appContext, // Embedder-supplied app/form context
+            this.PlanModeEnabled, // per-request Plan Mode toggle
+            this._pendingRequestedSkillIDs);
             // Task will be removed automatically in markMessageComplete() when status changes to Complete/Error
             // DO NOT remove here - allows UI to show task during entire execution
             if (agentResult && agentResult.success) {
@@ -1612,13 +1701,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 await this.updateConversationDetail(agentResponseMessage, agentResult.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', agentResult);
                 // Server created artifacts - emit event to trigger UI reload
                 if (agentResult.payload && Object.keys(agentResult.payload).length > 0) {
-                    this.artifactCreated.emit({
-                        artifactId: '',
-                        versionId: '',
-                        versionNumber: 0,
-                        conversationDetailId: agentResponseMessage.ID,
-                        name: ''
-                    });
+                    this.emitArtifactReload(agentResponseMessage);
                     console.log('🎨 Server created artifact from single task execution');
                     this.messageSent.emit(agentResponseMessage);
                 }
@@ -1670,7 +1753,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 status: 'Starting...',
                 relatedMessageId: userMessage.ID,
                 conversationDetailId: agentResponseMessage.ID,
-                conversationId: this.conversationId,
+                conversationId,
                 conversationName: this.conversationName
             });
             // Load previous payload if agent has been invoked before
@@ -1684,7 +1767,9 @@ export class MessageInputComponent extends BaseAngularComponent {
             // Invoke the sub-agent with progress callback
             const subResult = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.conversationHistory, reasoning, agentResponseMessage.ID, previousPayload, // Pass previous payload for continuity
             this.createProgressCallback(agentResponseMessage, agentName), artifactInfo?.artifactId, artifactInfo?.versionId, configurationPresetId, // Pass configuration from previous @mention for continuity
-            this.appContext);
+            this.appContext, // Embedder-supplied app/form context
+            this.PlanModeEnabled, // per-request Plan Mode toggle
+            this._pendingRequestedSkillIDs);
             // Task will be removed automatically in markMessageComplete() when status changes to Complete/Error
             // DO NOT remove here - allows UI to show task during entire execution
             if (subResult && subResult.success) {
@@ -1697,13 +1782,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 // Always emit artifactCreated to trigger UI reload — the server may have created
                 // artifacts even when the result payload is empty (e.g., remote stage server).
                 // onArtifactCreated will reload from DB and discover any artifacts that exist.
-                this.artifactCreated.emit({
-                    artifactId: '',
-                    versionId: '',
-                    versionNumber: 0,
-                    conversationDetailId: agentResponseMessage.ID,
-                    name: ''
-                });
+                this.emitArtifactReload(agentResponseMessage);
                 this.messageSent.emit(agentResponseMessage);
                 // Mark user message as complete
                 await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
@@ -1717,7 +1796,9 @@ export class MessageInputComponent extends BaseAngularComponent {
                 // Retry the sub-agent (reuse previously loaded payload and config from first attempt)
                 const retryResult = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.conversationHistory, reasoning, agentResponseMessage.ID, previousPayload, // Pass same payload as first attempt
                 this.createProgressCallback(agentResponseMessage, `${agentName} (retry)`), artifactInfo?.artifactId, artifactInfo?.versionId, configurationPresetId, // Pass same config as first attempt
-                this.appContext);
+                this.appContext, // Embedder-supplied app/form context
+                this.PlanModeEnabled, // per-request Plan Mode toggle
+                this._pendingRequestedSkillIDs);
                 if (retryResult && retryResult.success) {
                     // Retry succeeded - update the same message
                     if (retryResult.agentRun.AgentID) {
@@ -1725,13 +1806,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                     }
                     await this.updateConversationDetail(agentResponseMessage, retryResult.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', retryResult);
                     // Always emit artifactCreated to trigger UI reload (same as initial attempt)
-                    this.artifactCreated.emit({
-                        artifactId: '',
-                        versionId: '',
-                        versionNumber: 0,
-                        conversationDetailId: agentResponseMessage.ID,
-                        name: ''
-                    });
+                    this.emitArtifactReload(agentResponseMessage);
                     this.messageSent.emit(agentResponseMessage);
                     await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
                 }
@@ -1820,13 +1895,15 @@ export class MessageInputComponent extends BaseAngularComponent {
             status: 'Processing refinement...',
             relatedMessageId: userMessage.ID,
             conversationDetailId: statusMessage.ID,
-            conversationId: this.conversationId,
+            conversationId,
             conversationName: this.conversationName
         });
         try {
             // Invoke the agent with the previous payload
             const continuityResult = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.conversationHistory, 'Continuing previous work based on user feedback', statusMessage.ID, previousPayload, this.createProgressCallback(statusMessage, agentName), previousArtifactInfo?.artifactId, previousArtifactInfo?.versionId, undefined, // configurationPresetId not used in this path
-            this.appContext);
+            this.appContext, // Embedder-supplied app/form context
+            this.PlanModeEnabled, // per-request Plan Mode toggle
+            this._pendingRequestedSkillIDs);
             // Remove from active tasks
             // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
             if (continuityResult && continuityResult.success) {
@@ -1843,13 +1920,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 this.messageSent.emit(agentResponseMessage);
                 // Server created artifacts (handles versioning automatically) - emit event to trigger UI reload
                 if (continuityResult.payload && Object.keys(continuityResult.payload).length > 0) {
-                    this.artifactCreated.emit({
-                        artifactId: '',
-                        versionId: '',
-                        versionNumber: 0,
-                        conversationDetailId: agentResponseMessage.ID,
-                        name: ''
-                    });
+                    this.emitArtifactReload(agentResponseMessage);
                     console.log('🎨 Server created artifact (versioned) from agent continuity');
                     this.messageSent.emit(agentResponseMessage);
                 }
@@ -1883,7 +1954,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             status: 'Processing...',
             relatedMessageId: userMessage.ID,
             conversationDetailId: userMessage.ID,
-            conversationId: this.conversationId,
+            conversationId,
             conversationName: this.conversationName
         });
         // Declare agentResponseMessage outside try block so it's accessible in catch
@@ -1918,7 +1989,9 @@ export class MessageInputComponent extends BaseAngularComponent {
             // Invoke the agent directly
             const result = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.conversationHistory, `User mentioned agent directly with @${agentName}`, agentResponseMessage.ID, previousPayload, // Pass previous payload for continuity
             this.createProgressCallback(agentResponseMessage, agentName), artifactInfo?.artifactId, artifactInfo?.versionId, agentMention.configurationId, // Pass configuration preset ID
-            this.appContext);
+            this.appContext, // Embedder-supplied app/form context
+            this.PlanModeEnabled, // per-request Plan Mode toggle
+            this._pendingRequestedSkillIDs);
             // Remove from active tasks
             // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
             if (result && result.success) {
@@ -1941,13 +2014,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                     await this.updateConversationDetail(agentResponseMessage, result.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', result);
                     // Server created artifacts - emit event to trigger UI reload
                     if (result.payload && Object.keys(result.payload).length > 0) {
-                        this.artifactCreated.emit({
-                            artifactId: '',
-                            versionId: '',
-                            versionNumber: 0,
-                            conversationDetailId: agentResponseMessage.ID,
-                            name: ''
-                        });
+                        this.emitArtifactReload(agentResponseMessage);
                         this.messageSent.emit(agentResponseMessage);
                     }
                     // Mark user message as complete
@@ -1983,7 +2050,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         const agent = AIEngineBase.Instance.Agents.find(a => UUIDsEqual(a.ID, agentId));
         if (!agent) {
             console.warn('⚠️ Could not load agent for continuation - falling back to Sage');
-            await this.processMessageThroughAgent(userMessage, { mentions: [], agentMention: null, userMentions: [], entityMentions: [] });
+            await this.processMessageThroughAgent(userMessage, { mentions: [], agentMention: null, userMentions: [], entityMentions: [], skillMentions: [] });
             return;
         }
         const agentName = agent.Name || 'Agent';
@@ -2115,7 +2182,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             status: 'Processing...',
             relatedMessageId: userMessage.ID,
             conversationDetailId: userMessage.ID,
-            conversationId: this.conversationId,
+            conversationId,
             conversationName: this.conversationName
         });
         // Declare agentResponseMessage outside try block so it's accessible in catch
@@ -2145,7 +2212,9 @@ export class MessageInputComponent extends BaseAngularComponent {
             // `processMessage`.
             const result = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.conversationHistory, 'Continuing previous conversation with user', agentResponseMessage.ID, previousPayload, // Pass previous OUTPUT artifact payload for continuity
             this.createProgressCallback(agentResponseMessage, agentName), previousArtifactInfo?.artifactId, previousArtifactInfo?.versionId, configurationId, // Pass configuration for continuity
-            this.appContext);
+            this.appContext, // Embedder-supplied app/form context
+            this.PlanModeEnabled, // per-request Plan Mode toggle
+            this._pendingRequestedSkillIDs);
             // Remove from active tasks
             // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
             if (result && result.success) {
@@ -2153,13 +2222,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 await this.updateConversationDetail(agentResponseMessage, result.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', result);
                 // Server created artifacts (handles versioning) - emit event to trigger UI reload
                 if (result.payload && Object.keys(result.payload).length > 0) {
-                    this.artifactCreated.emit({
-                        artifactId: '',
-                        versionId: '',
-                        versionNumber: 0,
-                        conversationDetailId: agentResponseMessage.ID,
-                        name: ''
-                    });
+                    this.emitArtifactReload(agentResponseMessage);
                     this.messageSent.emit(agentResponseMessage);
                 }
                 // Mark user message as complete
@@ -2189,11 +2252,13 @@ export class MessageInputComponent extends BaseAngularComponent {
      * session path uses. This wrapper keeps the composer-specific concerns local:
      * mention stripping and the sidebar rename animation event.
      */
-    async nameConversation(message) {
+    async nameConversation(message, conversationId) {
         // Convert message to plain text (strips JSON-encoded mentions like @{"id":"...","name":"Sage"} to @Sage)
         const plainTextMessage = this.mentionParser.toPlainText(message, this.mentionAutocomplete.getAvailableAgents(), this.mentionAutocomplete.getAvailableUsers());
+        // Use the captured conversationId (not this.conversationId): naming runs fire-and-forget
+        // in the background, so the user may have swapped conversations before it resolves.
         const result = await GenerateAndApplyConversationName({
-            ConversationId: this.conversationId,
+            ConversationId: conversationId,
             MessageText: plainTextMessage,
             Provider: this.ProviderToUse,
             CurrentUser: this.currentUser
@@ -2201,7 +2266,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         if (result) {
             // Emit event for animation in conversation list
             this.conversationRenamed.emit({
-                conversationId: this.conversationId,
+                conversationId,
                 name: result.Name,
                 description: result.Description
             });
@@ -2245,10 +2310,28 @@ export class MessageInputComponent extends BaseAngularComponent {
         }
         // Emit completion event to parent so it can refresh agent run data
         this.messageComplete.emit({
+            conversationId: conversationDetail.ConversationID,
             conversationDetailId: conversationDetail.ID,
             agentId: conversationDetail.AgentID || undefined
         });
     }
+    /**
+     * Emit an artifact-reload signal for {@link detail}. The artifact metadata fields are
+     * placeholders — the parent reloads the real artifacts from the DB; the only fields it
+     * consumes are conversationDetailId and conversationId (the latter lets it drop events from
+     * a background conversation after a conversation swap). conversationId is taken from the
+     * detail entity's immutable ConversationID, never this.conversationId.
+     */
+    emitArtifactReload(detail) {
+        this.artifactCreated.emit({
+            conversationId: detail.ConversationID,
+            artifactId: '',
+            versionId: '',
+            versionNumber: 0,
+            conversationDetailId: detail.ID,
+            name: ''
+        });
+    }
     /**
      * Cleans up completion timestamps for completed messages (prevents memory leak)
      */
@@ -2264,29 +2347,31 @@ export class MessageInputComponent extends BaseAngularComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputBox = _t.first);
-        } }, inputs: { conversationId: "conversationId", conversationName: "conversationName", currentUser: "currentUser", disabled: "disabled", placeholder: "placeholder", parentMessageId: "parentMessageId", enableAttachments: "enableAttachments", enableMentions: "enableMentions", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", artifactsByDetailId: "artifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", emptyStateMode: "emptyStateMode", appContext: "appContext", defaultAgentId: "defaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", agentConfigurationPresetId: "agentConfigurationPresetId", initialMessage: "initialMessage", initialAttachments: "initialAttachments", conversationHistory: "conversationHistory", inProgressMessageIds: "inProgressMessageIds", applicationId: "applicationId" }, outputs: { messageSent: "messageSent", agentResponse: "agentResponse", beforeAgentTurn: "beforeAgentTurn", afterAgentTurn: "afterAgentTurn", agentRunDetected: "agentRunDetected", agentRunUpdate: "agentRunUpdate", messageComplete: "messageComplete", artifactCreated: "artifactCreated", conversationRenamed: "conversationRenamed", intentCheckStarted: "intentCheckStarted", intentCheckCompleted: "intentCheckCompleted", emptyStateSubmit: "emptyStateSubmit", uploadStateChanged: "uploadStateChanged", artifactPickerRequested: "artifactPickerRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 16, consts: [["inputBox", ""], [1, "message-input-wrapper"], [1, "processing-indicator"], [3, "valueChange", "textSubmitted", "attachmentsChanged", "attachmentError", "artifactPickerRequested", "voiceRequested", "voiceOptionsRequested", "placeholder", "disabled", "showCharacterCount", "enableMentions", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "rows", "enableVoice", "voiceActive", "canStartVoice", "value"], [3, "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"], [1, "fas", "fa-circle-notch", "fa-spin"], [3, "AgentPicked", "Cancelled", "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { conversationId: "conversationId", conversationName: "conversationName", currentUser: "currentUser", disabled: "disabled", placeholder: "placeholder", parentMessageId: "parentMessageId", enableAttachments: "enableAttachments", enableMentions: "enableMentions", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", artifactsByDetailId: "artifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", emptyStateMode: "emptyStateMode", appContext: "appContext", defaultAgentId: "defaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", agentConfigurationPresetId: "agentConfigurationPresetId", initialMessage: "initialMessage", initialAttachments: "initialAttachments", conversationHistory: "conversationHistory", inProgressMessageIds: "inProgressMessageIds", applicationId: "applicationId" }, outputs: { messageSent: "messageSent", agentResponse: "agentResponse", beforeAgentTurn: "beforeAgentTurn", afterAgentTurn: "afterAgentTurn", agentRunDetected: "agentRunDetected", agentRunUpdate: "agentRunUpdate", messageComplete: "messageComplete", artifactCreated: "artifactCreated", conversationRenamed: "conversationRenamed", intentCheckStarted: "intentCheckStarted", intentCheckCompleted: "intentCheckCompleted", initialMessageAutoSendStarted: "initialMessageAutoSendStarted", initialMessageAutoSendFailed: "initialMessageAutoSendFailed", emptyStateSubmit: "emptyStateSubmit", uploadStateChanged: "uploadStateChanged" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 22, consts: [["pickerOrigin", "cdkOverlayOrigin"], ["inputBox", ""], ["cdkOverlayOrigin", "", 1, "message-input-wrapper"], [1, "processing-indicator"], [3, "valueChange", "textSubmitted", "attachmentsChanged", "attachmentError", "voiceRequested", "voiceOptionsRequested", "planModeToggle", "placeholder", "disabled", "showCharacterCount", "enableMentions", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "rows", "enableRealtime", "voiceActive", "canStartRealtime", "enablePlanMode", "planModeActive", "value"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPush", "cdkConnectedOverlayHasBackdrop"], [1, "fas", "fa-circle-notch", "fa-spin"], [3, "AgentPicked", "Cancelled", "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵconditionalCreate(1, MessageInputComponent_Conditional_1_Template, 4, 1, "div", 2);
-            i0.ɵɵelementStart(2, "mj-message-input-box", 3, 0);
-            i0.ɵɵtwoWayListener("valueChange", function MessageInputComponent_Template_mj_message_input_box_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.messageText, $event) || (ctx.messageText = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("textSubmitted", function MessageInputComponent_Template_mj_message_input_box_textSubmitted_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTextSubmitted($event)); })("attachmentsChanged", function MessageInputComponent_Template_mj_message_input_box_attachmentsChanged_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentsChanged($event)); })("attachmentError", function MessageInputComponent_Template_mj_message_input_box_attachmentError_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentError($event)); })("artifactPickerRequested", function MessageInputComponent_Template_mj_message_input_box_artifactPickerRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onArtifactPickerRequested()); })("voiceRequested", function MessageInputComponent_Template_mj_message_input_box_voiceRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onStartVoice()); })("voiceOptionsRequested", function MessageInputComponent_Template_mj_message_input_box_voiceOptionsRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onVoiceOptions()); });
+            i0.ɵɵelementStart(0, "div", 2, 0);
+            i0.ɵɵconditionalCreate(2, MessageInputComponent_Conditional_2_Template, 4, 1, "div", 3);
+            i0.ɵɵelementStart(3, "mj-message-input-box", 4, 1);
+            i0.ɵɵtwoWayListener("valueChange", function MessageInputComponent_Template_mj_message_input_box_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.messageText, $event) || (ctx.messageText = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵlistener("textSubmitted", function MessageInputComponent_Template_mj_message_input_box_textSubmitted_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTextSubmitted($event)); })("attachmentsChanged", function MessageInputComponent_Template_mj_message_input_box_attachmentsChanged_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentsChanged($event)); })("attachmentError", function MessageInputComponent_Template_mj_message_input_box_attachmentError_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentError($event)); })("voiceRequested", function MessageInputComponent_Template_mj_message_input_box_voiceRequested_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onStartRealtime()); })("voiceOptionsRequested", function MessageInputComponent_Template_mj_message_input_box_voiceOptionsRequested_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onRealtimeOptions()); })("planModeToggle", function MessageInputComponent_Template_mj_message_input_box_planModeToggle_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.TogglePlanMode()); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(4, MessageInputComponent_Conditional_4_Template, 1, 5, "mj-realtime-agent-picker", 4);
+            i0.ɵɵtemplate(5, MessageInputComponent_ng_template_5_Template, 1, 5, "ng-template", 5);
+            i0.ɵɵlistener("backdropClick", function MessageInputComponent_Template_ng_template_backdropClick_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onRealtimeAgentPickerCancelled()); })("detach", function MessageInputComponent_Template_ng_template_detach_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onRealtimeAgentPickerCancelled()); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
+            const pickerOrigin_r4 = i0.ɵɵreference(1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isProcessing ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isProcessing ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled || ctx.isProcessing)("showCharacterCount", false)("enableMentions", ctx.enableMentions)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes)("currentUser", ctx.currentUser)("rows", 3)("enableVoice", true)("voiceActive", ctx.voiceActive)("canStartVoice", ctx.canStartVoice);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled || ctx.isProcessing)("showCharacterCount", false)("enableMentions", ctx.enableMentions)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes)("currentUser", ctx.currentUser)("rows", 3)("enableRealtime", true)("voiceActive", ctx.voiceActive)("canStartRealtime", ctx.canStartRealtime)("enablePlanMode", true)("planModeActive", ctx.PlanModeEnabled);
             i0.ɵɵtwoWayProperty("value", ctx.messageText);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.showRealtimeAgentPicker ? 4 : -1);
-        } }, dependencies: [i12.RealtimeAgentPickerComponent, i13.MessageInputBoxComponent], styles: [".message-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n\n.processing-indicator[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}"] });
+            i0.ɵɵproperty("cdkConnectedOverlayOrigin", pickerOrigin_r4)("cdkConnectedOverlayOpen", ctx.showRealtimeAgentPicker)("cdkConnectedOverlayPositions", ctx.pickerOverlayPositions)("cdkConnectedOverlayPush", true)("cdkConnectedOverlayHasBackdrop", true);
+        } }, dependencies: [i12.CdkConnectedOverlay, i12.CdkOverlayOrigin, i13.RealtimeAgentPickerComponent, i14.MessageInputBoxComponent], styles: [".message-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n\n\n\n\n\n.processing-indicator[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageInputComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-message-input', template: "<div class=\"message-input-wrapper\">\n  <!-- Processing Indicator Overlay -->\n  @if (isProcessing) {\n    <div class=\"processing-indicator\">\n      <i class=\"fas fa-circle-notch fa-spin\"></i>\n      <span>{{ processingMessage }}</span>\n    </div>\n  }\n\n  <!-- Message Input Box (mic button lives in its in-composer toolbar) -->\n  <mj-message-input-box\n    #inputBox\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled || isProcessing\"\n    [showCharacterCount]=\"false\"\n    [enableMentions]=\"enableMentions\"\n    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [rows]=\"3\"\n    [enableVoice]=\"true\"\n    [voiceActive]=\"voiceActive\"\n    [canStartVoice]=\"canStartVoice\"\n    [(value)]=\"messageText\"\n    (textSubmitted)=\"onTextSubmitted($event)\"\n    (attachmentsChanged)=\"onAttachmentsChanged($event)\"\n    (attachmentError)=\"onAttachmentError($event)\"\n    (artifactPickerRequested)=\"onArtifactPickerRequested()\"\n    (voiceRequested)=\"onStartVoice()\"\n    (voiceOptionsRequested)=\"onVoiceOptions()\">\n  </mj-message-input-box>\n\n  <!-- Voice agent/co-agent/model picker \u2014 shown when starting a call on a conversation\n       with NO prior agent participation, or on demand via the caret next to the phone\n       button (any conversation). Anchored above the composer. -->\n  @if (showRealtimeAgentPicker) {\n    <mj-realtime-agent-picker\n      [Provider]=\"Provider\"\n      [Agents]=\"voicePickerAgents\"\n      [DefaultAgentId]=\"voicePickerDefaultAgentId\"\n      [CoAgents]=\"voicePickerCoAgents\"\n      [DefaultCoAgentId]=\"voicePickerDefaultCoAgentId\"\n      (AgentPicked)=\"onRealtimeAgentPicked($event)\"\n      (Cancelled)=\"onRealtimeAgentPickerCancelled()\">\n    </mj-realtime-agent-picker>\n  }\n</div>\n\n<!-- The voice \"call mode\" overlay is hosted by <mj-conversation-chat-area> (it fills the\n     whole conversation panel in place); this component only owns the trigger wiring. -->\n", styles: [".message-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.processing-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator i {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator span {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-message-input', template: "<div class=\"message-input-wrapper\" cdkOverlayOrigin #pickerOrigin=\"cdkOverlayOrigin\">\n  <!-- Processing Indicator Overlay -->\n  @if (isProcessing) {\n    <div class=\"processing-indicator\">\n      <i class=\"fas fa-circle-notch fa-spin\"></i>\n      <span>{{ processingMessage }}</span>\n    </div>\n  }\n\n  <!-- Message Input Box (mic + Plan Mode buttons live in its in-composer toolbar) -->\n  <mj-message-input-box\n    #inputBox\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled || isProcessing\"\n    [showCharacterCount]=\"false\"\n    [enableMentions]=\"enableMentions\"\n    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [rows]=\"3\"\n    [enableRealtime]=\"true\"\n    [voiceActive]=\"voiceActive\"\n    [canStartRealtime]=\"canStartRealtime\"\n    [enablePlanMode]=\"true\"\n    [planModeActive]=\"PlanModeEnabled\"\n    [(value)]=\"messageText\"\n    (textSubmitted)=\"onTextSubmitted($event)\"\n    (attachmentsChanged)=\"onAttachmentsChanged($event)\"\n    (attachmentError)=\"onAttachmentError($event)\"\n    (voiceRequested)=\"onStartRealtime()\"\n    (voiceOptionsRequested)=\"onRealtimeOptions()\"\n    (planModeToggle)=\"TogglePlanMode()\">\n  </mj-message-input-box>\n\n  <!-- Voice agent/co-agent/model picker \u2014 shown when starting a call on a conversation\n       with NO prior agent participation, or on demand via the caret next to the phone\n       button (any conversation). Rendered in a body-level CDK overlay anchored above the\n       composer so it POPS OUT of the chat overlay's clipping border instead of being cut\n       off at the top of a narrow (~390px) overlay. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"pickerOrigin\"\n    [cdkConnectedOverlayOpen]=\"showRealtimeAgentPicker\"\n    [cdkConnectedOverlayPositions]=\"pickerOverlayPositions\"\n    [cdkConnectedOverlayPush]=\"true\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"onRealtimeAgentPickerCancelled()\"\n    (detach)=\"onRealtimeAgentPickerCancelled()\">\n    <mj-realtime-agent-picker\n      [Provider]=\"Provider\"\n      [Agents]=\"voicePickerAgents\"\n      [DefaultAgentId]=\"voicePickerDefaultAgentId\"\n      [CoAgents]=\"voicePickerCoAgents\"\n      [DefaultCoAgentId]=\"voicePickerDefaultCoAgentId\"\n      (AgentPicked)=\"onRealtimeAgentPicked($event)\"\n      (Cancelled)=\"onRealtimeAgentPickerCancelled()\">\n    </mj-realtime-agent-picker>\n  </ng-template>\n</div>\n\n<!-- The voice \"call mode\" overlay is hosted by <mj-conversation-chat-area> (it fills the\n     whole conversation panel in place); this component only owns the trigger wiring. -->\n", styles: [".message-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n/* Plan Mode moved into the in-composer toolbar (message-input-box) as a toggle icon button\n   next to the attachment/voice buttons \u2014 see .plan-mode-button-icon there. */\n\n.processing-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator i {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator span {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}\n"] }]
     }], () => [{ type: i1.DialogService }, { type: i2.ToastService }, { type: i3.ConversationAgentService }, { type: i4.DataCacheService }, { type: i5.ActiveTasksService }, { type: i6.ConversationStreamingService }, { type: i7.MentionParserService }, { type: i8.MentionAutocompleteService }, { type: i9.ConversationAttachmentService }, { type: i10.ConversationBridgeService }, { type: i11.RealtimeSessionService }], { conversationId: [{
             type: Input
         }], conversationName: [{
@@ -2357,15 +2442,17 @@ export class MessageInputComponent extends BaseAngularComponent {
             type: Output
         }], intentCheckCompleted: [{
             type: Output
+        }], initialMessageAutoSendStarted: [{
+            type: Output
+        }], initialMessageAutoSendFailed: [{
+            type: Output
         }], emptyStateSubmit: [{
             type: Output
         }], uploadStateChanged: [{
             type: Output
-        }], artifactPickerRequested: [{
-            type: Output
         }], inputBox: [{
             type: ViewChild,
             args: ['inputBox']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageInputComponent, { className: "MessageInputComponent", filePath: "src/lib/components/message/message-input.component.ts", lineNumber: 43 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageInputComponent, { className: "MessageInputComponent", filePath: "src/lib/components/message/message-input.component.ts", lineNumber: 45 }); })();
 //# sourceMappingURL=message-input.component.js.map