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

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

@@ -1,20 +1,21 @@
 import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { LogStatusEx } from '@memberjunction/core';
-import { MJEnvironmentEntityExtended, ConversationEngine, UserInfoEngine, TaskGraphSubmitOperation } from '@memberjunction/core-entities';
+import { ConversationEngine, UserInfoEngine } from '@memberjunction/core-entities';
 import { BeforeAgentTurnEventArgs, AfterAgentTurnEventArgs } from '../../events/chat-events';
-import { ResolveAgentTurn, FindDisallowedTaskGraphAgents } from '../../utils/agent-turn-routing';
+import { IsAddressedToHuman, ResolveAgentTurn, FindContinuityAgentMessage } from '../../utils/agent-turn-routing';
+import { AgentAccentVar } from './agent-handoff-card.component';
 import { ApplyRoutingDecision, ArtifactVersionForTurn, RunRoutingDecision, ShouldRunRoutingDecision } from '../../utils/decision-routing';
 import { BuildRecentTurns, BuildRoutingArtifactVersions, CanAskRoutingDecision, CollectRoutingParticipants, IsAgentAllowed } from '@memberjunction/ai-core-plus';
 import { GenerateAndApplyConversationName } from '../../services/conversation-naming';
-import { AIEngineBase } from '@memberjunction/ai-engine-base';
-import { ConversationUtility, agentFailureDisposition, agentFailureMessage } from '@memberjunction/ai-core-plus';
+import { AIEngineBase, ResolveConversationAgentPreset } from '@memberjunction/ai-engine-base';
+import { ConversationUtility, agentFailureDisposition, agentFailureMessage, ContinuationAnnouncementText } from '@memberjunction/ai-core-plus';
 import { MentionAutocompleteService } from '../../services/mention-autocomplete.service';
 import { PlanModePreference } from '../../utils/plan-mode-preference';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { ConversationCallStartOptions } from '../realtime/capture/realtime-capture-channel';
 import { BuildRealtimeConfigOverridesJson, FilterRealtimeCoAgents, LoadCoAgentPairings, PairingsAllowTarget } from '../../services/realtime-pairing';
-import { UUIDsEqual } from '@memberjunction/global';
+import { IndexByUUID, UUIDSet, UUIDsEqual } from '@memberjunction/global';
 import { InjectFrameZone } from '../../util/frame-zone';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/dialog.service";
@@ -33,7 +34,7 @@ import * as i13 from "../composer/ai-composer.component";
 const _c0 = ["inputBox"];
 function MessageInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵelement(1, "i", 6);
+    i0.ɵɵelement(1, "i", 7);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -42,10 +43,39 @@ function MessageInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.processingMessage);
 } }
-function MessageInputComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+function MessageInputComponent_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    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(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRealtimeAgentPicked($event)); })("Cancelled", function MessageInputComponent_ng_template_5_Template_mj_realtime_agent_picker_Cancelled_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRealtimeAgentPickerCancelled()); });
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵlistener("click", function MessageInputComponent_Conditional_3_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ReturnToSage()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Return to ", (ctx_r0.ConverationManagerAgent == null ? null : ctx_r0.ConverationManagerAgent.Name) || "Sage", " ");
+} }
+function MessageInputComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "span", 9);
+    i0.ɵɵelement(2, "span", 10);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Replying to ");
+    i0.ɵɵelementStart(5, "b");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(7, MessageInputComponent_Conditional_3_Conditional_7_Template, 2, 1, "button", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("--agent-accent", ctx_r0.CurrentRouteAccentVar);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r0.CurrentRouteAgentName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ShowReturnToSage ? 7 : -1);
+} }
+function MessageInputComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-realtime-agent-picker", 13);
+    i0.ɵɵlistener("AgentPicked", function MessageInputComponent_ng_template_6_Template_mj_realtime_agent_picker_AgentPicked_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRealtimeAgentPicked($event)); })("Cancelled", function MessageInputComponent_ng_template_6_Template_mj_realtime_agent_picker_Cancelled_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRealtimeAgentPickerCancelled()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -824,7 +854,7 @@ export class MessageInputComponent extends BaseAngularComponent {
      */
     async InsertAgentMention(agentName, focus = true, clearExisting = true) {
         if (!this.InputBox) {
-            console.log(`[Omnibar→Chat] InsertAgentMention('${agentName}'): input box not mounted yet — caller will retry`);
+            LogStatusEx({ message: `[Omnibar→Chat] InsertAgentMention('${agentName}'): input box not mounted yet — caller will retry`, verboseOnly: true });
             return false;
         }
         if (clearExisting) {
@@ -835,7 +865,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         }
         try {
             if (!this.mentionAutocomplete.IsInitialized && this.CurrentUser) {
-                console.log(`[Omnibar→Chat] InsertAgentMention('${agentName}'): initializing mention autocomplete…`);
+                LogStatusEx({ message: `[Omnibar→Chat] InsertAgentMention('${agentName}'): initializing mention autocomplete…`, verboseOnly: true });
                 await this.mentionAutocomplete.initialize(this.CurrentUser);
             }
             const wanted = agentName.trim().toLowerCase();
@@ -844,7 +874,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 .find(s => s.type === 'agent' && s.name.trim().toLowerCase() === wanted);
             if (suggestion) {
                 const inserted = this.InputBox.InsertMention(suggestion, focus);
-                console.log(`[Omnibar→Chat] InsertAgentMention('${agentName}'): resolved to pill (id=${suggestion.id}) — insert ${inserted ? 'OK' : 'FAILED (editor view not ready)'}`);
+                LogStatusEx({ message: `[Omnibar→Chat] InsertAgentMention('${agentName}'): resolved to pill (id=${suggestion.id}) — insert ${inserted ? 'OK' : 'FAILED (editor view not ready)'}`, verboseOnly: true });
                 if (inserted) {
                     if (focus) {
                         this.scheduleFocusReassert(agentName);
@@ -873,7 +903,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 const editor = this.InputBox?.mentionEditor;
                 if (editor && !editor.HasFocus) {
                     const ok = editor.FocusCaretAtEnd();
-                    console.log(`[Omnibar→Chat] focus re-assert (+${delay}ms) for '${context}': ${ok ? 'refocused' : 'editor gone'}`);
+                    LogStatusEx({ message: `[Omnibar→Chat] focus re-assert (+${delay}ms) for '${context}': ${ok ? 'refocused' : 'editor gone'}`, verboseOnly: true });
                 }
             }, delay);
         }
@@ -980,6 +1010,21 @@ export class MessageInputComponent extends BaseAngularComponent {
     // ── Voice session (Realtime Co-Agent) ───────────────────────────────
     /** True while a live voice session is active — drives the overlay + mic state. */
     VoiceActive = false;
+    /** True when THIS composer instance initiated the currently-open realtime call. */
+    startedRealtimeSession = false;
+    /**
+     * True when this composer owns active work or unsent attachments that would be
+     * disrupted or lost if the parent chat area unmounted this hidden instance.
+     */
+    get HasActiveWork() {
+        return Boolean(this.IsSending ||
+            this.IsProcessing ||
+            this.IsUploadingAttachments ||
+            (this.registeredCallbacks?.size ?? 0) > 0 ||
+            (this.inFlightWatches?.size ?? 0) > 0 ||
+            (this.pendingAttachments?.length ?? 0) > 0 ||
+            (this.ConversationId && this.realtimeSession?.IsActiveFor?.(this.ConversationId)));
+    }
     /** @deprecated Use {@link VoiceActive}. */
     get voiceActive() {
         return this.VoiceActive;
@@ -1000,6 +1045,9 @@ export class MessageInputComponent extends BaseAngularComponent {
         // Reflect the live voice-session Active flag into a local field for the template.
         this.realtimeActiveSub = this.realtimeSession.Active$.subscribe(active => {
             this.VoiceActive = active;
+            if (!active) {
+                this.startedRealtimeSession = false;
+            }
         });
         this.ConverationManagerAgent = await this.agentService.getConversationManagerAgent();
         // Warm UserInfoEngine so the PlanModeEnabled getter has the cached settings available
@@ -1072,8 +1120,15 @@ export class MessageInputComponent extends BaseAngularComponent {
         this.unregisterAllCallbacks();
         this.clearInFlightWatches();
         this.realtimeActiveSub?.unsubscribe();
-        // If the user navigates away mid-call, tear the session down.
-        if (this.realtimeSession.IsActive) {
+        // Only end a live voice session if THIS composer owns it — cached hidden composers
+        // for older conversations are unmounted on LRU eviction and must not hang up a
+        // minimized call running on another conversation (or one minted from the empty state).
+        const ownsActiveCall = this.ConversationId
+            ? Boolean(this.realtimeSession?.IsActiveFor?.(this.ConversationId))
+            : Boolean(this.startedRealtimeSession &&
+                this.realtimeSession?.IsActive &&
+                !this.realtimeSession.SessionCreatedConversationId);
+        if (ownsActiveCall) {
             void this.realtimeSession.EndRealtimeSession();
         }
     }
@@ -1113,6 +1168,104 @@ export class MessageInputComponent extends BaseAngularComponent {
     get pickerTargetAgentId() {
         return this.PickerTargetAgentId;
     }
+    _cachedRouteAgentKey;
+    _cachedRouteAgent = null;
+    /**
+     * Agent that will receive the next turn based on an explicit `@agent` draft chip
+     * or continuity / default routing ({@link PickerTargetAgentId}).
+     * Memoized by message count and routing inputs so template evaluation does not
+     * scan `ConversationHistory` on every change-detection cycle.
+     */
+    get CurrentRouteAgent() {
+        if (this.mentionedAgentId === undefined) {
+            const chips = this.InputBox?.getMentionChipsData() || [];
+            this.mentionedAgentId = chips.find(chip => chip.type === 'agent')?.id ?? null;
+        }
+        const history = this.ConversationHistory ?? [];
+        const lastRow = history.length > 0 ? history[history.length - 1] : null;
+        const manager = this.ConverationManagerAgent;
+        const floorMs = this.AgentHistoryFrom ? new Date(this.AgentHistoryFrom).getTime() : '';
+        const allowedKey = this.AllowedAgentIDs ? this.AllowedAgentIDs.join(',') : '';
+        const cacheKey = `${history.length}|${lastRow?.ID ?? ''}|${lastRow?.AgentID ?? ''}|${this.mentionedAgentId ?? ''}|${this.ConversationDefaultAgentId ?? ''}|${this.DefaultAgentId ?? ''}|${manager?.ID ?? ''}|${floorMs}|${allowedKey}`;
+        if (this._cachedRouteAgentKey === cacheKey) {
+            return this._cachedRouteAgent ?? null;
+        }
+        const targetId = this.PickerTargetAgentId;
+        let resolved = null;
+        if (!targetId) {
+            if (manager?.ID) {
+                resolved = { ID: manager.ID, Name: manager.Name || 'Sage', IsConversationManager: true };
+            }
+        }
+        else if (manager?.ID && UUIDsEqual(targetId, manager.ID)) {
+            resolved = { ID: manager.ID, Name: manager.Name || 'Sage', IsConversationManager: true };
+        }
+        else {
+            const found = AIEngineBase.Instance.ReadableAgents?.find(a => UUIDsEqual(a.ID, targetId));
+            if (found) {
+                resolved = { ID: found.ID, Name: found.Name || 'Agent', IsConversationManager: false };
+            }
+            else {
+                const chips = this.InputBox?.getMentionChipsData() || [];
+                const chipMatch = chips.find(c => c.type === 'agent' && UUIDsEqual(c.id, targetId));
+                if (chipMatch) {
+                    resolved = { ID: targetId, Name: chipMatch.name || 'Agent', IsConversationManager: false };
+                }
+                else {
+                    const lastReply = this.findLastNonSageReply();
+                    if (lastReply?.AgentID && UUIDsEqual(lastReply.AgentID, targetId)) {
+                        resolved = { ID: targetId, Name: lastReply.Agent || 'Agent', IsConversationManager: false };
+                    }
+                    else {
+                        resolved = { ID: targetId, Name: 'Agent', IsConversationManager: false };
+                    }
+                }
+            }
+        }
+        this._cachedRouteAgentKey = cacheKey;
+        this._cachedRouteAgent = resolved;
+        return resolved;
+    }
+    get CurrentRouteAgentName() {
+        return this.CurrentRouteAgent?.Name || this.ConverationManagerAgent?.Name || 'Sage';
+    }
+    get CurrentRouteAccentVar() {
+        return AgentAccentVar(this.CurrentRouteAgent?.ID);
+    }
+    get ShowReturnToSage() {
+        const route = this.CurrentRouteAgent;
+        return Boolean(!this.EmptyStateMode && route && !route.IsConversationManager && this.ConverationManagerAgent);
+    }
+    /**
+     * Inserts a `@Sage` mention chip into the composer (preserving any typed draft text)
+     * and focuses the editor so the next turn routes back to the conversation manager.
+     */
+    async ReturnToSage() {
+        const manager = this.ConverationManagerAgent;
+        if (!manager) {
+            return false;
+        }
+        const name = manager.Name || 'Sage';
+        if (this.InputBox) {
+            const inserted = this.InputBox.InsertMention({
+                id: manager.ID,
+                type: 'agent',
+                name,
+                displayName: name,
+                icon: manager.IconClass || undefined,
+                imageUrl: manager.LogoURL || undefined,
+            }, true);
+            if (inserted) {
+                this.mentionedAgentId = manager.ID;
+                return true;
+            }
+        }
+        const prefix = name.includes(' ') ? `@"${name}" ` : `@${name} `;
+        const existing = this.MessageText ?? '';
+        this.SetDraft(`${prefix}${existing}`, true);
+        this.mentionedAgentId = manager.ID;
+        return true;
+    }
     /**
      * Memo for the first `@agent` chip in the draft, so the template-bound
      * {@link pickerTargetAgentId} does not walk the editor DOM on every change-detection cycle.
@@ -1404,6 +1557,7 @@ export class MessageInputComponent extends BaseAngularComponent {
      */
     async startRealtimeWithAgent(agentId, agentName, preferredModelId, coAgentId, configOverridesJson, recordingConsent) {
         try {
+            this.startedRealtimeSession = true;
             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
@@ -1413,6 +1567,7 @@ export class MessageInputComponent extends BaseAngularComponent {
             { ...ConversationCallStartOptions(), ConversationBranchID: this.TargetBranchID });
         }
         catch (error) {
+            this.startedRealtimeSession = false;
             console.error('Failed to start voice session:', error);
             this.toastService.error('Could not start the voice session.');
         }
@@ -1515,13 +1670,13 @@ export class MessageInputComponent extends BaseAngularComponent {
                 }
                 // Skip if already complete or errored
                 if (message.Status === 'Complete' || message.Status === 'Error') {
-                    console.log(`[StreamingCallback] Message ${messageId} is ${message.Status}, ignoring progress update`);
+                    LogStatusEx({ message: `[StreamingCallback] Message ${messageId} is ${message.Status}, ignoring progress update`, verboseOnly: true });
                     return;
                 }
                 // Check if message was marked as completed (prevents race condition)
                 const completionTime = this.completionTimestamps.get(messageId);
                 if (completionTime) {
-                    console.log(`[StreamingCallback] Message ${messageId} marked complete at ${new Date(completionTime).toISOString()}, ignoring late progress update`);
+                    LogStatusEx({ message: `[StreamingCallback] Message ${messageId} marked complete at ${new Date(completionTime).toISOString()}, ignoring late progress update`, verboseOnly: true });
                     return;
                 }
                 // Streamed final-response content: the service accumulates deltas, so
@@ -1557,7 +1712,7 @@ export class MessageInputComponent extends BaseAngularComponent {
                 this.MessageSent.emit(message);
                 // CRITICAL: Update ActiveTasksService to keep the tasks dropdown in sync
                 this.activeTasks.updateStatusByConversationDetailId(message.ID, progress.message);
-                console.log(`[StreamingCallback] Updated message ${messageId}: ${progress.taskName || 'Agent'}`);
+                LogStatusEx({ message: `[StreamingCallback] Updated message ${messageId}: ${progress.taskName || 'Agent'}`, verboseOnly: true });
             }
             catch (error) {
                 console.error(`[StreamingCallback] Error updating message ${messageId}:`, error);
@@ -1572,7 +1727,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         if (this.registeredCallbacks.size === 0) {
             return;
         }
-        console.log(`🧹 Unregistering ${this.registeredCallbacks.size} message callbacks`);
+        LogStatusEx({ message: `🧹 Unregistering ${this.registeredCallbacks.size} message callbacks`, verboseOnly: true });
         for (const [messageId, callback] of this.registeredCallbacks) {
             this.streamingService.unregisterMessageCallback(messageId, callback);
         }
@@ -1910,18 +2065,6 @@ export class MessageInputComponent extends BaseAngularComponent {
             return undefined;
         }
     }
-    /**
-     * A new AI row of an agent turn: in `conversationId`, on the turn's branch `branchId` (null is
-     * Main), visible. The caller sets Message, ParentID, Status and AgentID, then saves it.
-     */
-    async createTurnRow(conversationId, branchId) {
-        const row = await this.dataCache.createConversationDetail(this.CurrentUser);
-        row.ConversationID = conversationId;
-        row.BranchID = branchId;
-        row.Role = 'AI';
-        row.HiddenToUser = false;
-        return row;
-    }
     /**
      * Creates and configures a new conversation detail message on `branchId` (null is Main)
      */
@@ -2012,11 +2155,13 @@ export class MessageInputComponent extends BaseAngularComponent {
         // Read the candidates before any await. This composer stays cached while the person opens
         // another conversation, and the chat area then rebinds its history and pinned agent, so a
         // read after the routing decision could see another conversation's state (or none).
-        const candidates = this.agentTurnCandidates(this.agentMentionIds(mentionResult));
+        const candidates = this.agentTurnCandidates(this.agentMentionIds(mentionResult), this.userMentionIds(mentionResult), messageDetail.ParentID ?? null, messageDetail.UserID ?? this.CurrentUser?.ID ?? null);
         const routing = await this.decideAgentRouting(messageDetail, candidates, branchId);
-        const target = this.resolveAgentTurnTarget(candidates, routing);
+        const appliedCandidates = ApplyRoutingDecision(candidates, routing);
+        const target = this.resolveAgentTurnTarget(appliedCandidates);
         if (!target) {
-            await this.finishWithoutAgentTurn(messageDetail, 'NoAgent');
+            const reason = IsAddressedToHuman(appliedCandidates) ? 'AddressedToHuman' : 'NoAgent';
+            await this.finishWithoutAgentTurn(messageDetail, reason);
             return;
         }
         const turn = this.announceAgentTurn(messageDetail, target);
@@ -2040,6 +2185,9 @@ export class MessageInputComponent extends BaseAngularComponent {
             Enabled: this.EnableDecisionRouting,
             ReplyMode: this.AgentReplyMode,
             MentionedAgentIds: candidates.MentionedAgentIds,
+            MentionedUserIds: candidates.MentionedUserIds,
+            ReplyParentAgentId: candidates.ReplyParentAgentId,
+            ReplyParentIsHuman: candidates.ReplyParentIsHuman,
             Message: message.Message ?? '',
             ContinuityAgentId: continuityAgentId
         });
@@ -2052,7 +2200,9 @@ export class MessageInputComponent extends BaseAngularComponent {
             if (!CanAskRoutingDecision(input)) {
                 return null;
             }
-            input.ArtifactVersions = await this.loadRoutingArtifactVersions(message.ConversationID, branchId, input.Participants);
+            input.ArtifactVersions = this.AgentReplyMode === 'Always'
+                ? await this.loadRoutingArtifactVersions(message.ConversationID, branchId, input.Participants)
+                : [];
             const outcome = await RunRoutingDecision(input, params => this.agentService.RunDecision(params));
             LogStatusEx({
                 message: `Decision routing: ${outcome.Verdict}, ${outcome.Reason} (prompt run ${outcome.PromptRunID ?? 'none'})`,
@@ -2070,29 +2220,79 @@ export class MessageInputComponent extends BaseAngularComponent {
      * have answered within the history floor, the last few turns, and the conversation manager.
      * Artifact versions are added after, once the input is known to be worth asking about.
      *
-     * Participants come only from the '@' list's agents (`GetAvailableAgents`): active, top-level,
-     * unrestricted agents this person has run permission for. An agent that answered here but that
-     * the person can't run (a shared conversation, a revoked permission) is never offered, so routing
-     * can't send the turn to an agent the server would refuse. Before that list has loaded there are
-     * no participants, so no call is made and the message keeps today's routing. Speaker names in
-     * the recent turns still come from the full catalog, since any agent may have spoken.
+     * Participants come only from the '@' list's agents (`GetAvailableAgents`) or restricted agents
+     * the host explicitly granted in `AllowedAgentIDs`. An agent that answered here but that the
+     * person can't run (a shared conversation, a revoked permission) is never offered, so routing
+     * can't send the turn to an agent the server would refuse.
      */
     buildRoutingDecisionInput(message, continuityAgentId) {
         const history = this.ConversationHistory.filter(row => this.isWithinHistoryFloor(row) && !UUIDsEqual(row.ID, message.ID));
         const findAgent = (agentId) => AIEngineBase.Instance.ReadableAgents.find(a => UUIDsEqual(a.ID, agentId));
-        const runnable = this.mentionAutocomplete.GetAvailableAgents();
-        const findRunnable = (agentId) => runnable.find(a => UUIDsEqual(a.ID, agentId));
+        const runnable = (this.mentionAutocomplete ?? MentionAutocompleteService.Instance).GetAvailableAgents();
+        const findRunnable = (agentId) => this.findRoutingRunnableAgent(agentId, runnable, findAgent);
+        const allowNoAgentOption = this.AgentReplyMode === 'MentionOnly';
+        const peopleById = this.MentionPeople?.length ? IndexByUUID(this.MentionPeople) : null;
+        const findPersonName = peopleById
+            ? (userId) => peopleById.Get(userId)?.Name
+            : undefined;
         const manager = this.ConverationManagerAgent;
+        const managerIdToExclude = this.AgentReplyMode === 'Always' ? (manager?.ID ?? null) : null;
         return {
             Message: message.Message ?? '',
             ContinuityAgentId: continuityAgentId,
-            Participants: CollectRoutingParticipants(history, manager?.ID ?? null, this.AllowedAgentIDs, findRunnable),
-            ConversationManager: manager?.ID && IsAgentAllowed(manager.ID, this.AllowedAgentIDs) ? manager : null,
-            RecentTurns: BuildRecentTurns(history, findAgent),
+            Participants: CollectRoutingParticipants(history, managerIdToExclude, this.AllowedAgentIDs, findRunnable),
+            ConversationManager: this.AgentReplyMode === 'Always' && manager?.ID && IsAgentAllowed(manager.ID, this.AllowedAgentIDs) ? manager : null,
+            RecentTurns: BuildRecentTurns(history, findAgent, findPersonName),
             ArtifactVersions: [],
-            AllowedAgentIDs: this.AllowedAgentIDs
+            AllowedAgentIDs: this.AllowedAgentIDs,
+            AllowNoAgentOption: allowNoAgentOption
         };
     }
+    findRoutingRunnableAgent(agentId, runnable, findAgent) {
+        const fromAutocomplete = runnable.find(a => UUIDsEqual(a.ID, agentId));
+        if (fromAutocomplete) {
+            return fromAutocomplete;
+        }
+        if (this.AllowedAgentIDs != null && IsAgentAllowed(agentId, this.AllowedAgentIDs)) {
+            const candidate = findAgent(agentId);
+            if (candidate && this.isRunnableRestrictedAgent(candidate)) {
+                return candidate;
+            }
+        }
+        return undefined;
+    }
+    /**
+     * True when a restricted agent (`IsRestricted`) passes the same runnability checks the '@' list
+     * (`MentionAutocomplete._initializeInternal`) applies to unrestricted agents: active, top-level,
+     * not a sub-agent, and runnable by the current user.
+     */
+    isRunnableRestrictedAgent(candidate) {
+        if (!candidate.IsRestricted || candidate.ParentID || candidate.Status !== 'Active' || candidate.InvocationMode === 'Sub-Agent') {
+            return false;
+        }
+        return this.canCurrentUserRunAgent(candidate);
+    }
+    canCurrentUserRunAgent(agent) {
+        const user = this.CurrentUser;
+        if (!user) {
+            return false;
+        }
+        if (UUIDsEqual(agent.OwnerUserID, user.ID)) {
+            return true;
+        }
+        try {
+            const agentPermissions = AIEngineBase.Instance.AgentPermissions.filter(p => UUIDsEqual(p.AgentID, agent.ID));
+            if (agentPermissions.length === 0) {
+                return true;
+            }
+            const userRoleIds = new UUIDSet(user.UserRoles?.map(ur => ur.RoleID) ?? []);
+            return agentPermissions.some(p => (UUIDsEqual(p.UserID, user.ID) || (p.RoleID != null && userRoleIds.Has(p.RoleID))) &&
+                (p.CanDelete === true || p.CanEdit === true || p.CanRun === true));
+        }
+        catch {
+            return false;
+        }
+    }
     /** Every participant's artifact versions on the path of `branchId` in this conversation, for the artifact question. */
     async loadRoutingArtifactVersions(conversationId, branchId, participants) {
         const artifactsByAgent = await Promise.all(participants.map(async (participant) => ({
@@ -2106,10 +2306,18 @@ export class MessageInputComponent extends BaseAngularComponent {
         return { ReplyMode: this.AgentReplyMode, AllowedAgentIDs: this.AllowedAgentIDs };
     }
     /** The agent each route would use for this conversation, before the host's rules apply. */
-    agentTurnCandidates(mentionedAgentIds) {
+    agentTurnCandidates(mentionedAgentIds, mentionedUserIds = [], parentId = null, senderUserId = this.CurrentUser?.ID ?? null) {
+        const parentRow = parentId
+            ? this.ConversationHistory.find(row => this.isWithinHistoryFloor(row) && UUIDsEqual(row.ID, parentId))
+            : undefined;
         return {
             MentionedAgentIds: mentionedAgentIds,
-            ContinuityAgentId: this.findLastNonSageAgentId(),
+            MentionedUserIds: mentionedUserIds,
+            ReplyParentAgentId: parentRow?.Role === 'AI' ? (parentRow.AgentID ?? null) : null,
+            ReplyParentIsHuman: parentRow?.Role === 'User' &&
+                !!parentRow.UserID &&
+                (!senderUserId || !UUIDsEqual(parentRow.UserID, senderUserId)),
+            ContinuityAgentId: this.AgentReplyMode === 'MentionOnly' ? this.findLastReplyAgentId() : this.findLastNonSageAgentId(),
             ConversationDefaultAgentId: this.ConversationDefaultAgentId,
             HostDefaultAgentId: this.DefaultAgentId,
             ConversationManagerAgentId: this.ConverationManagerAgent?.ID ?? null
@@ -2117,15 +2325,19 @@ export class MessageInputComponent extends BaseAngularComponent {
     }
     /**
      * Picks the agent that answers this message and the route that chose it, or null for no turn.
-     * A routing decision, when there was one, is applied to the candidates first.
      */
-    resolveAgentTurnTarget(candidates, routing) {
-        return ResolveAgentTurn(ApplyRoutingDecision(candidates, routing), this.agentTurnRules, agentId => this.isKnownAgent(agentId));
+    resolveAgentTurnTarget(candidates) {
+        return ResolveAgentTurn(candidates, this.agentTurnRules, agentId => this.isKnownAgent(agentId), agentId => this.isRunnableAgent(agentId));
     }
     /** The agents a message tags, in the order they appear. */
     agentMentionIds(mentionResult) {
         return mentionResult.mentions.filter(m => m.type === 'agent').map(m => m.id);
     }
+    /** The people a message tags (`@Person`), in the order they appear. */
+    userMentionIds(mentionResult) {
+        const fromMentions = mentionResult.mentions.filter(m => m.type === 'user').map(m => m.id);
+        return fromMentions.length > 0 ? fromMentions : (mentionResult.userMentions ?? []).map(m => m.id);
+    }
     /**
      * Fires {@link BeforeAgentTurn} for the turn routing picked — before any reply row exists —
      * and applies what its listeners decided. Returns the turn to run, or null when a listener
@@ -2149,9 +2361,9 @@ export class MessageInputComponent extends BaseAngularComponent {
         return { AgentId: redirectAgentId, Route: 'Redirect' };
     }
     /**
-     * Settles a message that starts no agent turn — `MentionOnly` with no tagged agent, no allowed
-     * agent left, or a turn declined in {@link BeforeAgentTurn}. Nothing new is written; the
-     * person's own row is only confirmed Complete.
+     * Settles a message that starts no agent turn — `MentionOnly` with no tagged agent, a message
+     * addressed to a person, no allowed agent left, or a turn declined in {@link BeforeAgentTurn}.
+     * Nothing new is written; the person's own row is only confirmed Complete.
      */
     async finishWithoutAgentTurn(userMessage, reason) {
         // Under the default rules a turn always has somewhere to go, so reaching here with no agent
@@ -2257,18 +2469,30 @@ export class MessageInputComponent extends BaseAngularComponent {
         }
         await this.processMessageThroughAgent(messageDetail, mentionResult, branchId);
     }
+    _cachedContinuityReplyKey;
+    _cachedContinuityReply = null;
     /**
      * The newest reply from an agent other than the conversation manager — among the replies a
-     * turn may read, so from {@link AgentHistoryFrom} onward when it's set.
+     * turn may read, so from {@link AgentHistoryFrom} onward when it's set. Resets to null when
+     * a newer user message `@`-mentions the conversation manager or when the conversation manager
+     * received a handback from another agent.
      */
     findLastNonSageReply() {
-        return this.ConversationHistory
-            .slice()
-            .reverse()
-            .find(msg => msg.Role === 'AI' &&
-            !!msg.AgentID &&
-            !UUIDsEqual(msg.AgentID, this.ConverationManagerAgent?.ID) &&
-            this.isWithinHistoryFloor(msg)) ?? null;
+        const history = this.ConversationHistory ?? [];
+        const lastRow = history.length > 0 ? history[history.length - 1] : null;
+        const managerId = this.ConverationManagerAgent?.ID ?? null;
+        const floorMs = this.AgentHistoryFrom ? new Date(this.AgentHistoryFrom).getTime() : '';
+        const cacheKey = `${history.length}|${lastRow?.ID ?? ''}|${lastRow?.AgentID ?? ''}|${managerId ?? ''}|${floorMs}`;
+        if (this._cachedContinuityReplyKey === cacheKey) {
+            return this._cachedContinuityReply ?? null;
+        }
+        const reply = FindContinuityAgentMessage(history, managerId, {
+            conversationManagerName: this.ConverationManagerAgent?.Name ?? 'Sage',
+            isWithinFloor: msg => this.isWithinHistoryFloor(msg),
+        });
+        this._cachedContinuityReplyKey = cacheKey;
+        this._cachedContinuityReply = reply;
+        return reply;
     }
     /**
      * Finds the last agent ID that isn't Sage (see {@link findLastNonSageReply}).
@@ -2276,6 +2500,17 @@ export class MessageInputComponent extends BaseAngularComponent {
     findLastNonSageAgentId() {
         return this.findLastNonSageReply()?.AgentID || null;
     }
+    /**
+     * The newest reply from any agent (including Sage) within {@link AgentHistoryFrom} — used under
+     * `MentionOnly`, where the conversation manager is not an implicit fallback and is only present
+     * when explicitly tagged.
+     */
+    findLastReplyAgentId() {
+        return this.ConversationHistory
+            .slice()
+            .reverse()
+            .find(msg => msg.Role === 'AI' && !!msg.AgentID && this.isWithinHistoryFloor(msg))?.AgentID || null;
+    }
     /** True when a row was written at or after {@link AgentHistoryFrom}; always true without one. */
     isWithinHistoryFloor(detail) {
         const floor = this.AgentHistoryFrom;
@@ -2289,14 +2524,20 @@ export class MessageInputComponent extends BaseAngularComponent {
     isKnownAgent(agentId) {
         return AIEngineBase.Instance.ReadableAgents.some(a => UUIDsEqual(a.ID, agentId));
     }
+    /**
+     * True when the current user can run the agent directly in this chat: it is in the '@' list
+     * (`GetAvailableAgents`) or is an allowed restricted agent that passes the same active,
+     * top-level, non-sub-agent, and run-permission checks.
+     */
+    isRunnableAgent(agentId) {
+        const runnable = (this.mentionAutocomplete ?? MentionAutocompleteService.Instance).GetAvailableAgents();
+        const findAgent = (id) => AIEngineBase.Instance.ReadableAgents.find(a => UUIDsEqual(a.ID, id));
+        return this.findRoutingRunnableAgent(agentId, runnable, findAgent) != null;
+    }
     /** The agent's name, when the client's agent catalog has it. */
     agentNameFor(agentId) {
         return AIEngineBase.Instance.ReadableAgents.find(a => UUIDsEqual(a.ID, agentId))?.Name ?? null;
     }
-    /** The ID of the agent with this name, or null when there is none. */
-    agentIdByName(agentName) {
-        return AIEngineBase.Instance.ReadableAgents.find(a => a.Name === agentName)?.ID ?? null;
-    }
     /** True when the agent is MJ's conversation manager. */
     isConversationManager(agentId) {
         return !!this.ConverationManagerAgent?.ID && UUIDsEqual(agentId, this.ConverationManagerAgent.ID);
@@ -2305,17 +2546,6 @@ export class MessageInputComponent extends BaseAngularComponent {
     notifyAgentTurnProblem(message, style) {
         MJNotificationService.Instance?.CreateSimpleNotification(message, style, 5000);
     }
-    /**
-     * Refuses agents the host doesn't allow — named by the conversation manager's delegation or
-     * by a workflow it planned — and settles the person's message.
-     */
-    async refuseDisallowedAgents(userMessage, agentNames) {
-        const subject = agentNames.join(', ');
-        this.notifyAgentTurnProblem(agentNames.length === 1
-            ? `${subject} isn't available in this chat, so it didn't run.`
-            : `${subject} aren't available in this chat, so they didn't run.`, 'warning');
-        await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-    }
     /**
      * Runs the turn through the host's {@link AgentTurnHandler} instead of MJ's path. Nothing is
      * written here: the host writes the reply rows and reports them, and each is shown like a row
@@ -2398,7 +2628,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         // Form responses always continue with the agent that requested the form
         // Don't show "Analyzing intent..." message for this obvious case
         if (ConversationUtility.ContainsFormResponse(message)) {
-            console.log('✅ Form response detected, skipping intent check UI (fast path)');
+            LogStatusEx({ message: '✅ Form response detected, skipping intent check UI (fast path)', verboseOnly: true });
             return {
                 decision: 'YES',
                 reasoning: 'User submitted a form response to the previous agent'
@@ -2530,221 +2760,76 @@ export class MessageInputComponent extends BaseAngularComponent {
      * @param branchId The turn's branch (null is Main).
      */
     async processMessageThroughAgent(userMessage, mentionResult, branchId) {
-        let taskId = null;
         let conversationManagerMessage = null;
         // CRITICAL: Capture conversationId from user message at start
         // This prevents race condition when user switches conversations during async processing
         const conversationId = userMessage.ConversationID;
         try {
-            // Create AI message for Sage BEFORE invoking
-            conversationManagerMessage = await this.createTurnRow(conversationId, branchId);
-            conversationManagerMessage.Message = '⏳ Starting...';
-            conversationManagerMessage.ParentID = userMessage.ID;
-            conversationManagerMessage.Status = 'In-Progress';
-            // Use the preloaded Sage agent instead of looking it up
-            if (this.ConverationManagerAgent?.ID) {
-                conversationManagerMessage.AgentID = this.ConverationManagerAgent.ID;
-            }
-            await conversationManagerMessage.Save();
-            this.MessageSent.emit(conversationManagerMessage);
+            // Sage's reply shows as a local placeholder until the server creates the row and names it.
+            conversationManagerMessage = await this.createReplyPlaceholder(conversationId, branchId, userMessage.ID, this.ConverationManagerAgent?.ID ?? null);
             // Use Sage to evaluate and route
             // Stage 1: Sage evaluates the message
-            taskId = this.activeTasks.add({
+            const result = await this.agentService.ProcessMessage(conversationId, userMessage, this.ConversationHistory, this.adoptReplyRow(conversationManagerMessage, {
                 agentName: 'Sage',
                 status: 'Evaluating message...',
                 relatedMessageId: userMessage.ID,
-                conversationDetailId: conversationManagerMessage.ID,
                 conversationId,
                 conversationName: this.ConversationName
-            });
-            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.createProgressCallback(conversationManagerMessage, 'Sage'), this.AppContext, this.PlanModeEnabled, // per-request Plan Mode toggle
             this._pendingRequestedSkillIDs, // user-requested skills (/skill mentions)
             this.AllowedAgentIDs, // the agents the manager may delegate to
-            this.AgentHistoryFrom);
+            this.AgentHistoryFrom, // the first moment of the conversation the run may read
+            branchId);
             // 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) {
                 this.emitAfterAgentTurn(conversationId, result);
             }
-            // Task will be removed automatically in markMessageComplete()
-            // DO NOT remove here - agent may still be streaming/processing
-            taskId = null; // Clear reference but don't remove from service
             if (!result || !result.success) {
                 await this.applyAgentFailureToDetail(conversationManagerMessage, userMessage, this.ConverationManagerAgent?.Name || 'Sage', result, 'failed');
                 console.warn('⚠️ Sage failed:', agentFailureMessage(result, 'Agent evaluation failed'));
-                this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
                 return;
             }
-            // Stage 2: Check for task graph (multi-step orchestration)
-            if (result.payload?.taskGraph) {
-                await this.handleTaskGraphExecution(userMessage, result, conversationId, branchId, conversationManagerMessage);
-                // Remove CM from active tasks
-                if (taskId) {
-                    // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
-                }
-            }
-            // 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, conversationId, branchId, conversationManagerMessage);
-                // Remove CM from active tasks
-                if (taskId) {
-                    // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
-                }
-            }
-            // Stage 4: Direct chat response from Agent
-            else if (result.agentRun.FinalStep === 'Chat' && result.agentRun.Message) {
-                // Normal chat response
-                // 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
-                // Note: updateConversationDetail will call markMessageComplete() for us
-                await this.updateConversationDetail(conversationManagerMessage, result.agentRun.Message, 'Complete', result);
-                // 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.emitArtifactReload(conversationManagerMessage);
-                    this.MessageSent.emit(conversationManagerMessage);
-                }
-                await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-                // Remove CM from active tasks
-                if (taskId) {
-                    // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
-                }
-                // Clean up completion timestamp after delay
-                this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
-            }
-            // Stage 5: Silent observation - but check for message content first
-            else {
-                // Check if there's a message to display even without payload/taskGraph
-                if (result.agentRun.Message) {
-                    // Mark message as completing BEFORE setting final content
-                    this.markMessageComplete(conversationManagerMessage);
-                    conversationManagerMessage.HiddenToUser = false;
-                    // 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, result.agentRun.Message, 'Complete', result);
-                    this.MessageSent.emit(conversationManagerMessage);
-                    // Clean up completion timestamp after delay
-                    this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
-                }
-                else {
-                    // Mark message as completing
-                    this.markMessageComplete(conversationManagerMessage);
-                    // Hide the Sage message
-                    conversationManagerMessage.HiddenToUser = true;
-                    // 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, conversationId, branchId);
-                    // Clean up completion timestamp after delay
-                    this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
-                }
-                // Remove CM from active tasks
-                if (taskId) {
-                    // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
-                }
-            }
+            // The server wrote Sage's reply; show it as the server left it before routing on.
+            await this.settleReply(conversationManagerMessage, '❌ Sage could not start.');
+            await this.routeConversationManagerResult(userMessage, result, conversationId, branchId, conversationManagerMessage);
         }
         catch (error) {
             console.error('❌ Error processing message through agents:', error);
-            // Update conversationManagerMessage status to Error
-            if (conversationManagerMessage && conversationManagerMessage.ID) {
-                // Use updateConversationDetail to ensure task cleanup
-                conversationManagerMessage.Error = String(error);
-                await this.updateConversationDetail(conversationManagerMessage, `❌ Error: ${String(error)}`, 'Error');
-                // Clean up completion timestamp
-                this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
+            if (conversationManagerMessage) {
+                await this.settleReply(conversationManagerMessage, `❌ Error: ${String(error)}`);
             }
             // Mark user message as complete
             await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-            // Clean up active task
-            if (taskId) {
-                // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
-            }
-        }
-    }
-    /** Detaches the progress callback for one message — used when submission never starts. */
-    releaseProgressCallback(messageId) {
-        const callback = this.registeredCallbacks.get(messageId);
-        if (callback) {
-            this.streamingService.unregisterMessageCallback(messageId, callback);
-            this.registeredCallbacks.delete(messageId);
         }
     }
     /**
-     * Submits a task graph to the server and returns — the client no longer drives execution.
-     *
-     * This used to call the `ExecuteTaskGraph` mutation and await the ENTIRE workflow inside one
-     * long-lived GraphQL request. That had three unfixable problems: a page reload lost the awaited
-     * promise (leaving a workflow running with nobody watching), a server restart orphaned every
-     * in-flight task, and no other channel could reach the substrate at all.
-     *
-     * Now submission returns as soon as the graph is durable and the server-side dispatcher executes
-     * it. The client is purely an observer: progress arrives over the existing PubSub frames, and
-     * because the work lives in Task rows rather than in a promise, a reload can re-attach to a
-     * workflow already in flight.
-     *
-     * Single-task graphs are no longer special-cased here. The old client-side fork ran them through
-     * a different code path entirely; they now submit like any other graph, and the decision about
-     * whether a one-node graph is worth durable machinery moves server-side where it can be recorded.
-     *
-     * @param branchId The turn's branch (null is Main); the task-graph message is written there.
+     * Acts on the conversation manager's settled reply: a chat answer or silence (its reply is
+     * hidden and the last agent may continue). Handoffs and task graphs execute server-side.
      */
-    async handleTaskGraphExecution(userMessage, managerResult, conversationId, branchId, conversationManagerMessage) {
-        // `payload` is untyped by construction (an agent's payload shape is agent-specific), so pin the
-        // graph to the operation's own input contract at the boundary rather than letting it stay loose.
-        const taskGraph = managerResult.payload?.taskGraph;
-        if (!taskGraph)
-            return;
-        // The host's allowed list holds for every agent step of the plan, not only for a single
-        // delegation: a workflow naming an agent the chat doesn't allow is not submitted at all.
-        const disallowedAgents = FindDisallowedTaskGraphAgents(Array.isArray(taskGraph.tasks) ? taskGraph.tasks : [], this.AllowedAgentIDs, agentName => this.agentIdByName(agentName));
-        if (disallowedAgents.length > 0) {
-            await this.refuseDisallowedAgents(userMessage, disallowedAgents);
-            return;
-        }
-        const workflowName = taskGraph.workflowName || 'Workflow';
-        const reasoning = taskGraph.reasoning || 'Executing multi-step workflow';
-        const taskCount = Array.isArray(taskGraph.tasks) ? taskGraph.tasks.length : 0;
-        // A message the user can watch. Progress frames from the dispatcher land against this ID.
-        const taskExecutionMessage = await this.createTurnRow(conversationId, branchId);
-        taskExecutionMessage.Message = `⏳ **${workflowName}**\n\n${reasoning}\n\nSubmitting ${taskCount} task(s)…`;
-        taskExecutionMessage.ParentID = conversationManagerMessage.ID;
-        taskExecutionMessage.Status = 'In-Progress';
-        await taskExecutionMessage.Save();
-        this.MessageSent.emit(taskExecutionMessage);
-        const callback = this.createMessageProgressCallback(taskExecutionMessage.ID);
-        this.registeredCallbacks.set(taskExecutionMessage.ID, callback);
-        this.streamingService.registerMessageCallback(taskExecutionMessage.ID, callback);
-        try {
-            // `TaskGraph.Submit` is a Remote Operation, not a bespoke mutation: the same call site is
-            // reachable from MCP, an Action wrapper, and this UI. `Execute` marshals over the generic
-            // `ExecuteRemoteOperation` transport, so there is no hand-written GraphQL document here.
-            const result = await new TaskGraphSubmitOperation().Execute({
-                spec: taskGraph,
-                environmentID: MJEnvironmentEntityExtended.DefaultEnvironmentID,
-                conversationDetailID: taskExecutionMessage.ID,
-            });
-            if (result.Success && result.Output?.success) {
-                // Deliberately NOT "completed" — submission means the work is durable and running, and
-                // claiming completion here is exactly the lie the old await-everything path told when it
-                // returned early. The dispatcher's progress frames update this message as tasks finish.
-                await this.updateConversationDetail(taskExecutionMessage, `▶️ **${workflowName}** started — ${taskCount} task(s) running.`, 'In-Progress');
-            }
-            else {
-                const errorMsg = result.Output?.errorMessage || result.ErrorMessage || 'Unknown error';
-                console.error('Task graph submission rejected:', errorMsg);
-                taskExecutionMessage.Error = errorMsg;
-                await this.updateConversationDetail(taskExecutionMessage, `❌ **${workflowName}** rejected: ${errorMsg}`, 'Error');
-                this.releaseProgressCallback(taskExecutionMessage.ID);
+    async routeConversationManagerResult(userMessage, result, conversationId, branchId, managerReply) {
+        if (result.agentRun.FinalStep === 'Chat' && result.agentRun.Message) {
+            // 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.emitArtifactReload(managerReply);
+                this.MessageSent.emit(managerReply);
             }
+            await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
         }
-        catch (error) {
-            const msg = error instanceof Error ? error.message : String(error);
-            console.error('Task graph submission failed:', error);
-            taskExecutionMessage.Error = msg;
-            await this.updateConversationDetail(taskExecutionMessage, `❌ **${workflowName}** failed to submit: ${msg}`, 'Error');
-            this.releaseProgressCallback(taskExecutionMessage.ID);
+        else if (result.agentRun.Message) {
+            await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
+        }
+        else {
+            await this.hideReply(managerReply);
+            await this.handleSilentObservation(userMessage, conversationId, branchId);
         }
     }
+    /**
+     * Saves the person's own message with its text and status (in MJ's chat, marking it Complete once its turn is
+     * over). Never used for an agent's reply: only the server writes those, and the chat shows them with
+     * {@link settleReply}.
+     */
     async updateConversationDetail(convoDetail, message, status, result) {
         // Mark as completing FIRST if status is Complete or Error
         // This ensures task cleanup happens even if we return early due to guard clause
@@ -2815,10 +2900,10 @@ export class MessageInputComponent extends BaseAngularComponent {
         }
         const source = await this.agentService.FindLatestAgentOutputVersion(this.ConversationId, agentId, this.AgentHistoryFrom, branchId);
         if (!source || source.payload == null) {
-            console.log(`📦 No previous payload found for agent ${agentId}`);
+            LogStatusEx({ message: `📦 No previous payload found for agent ${agentId}`, verboseOnly: true });
             return { payload: null, artifactInfo: null };
         }
-        console.log(`📦 Loaded previous payload for agent ${agentId} from artifact version ${source.versionId}`);
+        LogStatusEx({ message: `📦 Loaded previous payload for agent ${agentId} from artifact version ${source.versionId}`, verboseOnly: true });
         return {
             payload: source.payload,
             artifactInfo: {
@@ -2829,139 +2914,15 @@ export class MessageInputComponent extends BaseAngularComponent {
         };
     }
     /**
-     * Handle sub-agent invocation based on Sage's payload
-     * Reuses the existing conversationManagerMessage to avoid creating multiple records
-     *
-     * @param branchId The turn's branch (null is Main).
+     * Shows a delegate's successful reply as the server wrote it, reloads its artifacts (the server
+     * may have created some even when the result payload is empty, e.g. a remote stage server), and
+     * completes the user's message.
      */
-    async handleSubAgentInvocation(userMessage, managerResult, conversationId, branchId, conversationManagerMessage) {
-        const payload = managerResult.payload;
-        const agentName = payload.invokeAgent;
-        const reasoning = payload.reasoning || 'Delegating to specialist agent';
-        // Now create a NEW message for the sub-agent execution
-        let agentResponseMessage = null;
-        try {
-            // Look up the agent to get its ID
-            const agent = AIEngineBase.Instance.ReadableAgents.find(a => a.Name === agentName);
-            // The manager routes only among the allowed agents, but its answer is model output: hold
-            // the host's list here too, before any row is written for the delegate.
-            if (this.AllowedAgentIDs != null && !IsAgentAllowed(agent?.ID, this.AllowedAgentIDs)) {
-                await this.refuseDisallowedAgents(userMessage, [agentName]);
-                return;
-            }
-            // Create AI response message BEFORE invoking agent (for duration tracking)
-            agentResponseMessage = await this.createTurnRow(conversationId, branchId);
-            agentResponseMessage.Message = '⏳ Starting...'; // Initial message
-            agentResponseMessage.ParentID = conversationManagerMessage.ID; // Thread under delegation message
-            agentResponseMessage.Status = 'In-Progress';
-            // Set AgentID immediately for proper attribution
-            if (agent?.ID) {
-                agentResponseMessage.AgentID = agent.ID;
-            }
-            // Save the record to establish __mj_CreatedAt timestamp
-            await agentResponseMessage.Save();
-            this.MessageSent.emit(agentResponseMessage);
-            // Add sub-agent to active tasks
-            const newTaskId = this.activeTasks.add({
-                agentName: agentName,
-                status: 'Starting...',
-                relatedMessageId: userMessage.ID,
-                conversationDetailId: agentResponseMessage.ID,
-                conversationId,
-                conversationName: this.ConversationName
-            });
-            // Load previous payload if agent has been invoked before
-            const { payload: previousPayload, artifactInfo } = agent?.ID
-                ? await this.loadPreviousPayloadForAgent(agent.ID, branchId)
-                : { payload: null, artifactInfo: null };
-            // Find configuration preset from previous @mention in conversation history
-            const configurationPresetId = agent?.ID
-                ? await this.agentService.FindConfigurationPresetForAgent(conversationId, agent.ID, branchId)
-                : undefined;
-            // 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, // Embedder-supplied app/form context
-            this.PlanModeEnabled, // per-request Plan Mode toggle
-            this._pendingRequestedSkillIDs, // user-requested skills (/skill mentions)
-            this.AgentHistoryFrom);
-            // 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) {
-                // Update the response message with agent result
-                // Store the agent ID for display
-                if (subResult.agentRun.AgentID) {
-                    agentResponseMessage.AgentID = subResult.agentRun.AgentID;
-                }
-                await this.updateConversationDetail(agentResponseMessage, subResult.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', subResult);
-                // 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.emitArtifactReload(agentResponseMessage);
-                this.MessageSent.emit(agentResponseMessage);
-                // Mark user message as complete
-                await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-            }
-            else {
-                // A post-ACK disconnect means the first run may still be executing on this
-                // detail — do not start a second run on the same conversationDetailId.
-                if (agentFailureDisposition(subResult).status === 'In-Progress') {
-                    await this.applyAgentFailureToDetail(agentResponseMessage, userMessage, agentName, subResult);
-                    return;
-                }
-                // Sub-agent failed - attempt auto-retry once
-                console.log(`⚠️ ${agentName} failed, attempting auto-retry...`);
-                await this.updateConversationDetail(conversationManagerMessage, `👉 **${agentName}** will handle this request...\n\n⚠️ First attempt failed, retrying...`, conversationManagerMessage.Status);
-                // Update the existing agentResponseMessage to show retry status
-                await this.updateConversationDetail(agentResponseMessage, "Retrying...", agentResponseMessage.Status);
-                // 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, // Embedder-supplied app/form context
-                this.PlanModeEnabled, // per-request Plan Mode toggle
-                this._pendingRequestedSkillIDs, // user-requested skills (/skill mentions)
-                this.AgentHistoryFrom);
-                if (retryResult && retryResult.success) {
-                    // Retry succeeded - update the same message
-                    if (retryResult.agentRun.AgentID) {
-                        agentResponseMessage.AgentID = retryResult.agentRun.AgentID;
-                    }
-                    await this.updateConversationDetail(agentResponseMessage, retryResult.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', retryResult);
-                    // Always emit artifactCreated to trigger UI reload (same as initial attempt)
-                    this.emitArtifactReload(agentResponseMessage);
-                    this.MessageSent.emit(agentResponseMessage);
-                    await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-                }
-                else {
-                    // Retry also failed — terminate the agent bubble (the red-pill timer lives here),
-                    // not only the Sage delegation message.
-                    await this.applyAgentFailureToDetail(agentResponseMessage, userMessage, agentName, retryResult, 'failed after retry');
-                    const retryDisposition = agentFailureDisposition(retryResult);
-                    if (retryDisposition.status === 'Error') {
-                        conversationManagerMessage.Error = retryDisposition.message;
-                        await this.updateConversationDetail(conversationManagerMessage, `❌ **${agentName}** failed after retry\n\n${retryDisposition.message}`, 'Error');
-                    }
-                }
-            }
-        }
-        catch (error) {
-            console.error(`❌ Error invoking sub-agent ${agentName}:`, error);
-            const catchResult = {
-                success: false,
-                errorMessage: error instanceof Error ? error.message : String(error),
-            };
-            if (agentResponseMessage) {
-                await this.applyAgentFailureToDetail(agentResponseMessage, userMessage, agentName, catchResult);
-            }
-            else {
-                await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-            }
-            const catchDisposition = agentFailureDisposition(catchResult);
-            if (catchDisposition.status === 'Error') {
-                conversationManagerMessage.Error = catchDisposition.message;
-                await this.updateConversationDetail(conversationManagerMessage, `❌ **${agentName}** encountered an error\n\n${catchDisposition.message}`, 'Error');
-            }
-        }
+    async showDelegateReply(reply, userMessage) {
+        await this.settleReply(reply, '❌ The agent could not start.');
+        this.emitArtifactReload(reply);
+        this.MessageSent.emit(reply);
+        await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
     }
     /**
      * Handle silent observation - when Sage stays silent,
@@ -2974,12 +2935,12 @@ export class MessageInputComponent extends BaseAngularComponent {
         const lastAIMessage = this.findLastNonSageReply();
         if (!lastAIMessage || !lastAIMessage.AgentID) {
             // No previous specialist agent - just mark user message as complete
-            console.log('🔇 No previous specialist agent found - marking complete');
+            LogStatusEx({ message: '🔇 No previous specialist agent found - marking complete', verboseOnly: true });
             await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
             return;
         }
         if (!IsAgentAllowed(lastAIMessage.AgentID, this.AllowedAgentIDs)) {
-            console.log('🔇 Previous specialist agent is not allowed in this chat - marking complete');
+            LogStatusEx({ message: '🔇 Previous specialist agent is not allowed in this chat - marking complete', verboseOnly: true });
             await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
             return;
         }
@@ -3004,60 +2965,39 @@ export class MessageInputComponent extends BaseAngularComponent {
                 versionId: source.versionId,
                 versionNumber: source.versionNumber
             };
-            console.log('📦 Loaded previous OUTPUT artifact as payload for continuity', previousArtifactInfo);
-        }
-        // Create status message showing agent continuity
-        const statusMessage = await this.createTurnRow(conversationId, branchId);
-        statusMessage.Message = `Continuing with **${agentName}** for refinement...`;
-        statusMessage.ParentID = userMessage.ID;
-        statusMessage.Status = 'Complete';
-        statusMessage.AgentID = this.ConverationManagerAgent?.ID || null;
-        await statusMessage.Save();
-        this.MessageSent.emit(statusMessage);
-        // Add agent to active tasks
-        const taskId = this.activeTasks.add({
-            agentName: agentName,
-            status: 'Processing refinement...',
-            relatedMessageId: userMessage.ID,
-            conversationDetailId: statusMessage.ID,
-            conversationId,
-            conversationName: this.ConversationName
-        });
+            LogStatusEx({ message: '📦 Loaded previous OUTPUT artifact as payload for continuity', verboseOnly: true, additionalArgs: [previousArtifactInfo] });
+        }
+        // The manager's line "Continuing with X for refinement..." and the continuing agent's reply, threaded under it,
+        // both written by the server. Until it acknowledges the run they show as local placeholders.
+        const managerId = this.ConverationManagerAgent?.ID ?? null;
+        const announcement = managerId
+            ? await this.createReplyPlaceholder(conversationId, branchId, userMessage.ID, managerId, { Message: ContinuationAnnouncementText(agentName), Status: 'Complete' })
+            : undefined;
+        const reply = await this.createReplyPlaceholder(conversationId, branchId, announcement?.ID ?? userMessage.ID, lastAIMessage.AgentID);
+        const threading = managerId || branchId
+            ? {
+                ...(managerId ? { AnnouncedByAgentId: managerId } : {}),
+                ...(branchId ? { ReplyBranchId: branchId } : {}),
+            }
+            : null;
         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
+            const continuityResult = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.ConversationHistory, 'Continuing previous work based on user feedback', this.adoptReplyRow(reply, { agentName, status: 'Processing refinement...', relatedMessageId: userMessage.ID, conversationId, conversationName: this.ConversationName }, announcement), previousPayload, this.createProgressCallback(reply, agentName), previousArtifactInfo?.artifactId, previousArtifactInfo?.versionId, undefined, // configurationPresetId not used in this path
             this.AppContext, // Embedder-supplied app/form context
             this.PlanModeEnabled, // per-request Plan Mode toggle
             this._pendingRequestedSkillIDs, // user-requested skills (/skill mentions)
-            this.AgentHistoryFrom);
-            // Remove from active tasks
-            // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
+            this.AgentHistoryFrom, // the first moment of the conversation the run may read
+            threading);
             if (continuityResult && continuityResult.success) {
-                // Create response message
-                const agentResponseMessage = await this.createTurnRow(conversationId, branchId);
-                agentResponseMessage.Message = continuityResult.agentRun?.Message || `✅ **${agentName}** completed refinement`;
-                agentResponseMessage.ParentID = statusMessage.ID;
-                agentResponseMessage.Status = 'Complete';
-                agentResponseMessage.AgentID = lastAIMessage.AgentID;
-                await agentResponseMessage.Save();
-                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.emitArtifactReload(agentResponseMessage);
-                    console.log('🎨 Server created artifact (versioned) from agent continuity');
-                    this.MessageSent.emit(agentResponseMessage);
-                }
-                // Mark user message as complete
-                await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
+                await this.showDelegateReply(reply, userMessage);
             }
             else {
-                await this.applyAgentFailureToDetail(statusMessage, userMessage, agentName, continuityResult, 'failed during refinement');
+                await this.applyAgentFailureToDetail(reply, userMessage, agentName, continuityResult, 'failed during refinement');
             }
         }
         catch (error) {
             console.error(`❌ Error in agent continuity with ${agentName}:`, error);
-            // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
-            await this.applyAgentFailureToDetail(statusMessage, userMessage, agentName, { success: false, errorMessage: error instanceof Error ? error.message : String(error) }, 'encountered an error');
+            await this.applyAgentFailureToDetail(reply, userMessage, agentName, { success: false, errorMessage: error instanceof Error ? error.message : String(error) }, 'encountered an error');
         }
     }
     /**
@@ -3068,15 +3008,6 @@ export class MessageInputComponent extends BaseAngularComponent {
      */
     async invokeAgentDirectly(userMessage, agentMention, conversationId, branchId) {
         const agentName = agentMention.name;
-        // Add agent to active tasks
-        const taskId = this.activeTasks.add({
-            agentName: agentName,
-            status: 'Processing...',
-            relatedMessageId: userMessage.ID,
-            conversationDetailId: userMessage.ID,
-            conversationId,
-            conversationName: this.ConversationName
-        });
         // Declare agentResponseMessage outside try block so it's accessible in catch
         let agentResponseMessage = undefined;
         try {
@@ -3087,58 +3018,31 @@ export class MessageInputComponent extends BaseAngularComponent {
             this.MessageSent.emit(userMessage);
             // Look up the agent to get its ID
             const agent = AIEngineBase.Instance.ReadableAgents.find(a => a.Name === agentName);
-            // Create AI response message BEFORE invoking agent (for duration tracking)
-            agentResponseMessage = await this.createTurnRow(conversationId, branchId);
-            agentResponseMessage.Message = '⏳ Starting...'; // Initial message
-            agentResponseMessage.ParentID = userMessage.ID;
-            agentResponseMessage.Status = 'In-Progress';
-            // Set AgentID immediately for proper attribution
-            if (agent?.ID) {
-                agentResponseMessage.AgentID = agent.ID;
-            }
-            // Save the record to establish __mj_CreatedAt timestamp
-            await agentResponseMessage.Save();
-            this.MessageSent.emit(agentResponseMessage);
+            // The reply shows as a local placeholder until the server creates the row and names it.
+            agentResponseMessage = await this.createReplyPlaceholder(conversationId, branchId, userMessage.ID, agent?.ID ?? null);
             // Load previous payload if agent has been invoked before
             const { payload: previousPayload, artifactInfo } = agent?.ID
                 ? await this.loadPreviousPayloadForAgent(agent.ID, branchId)
                 : { payload: null, artifactInfo: null };
             // 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
+            const result = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.ConversationHistory, `User mentioned agent directly with @${agentName}`, this.adoptReplyRow(agentResponseMessage, { agentName, status: 'Processing...', relatedMessageId: userMessage.ID, conversationId, conversationName: this.ConversationName }), previousPayload, // Pass previous payload for continuity
             this.createProgressCallback(agentResponseMessage, agentName), artifactInfo?.artifactId, artifactInfo?.versionId, agentMention.configurationId, // Pass configuration preset ID
             this.AppContext, // Embedder-supplied app/form context
             this.PlanModeEnabled, // per-request Plan Mode toggle
             this._pendingRequestedSkillIDs, // user-requested skills (/skill mentions)
-            this.AgentHistoryFrom);
-            // Remove from active tasks
-            // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
+            this.AgentHistoryFrom, // the first moment of the conversation the run may read
+            branchId ? { ReplyBranchId: branchId } : null);
             if (result && result.success) {
-                if (result.agentRun.AgentID) {
-                    agentResponseMessage.AgentID = result.agentRun.AgentID;
-                }
                 this.emitAfterAgentTurn(conversationId, result);
-                // Multi-stage response handling (same logic as ambient Sage)
-                // Stage 1: Check for task graph (multi-step orchestration)
-                if (result.payload?.taskGraph) {
-                    console.log('📋 Task graph detected from @mention, starting task orchestration');
-                    await this.handleTaskGraphExecution(userMessage, result, conversationId, branchId, agentResponseMessage);
-                }
-                // Stage 2: Check for sub-agent invocation (single-step delegation)
-                else if (result.agentRun.FinalStep === 'Success' && result.payload?.invokeAgent) {
-                    console.log('🎯 Sub-agent invocation detected from @mention');
-                    await this.handleSubAgentInvocation(userMessage, result, conversationId, branchId, agentResponseMessage);
-                }
-                // Stage 3: Normal chat response
-                else {
-                    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.emitArtifactReload(agentResponseMessage);
-                        this.MessageSent.emit(agentResponseMessage);
-                    }
-                    // Mark user message as complete
-                    await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
+                await this.settleReply(agentResponseMessage, `❌ **${agentName}** could not start.`);
+                // Normal chat response (handoffs and task graphs now execute server-side in AgentRunner)
+                // Server created artifacts - emit event to trigger UI reload
+                if (result.payload && Object.keys(result.payload).length > 0) {
+                    this.emitArtifactReload(agentResponseMessage);
+                    this.MessageSent.emit(agentResponseMessage);
                 }
+                // Mark user message as complete
+                await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
             }
             else {
                 await this.applyAgentFailureToDetail(agentResponseMessage, userMessage, agentName, result);
@@ -3154,6 +3058,40 @@ export class MessageInputComponent extends BaseAngularComponent {
             }
         }
     }
+    /**
+     * Resolves the configuration preset for an implicit continuation turn on `agentId` using
+     * `ResolveConversationAgentPreset`. Uses `this.AgentConfigurationPresetId` only when that
+     * preset belongs to `agentId` (`preset.AgentID`), else falls back to `agentId`'s resolved preset.
+     */
+    async resolveContinuationPresetForAgent(conversationId, agentId, branchId) {
+        const resolved = await ResolveConversationAgentPreset({
+            ConversationID: conversationId,
+            AgentID: agentId,
+            BranchID: branchId,
+            ContextUser: this.CurrentUser,
+            Provider: this.ProviderToUse,
+        });
+        if (resolved?.Preset?.ID && resolved.Source !== 'Default') {
+            return resolved.Preset.ID;
+        }
+        const headerPresetId = this.headerPresetForAgent(agentId);
+        if (headerPresetId) {
+            return headerPresetId;
+        }
+        return resolved?.Preset?.ID ?? undefined;
+    }
+    /**
+     * Returns `this.AgentConfigurationPresetId` only when it belongs to `agentId` (`preset.AgentID === agentId`).
+     */
+    headerPresetForAgent(agentId) {
+        const candidateId = this.AgentConfigurationPresetId;
+        if (!candidateId) {
+            return undefined;
+        }
+        const allForAgent = AIEngineBase.Instance.GetAgentConfigurationPresets(agentId, false);
+        const matched = (allForAgent ?? []).find(p => UUIDsEqual(p.ID, candidateId) && (!p.AgentID || UUIDsEqual(p.AgentID, agentId)));
+        return matched?.ID ?? undefined;
+    }
     /**
      * Continue with the same agent from previous message (implicit continuation)
      * Bypasses Sage - no status messages
@@ -3177,7 +3115,6 @@ export class MessageInputComponent extends BaseAngularComponent {
         const agentName = agent.Name || 'Agent';
         let previousPayload = null;
         let previousArtifactInfo = null;
-        let previousConfigurationId = undefined;
         // Use targetArtifactVersionId if specified (from intent check).
         // Resolved by ID against the database, not against artifactsByDetailId: the intent check
         // may well have named a version attached to a message BELOW the loaded window, which is
@@ -3191,24 +3128,18 @@ export class MessageInputComponent extends BaseAngularComponent {
                     versionId: target.versionId,
                     versionNumber: target.versionNumber
                 };
-                console.log('📦 Loaded target artifact version as payload', previousArtifactInfo);
+                LogStatusEx({ message: '📦 Loaded target artifact version as payload', verboseOnly: true, additionalArgs: [previousArtifactInfo] });
             }
             else {
                 console.warn('⚠️ Could not load target artifact version:', targetArtifactVersionId);
             }
         }
-        // Extract configuration preset from the User message that @mentioned this agent
-        // Uses the shared helper method in the agent service
-        previousConfigurationId = await this.agentService.FindConfigurationPresetForAgent(conversationId, agentId, branchId);
-        // Fall back to the chat header's mode-picker selection when nothing
-        // in the message history pinned a preset. The picker reflects the
-        // user's persistent per-agent mode preference (Draft / Standard /
-        // High) and applies to all subsequent non-mention routes. A
-        // history-derived preset still wins because it represents an
-        // explicit per-message intent the user expressed earlier.
-        if (!previousConfigurationId && this.AgentConfigurationPresetId) {
-            previousConfigurationId = this.AgentConfigurationPresetId;
-        }
+        // Resolve a preset for the continued agent via ResolveConversationAgentPreset (which checks
+        // @mention pins first, then user settings, then the agent's default preset).
+        // The header mode-picker selection (this.AgentConfigurationPresetId) is used only when it
+        // belongs to this agent (preset.AgentID === agentId); otherwise the agent's own default
+        // preset is resolved so a pre-handoff picker selection from another agent never leaks.
+        const previousConfigurationId = await this.resolveContinuationPresetForAgent(conversationId, agentId, branchId);
         // Fall back to searching through all agent messages for an artifact
         // This ensures payload continuity even after clarifying exchanges without artifacts
         // Fall back to this agent's newest OUTPUT artifact when the intent check named no
@@ -3224,10 +3155,10 @@ export class MessageInputComponent extends BaseAngularComponent {
                     versionId: source.versionId,
                     versionNumber: source.versionNumber
                 };
-                console.log('📦 Loaded artifact as payload for continuation', previousArtifactInfo);
+                LogStatusEx({ message: '📦 Loaded artifact as payload for continuation', verboseOnly: true, additionalArgs: [previousArtifactInfo] });
             }
             else {
-                console.log(`📦 No artifact found for agent ${agentId} in this conversation`);
+                LogStatusEx({ message: `📦 No artifact found for agent ${agentId} in this conversation`, verboseOnly: true });
             }
         }
         // Execute the agent with the gathered context
@@ -3247,15 +3178,6 @@ export class MessageInputComponent extends BaseAngularComponent {
      * @param configurationId Optional configuration preset ID to use
      */
     async executeAgentContinuation(userMessage, agentId, agentName, conversationId, branchId, previousPayload, previousArtifactInfo, configurationId) {
-        // Add agent to active tasks
-        const taskId = this.activeTasks.add({
-            agentName: agentName,
-            status: 'Processing...',
-            relatedMessageId: userMessage.ID,
-            conversationDetailId: userMessage.ID,
-            conversationId,
-            conversationName: this.ConversationName
-        });
         // Declare agentResponseMessage outside try block so it's accessible in catch
         let agentResponseMessage = undefined;
         try {
@@ -3264,32 +3186,23 @@ export class MessageInputComponent extends BaseAngularComponent {
             userMessage.Status = 'Complete';
             await userMessage.Save();
             this.MessageSent.emit(userMessage);
-            // Create AI response message BEFORE invoking agent (for duration tracking)
-            agentResponseMessage = await this.createTurnRow(conversationId, branchId);
-            agentResponseMessage.Message = '⏳ Starting...'; // Initial message
-            agentResponseMessage.ParentID = userMessage.ID;
-            agentResponseMessage.Status = 'In-Progress';
-            agentResponseMessage.AgentID = agentId;
-            // Save the record to establish __mj_CreatedAt timestamp
-            await agentResponseMessage.Save();
-            this.MessageSent.emit(agentResponseMessage);
+            // The reply shows as a local placeholder until the server creates the row and names it.
+            agentResponseMessage = await this.createReplyPlaceholder(conversationId, branchId, userMessage.ID, agentId);
             // Invoke the agent directly (continuation) with previous payload if available.
             // `this.appContext` is forwarded so direct-routed sub-agents (e.g. Form
             // Builder via [defaultAgentId]) see the embedder's ActiveForm/Schema/
             // OverrideID block in their prompt — same flow Sage gets via
             // `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
+            const result = await this.agentService.invokeSubAgent(agentName, conversationId, userMessage, this.ConversationHistory, 'Continuing previous conversation with user', this.adoptReplyRow(agentResponseMessage, { agentName, status: 'Processing...', relatedMessageId: userMessage.ID, conversationId, conversationName: this.ConversationName }), previousPayload, // Pass previous OUTPUT artifact payload for continuity
             this.createProgressCallback(agentResponseMessage, agentName), previousArtifactInfo?.artifactId, previousArtifactInfo?.versionId, configurationId, // Pass configuration for continuity
             this.AppContext, // Embedder-supplied app/form context
             this.PlanModeEnabled, // per-request Plan Mode toggle
             this._pendingRequestedSkillIDs, // user-requested skills (/skill mentions)
-            this.AgentHistoryFrom);
-            // Remove from active tasks
-            // Task removed in markMessageComplete() - this.activeTasks.remove(taskId);
+            this.AgentHistoryFrom, // the first moment of the conversation the run may read
+            branchId ? { ReplyBranchId: branchId } : null);
             if (result && result.success) {
                 this.emitAfterAgentTurn(conversationId, result);
-                // Update the response message with agent result
-                await this.updateConversationDetail(agentResponseMessage, result.agentRun?.Message || `✅ **${agentName}** completed`, 'Complete', result);
+                await this.settleReply(agentResponseMessage, `❌ **${agentName}** could not start.`);
                 // Server created artifacts (handles versioning) - emit event to trigger UI reload
                 if (result.payload && Object.keys(result.payload).length > 0) {
                     this.emitArtifactReload(agentResponseMessage);
@@ -3336,39 +3249,128 @@ export class MessageInputComponent extends BaseAngularComponent {
                 name: result.Name,
                 description: result.Description
             });
-            console.log(`✅ Conversation renamed to: "${result.Name}"`);
+            LogStatusEx({ message: `✅ Conversation renamed to: "${result.Name}"`, verboseOnly: true });
         }
     }
     /**
-     * Persist an agent failure onto the response bubble.
+     * An unsaved, local "Starting…" reply, shown from the moment the turn starts until the server
+     * acknowledges the run and names the reply row it created. The chat never writes an agent's
+     * reply: only the server does (A19). The placeholder is never saved; {@link adoptReplyRow}
+     * turns it into the server's row.
+     */
+    async createReplyPlaceholder(conversationId, branchId, parentId, agentId, line = { Message: '⏳ Starting...', Status: 'In-Progress' }) {
+        const placeholder = await this.dataCache.createConversationDetail(this.CurrentUser);
+        placeholder.ConversationID = conversationId;
+        placeholder.BranchID = branchId; // the server writes the reply on its message's branch; the placeholder shows there too
+        placeholder.Role = 'AI';
+        placeholder.Message = line.Message;
+        placeholder.ParentID = parentId;
+        placeholder.Status = line.Status;
+        placeholder.HiddenToUser = false;
+        placeholder.AgentID = agentId;
+        this.MessageSent.emit(placeholder);
+        return placeholder;
+    }
+    /**
+     * The acknowledgement callback for a placeholder's run. When the server accepts the run it names
+     * the reply row it created: the placeholder takes that row's ID and creation time (so the bubble's
+     * timer starts when the server's row did), and the turn's active task is keyed by that ID, which
+     * is what its progress and completion carry. Runs synchronously, before any progress is routed.
+     */
+    adoptReplyRow(placeholder, task, announcement) {
+        return (reply) => {
+            if (announcement && reply.AnnouncementDetailId) {
+                this.adoptRow(announcement, reply.AnnouncementDetailId, reply.CreatedAt);
+            }
+            this.adoptRow(placeholder, reply.ConversationDetailId, reply.CreatedAt);
+            this.activeTasks.add({ ...task, conversationDetailId: reply.ConversationDetailId });
+        };
+    }
+    /** Makes a local placeholder the server's row: its ID and creation time. Synchronous, so nothing routes in between. */
+    adoptRow(placeholder, id, createdAt) {
+        void placeholder.LoadFromData({ ...placeholder.GetAll(), ID: id, __mj_CreatedAt: createdAt }, true);
+        this.MessageSent.emit(placeholder);
+    }
+    /**
+     * Shows a reply as the server left it once its run has returned. The server wrote the reply's
+     * text and status (the chat no longer saves it), so the row is reloaded. A row still In-Progress
+     * is watched until the server settles it. A placeholder the server never acknowledged has no row:
+     * it is marked failed on screen only, with `failureText`, and never saved.
+     */
+    async settleReply(reply, failureText) {
+        if (!reply.IsSaved) {
+            this.markMessageComplete(reply);
+            reply.Status = 'Error';
+            reply.Message = failureText;
+            this.MessageSent.emit(reply);
+            this.cleanupCompletionTimestamp(reply.ID);
+            return;
+        }
+        await reply.Load(reply.ID);
+        if (reply.Status === 'In-Progress') {
+            this.MessageSent.emit(reply);
+            this.startInFlightDetailWatch(reply);
+            return;
+        }
+        this.markMessageComplete(reply);
+        this.MessageSent.emit(reply);
+        this.cleanupCompletionTimestamp(reply.ID);
+    }
+    /**
+     * Hides a reply from the transcript (bookkeeping a person may still write; what the reply says
+     * stays the server's). Used for a manager's silent turn and for a delegate's failed first attempt
+     * once its retry takes over.
+     */
+    async hideReply(reply) {
+        reply.HiddenToUser = true;
+        if (reply.IsSaved && !(await reply.Save())) {
+            console.warn(`Could not hide reply ${reply.ID}:`, reply.LatestResult?.CompleteMessage);
+        }
+        this.MessageSent.emit(reply);
+    }
+    /**
+     * Shows an agent failure on the reply bubble.
      *
-     * A dropped HTTP/WebSocket path used to return `null` from invokeSubAgent, so
-     * the bubble said "Unknown error" while the AIAgentRun stayed Running and the
-     * timer kept ticking. If the transport ACKed the mutation and then died, keep
-     * In-Progress so a later completion event (or {@link startInFlightDetailWatch})
-     * can land. ConversationDetail.Status is the server's claim; the client only
-     * renders it. The GraphQLAIClient stall reconciler covers the wait inside
-     * invokeSubAgent; once that returns, the watch observes the detail until the
-     * server writes a terminal status (MaxTimePerRun).
+     * The server writes the reply, failures included (the chat never saves it), so this reloads the
+     * row the server wrote. A dropped HTTP/WebSocket path after the server ACKed the run may leave the
+     * run still executing: the bubble then says so, on screen only, and {@link startInFlightDetailWatch}
+     * follows the row until the server writes a terminal status. A placeholder the server never
+     * acknowledged shows the failure on screen only.
      *
-     * Always completes the user message — the user turn finished regardless of
-     * what the agent is doing.
+     * A run in AwaitingFeedback/Paused is not a failure at all — the agent asked this user a
+     * question, or is parked on a workflow. It only reaches here because the envelope says
+     * `success: false`, and because such a run usually carries no ErrorMessage it used to render as
+     * "❌ failed — Unknown error": a verdict the server never returned. That branch surfaces the
+     * agent's question and completes the bubble instead.
+     *
+     * Always completes the user message — the user turn finished regardless of what the agent is doing.
      */
     async applyAgentFailureToDetail(agentResponseMessage, userMessage, agentName, result, failedVerb = 'failed') {
         const disposition = agentFailureDisposition(result);
-        if (disposition.status === 'In-Progress') {
-            await this.updateConversationDetail(agentResponseMessage, `⏳ **${agentName}** is still running on the server.\n\n${disposition.message}`, 'In-Progress');
-            // Skip the watch if the reload-before-write guard already found a
-            // terminal server status (Complete/Error) — starting it would race the
-            // just-completed bubble.
+        if (disposition.status === 'Awaiting-Input') {
+            // Complete, not Error: the turn is over (the timer must stop) and the agent's question is
+            // the reply. `result` is passed through so any ResponseForm the agent attached to its
+            // question still renders. The user's answer resumes the run, which re-enters
+            // AgentStateService's active set as Running.
+            await this.updateConversationDetail(agentResponseMessage, disposition.message || `**${agentName}** needs more information to continue — please reply with details.`, 'Complete', result ?? undefined);
+            await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
+            return;
+        }
+        if (disposition.status === 'In-Progress' && agentResponseMessage.IsSaved) {
+            await agentResponseMessage.Load(agentResponseMessage.ID);
             if (agentResponseMessage.Status === 'In-Progress') {
+                agentResponseMessage.Message = `⏳ **${agentName}** is still running on the server.\n\n${disposition.message}`;
+                this.MessageSent.emit(agentResponseMessage);
                 this.startInFlightDetailWatch(agentResponseMessage);
             }
-            await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
-            return;
+            else {
+                this.markMessageComplete(agentResponseMessage);
+                this.MessageSent.emit(agentResponseMessage);
+            }
+        }
+        else {
+            await this.settleReply(agentResponseMessage, `❌ **${agentName}** ${failedVerb}\n\n${disposition.message}`);
         }
-        agentResponseMessage.Error = disposition.message;
-        await this.updateConversationDetail(agentResponseMessage, `❌ **${agentName}** ${failedVerb}\n\n${disposition.message}`, 'Error');
         await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
     }
     startInFlightDetailWatch(detail) {
@@ -3525,28 +3527,31 @@ export class MessageInputComponent extends BaseAngularComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.InputBox = _t.first);
-        } }, inputs: { ConversationId: "ConversationId", conversationId: "conversationId", ConversationName: "ConversationName", conversationName: "conversationName", CurrentUser: "CurrentUser", currentUser: "currentUser", Disabled: "Disabled", disabled: "disabled", ReadOnly: "ReadOnly", SendSlotMode: "SendSlotMode", StopCount: "StopCount", StopLabel: "StopLabel", StatusText: "StatusText", StatusElapsed: "StatusElapsed", Placeholder: "Placeholder", placeholder: "placeholder", ParentMessageId: "ParentMessageId", parentMessageId: "parentMessageId", EnableAttachments: "EnableAttachments", enableAttachments: "enableAttachments", EnableMentions: "EnableMentions", enableMentions: "enableMentions", EnableAgentMentions: "EnableAgentMentions", enableAgentMentions: "enableAgentMentions", EnableEntityMentions: "EnableEntityMentions", enableEntityMentions: "enableEntityMentions", EnableSkillCommands: "EnableSkillCommands", enableSkillCommands: "enableSkillCommands", EnablePlanMode: "EnablePlanMode", enablePlanMode: "enablePlanMode", EnableRealtime: "EnableRealtime", enableRealtime: "enableRealtime", MaxAttachments: "MaxAttachments", maxAttachments: "maxAttachments", MaxAttachmentSizeBytes: "MaxAttachmentSizeBytes", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", AcceptedFileTypes: "AcceptedFileTypes", acceptedFileTypes: "acceptedFileTypes", ArtifactsByDetailId: "ArtifactsByDetailId", artifactsByDetailId: "artifactsByDetailId", SystemArtifactsByDetailId: "SystemArtifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", AgentRunsByDetailId: "AgentRunsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", EmptyStateMode: "EmptyStateMode", emptyStateMode: "emptyStateMode", AppContext: "AppContext", appContext: "appContext", DefaultAgentId: "DefaultAgentId", defaultAgentId: "defaultAgentId", ConversationDefaultAgentId: "ConversationDefaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", AgentConfigurationPresetId: "AgentConfigurationPresetId", agentConfigurationPresetId: "agentConfigurationPresetId", InitialMessage: "InitialMessage", initialMessage: "initialMessage", InitialAttachments: "InitialAttachments", initialAttachments: "initialAttachments", ConversationHistory: "ConversationHistory", conversationHistory: "conversationHistory", InProgressMessageIds: "InProgressMessageIds", inProgressMessageIds: "inProgressMessageIds", ApplicationId: "ApplicationId", applicationId: "applicationId", AgentReplyMode: "AgentReplyMode", AllowedAgentIDs: "AllowedAgentIDs", MentionPeople: "MentionPeople", AgentHistoryFrom: "AgentHistoryFrom", TargetBranchID: "TargetBranchID", ResolveTargetBranch: "ResolveTargetBranch", AgentTurnHandler: "AgentTurnHandler", AutoNameConversation: "AutoNameConversation", EnableDecisionRouting: "EnableDecisionRouting", InitialDraft: "InitialDraft", initialDraft: "initialDraft" }, outputs: { StopClicked: "StopClicked", MessageSent: "MessageSent", messageSent: "messageSent", MessageStreamed: "MessageStreamed", AgentResponse: "AgentResponse", agentResponse: "agentResponse", BeforeAgentTurn: "BeforeAgentTurn", beforeAgentTurn: "beforeAgentTurn", AfterAgentTurn: "AfterAgentTurn", afterAgentTurn: "afterAgentTurn", AgentRunDetected: "AgentRunDetected", agentRunDetected: "agentRunDetected", AgentRunUpdate: "AgentRunUpdate", agentRunUpdate: "agentRunUpdate", MessageComplete: "MessageComplete", messageComplete: "messageComplete", ArtifactCreated: "ArtifactCreated", artifactCreated: "artifactCreated", ConversationRenamed: "ConversationRenamed", conversationRenamed: "conversationRenamed", IntentCheckStarted: "IntentCheckStarted", intentCheckStarted: "intentCheckStarted", IntentCheckCompleted: "IntentCheckCompleted", intentCheckCompleted: "intentCheckCompleted", InitialMessageAutoSendStarted: "InitialMessageAutoSendStarted", initialMessageAutoSendStarted: "initialMessageAutoSendStarted", InitialMessageAutoSendFailed: "InitialMessageAutoSendFailed", initialMessageAutoSendFailed: "initialMessageAutoSendFailed", EmptyStateSubmit: "EmptyStateSubmit", emptyStateSubmit: "emptyStateSubmit", UploadStateChanged: "UploadStateChanged", uploadStateChanged: "uploadStateChanged", InitialDraftApplied: "InitialDraftApplied", initialDraftApplied: "initialDraftApplied", DraftStateChanged: "DraftStateChanged", ComposerBlurred: "ComposerBlurred" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 34, consts: [["pickerOrigin", "cdkOverlayOrigin"], ["inputBox", ""], ["cdkOverlayOrigin", "", 1, "message-input-wrapper"], [1, "processing-indicator"], [3, "StopClicked", "valueChange", "blurred", "textSubmitted", "attachmentsChanged", "attachmentError", "voiceRequested", "voiceOptionsRequested", "planModeToggle", "placeholder", "disabled", "showCharacterCount", "enableMentions", "EnableAgentMentions", "EnableEntityMentions", "EnableSkillCommands", "TargetAgentId", "AllowedAgentIDs", "MentionPeople", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "Provider", "rows", "enableRealtime", "voiceActive", "canStartRealtime", "enablePlanMode", "planModeActive", "SendSlotMode", "StopCount", "StopLabel", "StatusText", "StatusElapsed", "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", "CurrentUser", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { ConversationId: "ConversationId", conversationId: "conversationId", ConversationName: "ConversationName", conversationName: "conversationName", CurrentUser: "CurrentUser", currentUser: "currentUser", Disabled: "Disabled", disabled: "disabled", ReadOnly: "ReadOnly", SendSlotMode: "SendSlotMode", StopCount: "StopCount", StopLabel: "StopLabel", StatusText: "StatusText", StatusElapsed: "StatusElapsed", Placeholder: "Placeholder", placeholder: "placeholder", ParentMessageId: "ParentMessageId", parentMessageId: "parentMessageId", EnableAttachments: "EnableAttachments", enableAttachments: "enableAttachments", EnableMentions: "EnableMentions", enableMentions: "enableMentions", EnableAgentMentions: "EnableAgentMentions", enableAgentMentions: "enableAgentMentions", EnableEntityMentions: "EnableEntityMentions", enableEntityMentions: "enableEntityMentions", EnableSkillCommands: "EnableSkillCommands", enableSkillCommands: "enableSkillCommands", EnablePlanMode: "EnablePlanMode", enablePlanMode: "enablePlanMode", EnableRealtime: "EnableRealtime", enableRealtime: "enableRealtime", MaxAttachments: "MaxAttachments", maxAttachments: "maxAttachments", MaxAttachmentSizeBytes: "MaxAttachmentSizeBytes", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", AcceptedFileTypes: "AcceptedFileTypes", acceptedFileTypes: "acceptedFileTypes", ArtifactsByDetailId: "ArtifactsByDetailId", artifactsByDetailId: "artifactsByDetailId", SystemArtifactsByDetailId: "SystemArtifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", AgentRunsByDetailId: "AgentRunsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", EmptyStateMode: "EmptyStateMode", emptyStateMode: "emptyStateMode", AppContext: "AppContext", appContext: "appContext", DefaultAgentId: "DefaultAgentId", defaultAgentId: "defaultAgentId", ConversationDefaultAgentId: "ConversationDefaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", AgentConfigurationPresetId: "AgentConfigurationPresetId", agentConfigurationPresetId: "agentConfigurationPresetId", InitialMessage: "InitialMessage", initialMessage: "initialMessage", InitialAttachments: "InitialAttachments", initialAttachments: "initialAttachments", ConversationHistory: "ConversationHistory", conversationHistory: "conversationHistory", InProgressMessageIds: "InProgressMessageIds", inProgressMessageIds: "inProgressMessageIds", ApplicationId: "ApplicationId", applicationId: "applicationId", AgentReplyMode: "AgentReplyMode", AllowedAgentIDs: "AllowedAgentIDs", MentionPeople: "MentionPeople", AgentHistoryFrom: "AgentHistoryFrom", TargetBranchID: "TargetBranchID", ResolveTargetBranch: "ResolveTargetBranch", AgentTurnHandler: "AgentTurnHandler", AutoNameConversation: "AutoNameConversation", EnableDecisionRouting: "EnableDecisionRouting", InitialDraft: "InitialDraft", initialDraft: "initialDraft" }, outputs: { StopClicked: "StopClicked", MessageSent: "MessageSent", messageSent: "messageSent", MessageStreamed: "MessageStreamed", AgentResponse: "AgentResponse", agentResponse: "agentResponse", BeforeAgentTurn: "BeforeAgentTurn", beforeAgentTurn: "beforeAgentTurn", AfterAgentTurn: "AfterAgentTurn", afterAgentTurn: "afterAgentTurn", AgentRunDetected: "AgentRunDetected", agentRunDetected: "agentRunDetected", AgentRunUpdate: "AgentRunUpdate", agentRunUpdate: "agentRunUpdate", MessageComplete: "MessageComplete", messageComplete: "messageComplete", ArtifactCreated: "ArtifactCreated", artifactCreated: "artifactCreated", ConversationRenamed: "ConversationRenamed", conversationRenamed: "conversationRenamed", IntentCheckStarted: "IntentCheckStarted", intentCheckStarted: "intentCheckStarted", IntentCheckCompleted: "IntentCheckCompleted", intentCheckCompleted: "intentCheckCompleted", InitialMessageAutoSendStarted: "InitialMessageAutoSendStarted", initialMessageAutoSendStarted: "initialMessageAutoSendStarted", InitialMessageAutoSendFailed: "InitialMessageAutoSendFailed", initialMessageAutoSendFailed: "initialMessageAutoSendFailed", EmptyStateSubmit: "EmptyStateSubmit", emptyStateSubmit: "emptyStateSubmit", UploadStateChanged: "UploadStateChanged", uploadStateChanged: "uploadStateChanged", InitialDraftApplied: "InitialDraftApplied", initialDraftApplied: "initialDraftApplied", DraftStateChanged: "DraftStateChanged", ComposerBlurred: "ComposerBlurred" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 7, vars: 35, consts: [["pickerOrigin", "cdkOverlayOrigin"], ["inputBox", ""], ["cdkOverlayOrigin", "", 1, "message-input-wrapper"], [1, "processing-indicator"], [1, "composer-route", "route", 3, "--agent-accent"], [3, "StopClicked", "valueChange", "blurred", "textSubmitted", "attachmentsChanged", "attachmentError", "voiceRequested", "voiceOptionsRequested", "planModeToggle", "placeholder", "disabled", "showCharacterCount", "enableMentions", "EnableAgentMentions", "EnableEntityMentions", "EnableSkillCommands", "TargetAgentId", "AllowedAgentIDs", "MentionPeople", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "Provider", "rows", "enableRealtime", "voiceActive", "canStartRealtime", "enablePlanMode", "planModeActive", "SendSlotMode", "StopCount", "StopLabel", "StatusText", "StatusElapsed", "value"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPush", "cdkConnectedOverlayHasBackdrop"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "composer-route", "route"], [1, "to"], ["aria-hidden", "true", 1, "dot"], ["type", "button", 1, "linkish"], ["type", "button", 1, "linkish", 3, "click"], [3, "AgentPicked", "Cancelled", "Provider", "CurrentUser", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2, 0);
             i0.ɵɵconditionalCreate(2, MessageInputComponent_Conditional_2_Template, 4, 1, "div", 3);
-            i0.ɵɵelementStart(3, "mj-ai-composer", 4, 1);
-            i0.ɵɵlistener("StopClicked", function MessageInputComponent_Template_mj_ai_composer_StopClicked_3_listener() { return ctx.StopClicked.emit(); })("valueChange", function MessageInputComponent_Template_mj_ai_composer_valueChange_3_listener($event) { return ctx.OnComposerValueChanged($event); })("blurred", function MessageInputComponent_Template_mj_ai_composer_blurred_3_listener() { return ctx.ComposerBlurred.emit(); })("textSubmitted", function MessageInputComponent_Template_mj_ai_composer_textSubmitted_3_listener($event) { return ctx.onTextSubmitted($event); })("attachmentsChanged", function MessageInputComponent_Template_mj_ai_composer_attachmentsChanged_3_listener($event) { return ctx.onAttachmentsChanged($event); })("attachmentError", function MessageInputComponent_Template_mj_ai_composer_attachmentError_3_listener($event) { return ctx.onAttachmentError($event); })("voiceRequested", function MessageInputComponent_Template_mj_ai_composer_voiceRequested_3_listener() { return ctx.onStartRealtime(); })("voiceOptionsRequested", function MessageInputComponent_Template_mj_ai_composer_voiceOptionsRequested_3_listener() { return ctx.onRealtimeOptions(); })("planModeToggle", function MessageInputComponent_Template_mj_ai_composer_planModeToggle_3_listener() { return ctx.TogglePlanMode(); });
+            i0.ɵɵconditionalCreate(3, MessageInputComponent_Conditional_3_Template, 8, 4, "div", 4);
+            i0.ɵɵelementStart(4, "mj-ai-composer", 5, 1);
+            i0.ɵɵlistener("StopClicked", function MessageInputComponent_Template_mj_ai_composer_StopClicked_4_listener() { return ctx.StopClicked.emit(); })("valueChange", function MessageInputComponent_Template_mj_ai_composer_valueChange_4_listener($event) { return ctx.OnComposerValueChanged($event); })("blurred", function MessageInputComponent_Template_mj_ai_composer_blurred_4_listener() { return ctx.ComposerBlurred.emit(); })("textSubmitted", function MessageInputComponent_Template_mj_ai_composer_textSubmitted_4_listener($event) { return ctx.onTextSubmitted($event); })("attachmentsChanged", function MessageInputComponent_Template_mj_ai_composer_attachmentsChanged_4_listener($event) { return ctx.onAttachmentsChanged($event); })("attachmentError", function MessageInputComponent_Template_mj_ai_composer_attachmentError_4_listener($event) { return ctx.onAttachmentError($event); })("voiceRequested", function MessageInputComponent_Template_mj_ai_composer_voiceRequested_4_listener() { return ctx.onStartRealtime(); })("voiceOptionsRequested", function MessageInputComponent_Template_mj_ai_composer_voiceOptionsRequested_4_listener() { return ctx.onRealtimeOptions(); })("planModeToggle", function MessageInputComponent_Template_mj_ai_composer_planModeToggle_4_listener() { return ctx.TogglePlanMode(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, MessageInputComponent_ng_template_5_Template, 1, 6, "ng-template", 5);
-            i0.ɵɵlistener("backdropClick", function MessageInputComponent_Template_ng_template_backdropClick_5_listener() { return ctx.onRealtimeAgentPickerCancelled(); })("detach", function MessageInputComponent_Template_ng_template_detach_5_listener() { return ctx.onRealtimeAgentPickerCancelled(); });
+            i0.ɵɵtemplate(6, MessageInputComponent_ng_template_6_Template, 1, 6, "ng-template", 6);
+            i0.ɵɵlistener("backdropClick", function MessageInputComponent_Template_ng_template_backdropClick_6_listener() { return ctx.onRealtimeAgentPickerCancelled(); })("detach", function MessageInputComponent_Template_ng_template_detach_6_listener() { return ctx.onRealtimeAgentPickerCancelled(); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            const pickerOrigin_r3 = i0.ɵɵreference(1);
+            const pickerOrigin_r4 = i0.ɵɵreference(1);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.isProcessing ? 2 : -1);
             i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.emptyStateMode && ctx.CurrentRouteAgent ? 3 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled || ctx.isProcessing)("showCharacterCount", false)("enableMentions", ctx.enableMentions)("EnableAgentMentions", ctx.enableAgentMentions)("EnableEntityMentions", ctx.enableEntityMentions)("EnableSkillCommands", ctx.enableSkillCommands)("TargetAgentId", ctx.pickerTargetAgentId)("AllowedAgentIDs", ctx.AllowedAgentIDs)("MentionPeople", ctx.MentionPeople)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes)("currentUser", ctx.currentUser)("Provider", ctx.Provider)("rows", 3)("enableRealtime", ctx.enableRealtime)("voiceActive", ctx.voiceActive)("canStartRealtime", ctx.canStartRealtime)("enablePlanMode", ctx.enablePlanMode)("planModeActive", ctx.PlanModeEnabled)("SendSlotMode", ctx.SendSlotMode)("StopCount", ctx.StopCount)("StopLabel", ctx.StopLabel)("StatusText", ctx.StatusText)("StatusElapsed", ctx.StatusElapsed)("value", ctx.messageText);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("cdkConnectedOverlayOrigin", pickerOrigin_r3)("cdkConnectedOverlayOpen", ctx.showRealtimeAgentPicker)("cdkConnectedOverlayPositions", ctx.pickerOverlayPositions)("cdkConnectedOverlayPush", true)("cdkConnectedOverlayHasBackdrop", true);
-        } }, dependencies: [i11.CdkConnectedOverlay, i11.CdkOverlayOrigin, i12.RealtimeAgentPickerComponent, i13.AiComposerComponent], styles: [".message-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\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}"] });
+            i0.ɵɵproperty("cdkConnectedOverlayOrigin", pickerOrigin_r4)("cdkConnectedOverlayOpen", ctx.showRealtimeAgentPicker)("cdkConnectedOverlayPositions", ctx.pickerOverlayPositions)("cdkConnectedOverlayPush", true)("cdkConnectedOverlayHasBackdrop", true);
+        } }, dependencies: [i11.CdkConnectedOverlay, i11.CdkOverlayOrigin, i12.RealtimeAgentPickerComponent, i13.AiComposerComponent], styles: [".message-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\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}\n\n.composer-route[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 10px 6px;\n  font-size: 11.5px;\n  color: var(--mj-text-muted);\n}\n\n.composer-route[_ngcontent-%COMP%]   .to[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n\n.composer-route[_ngcontent-%COMP%]   .to[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.composer-route[_ngcontent-%COMP%]   .dot[_ngcontent-%COMP%] {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--agent-accent, var(--mj-brand-primary));\n  flex-shrink: 0;\n  transition: background-color 240ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.composer-route[_ngcontent-%COMP%]   .linkish[_ngcontent-%COMP%] {\n  margin-left: auto;\n  padding: 2px 4px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  font-family: inherit;\n  font-size: 11.5px;\n  font-weight: 500;\n  text-decoration: underline;\n  text-decoration-style: dotted;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n  cursor: pointer;\n}\n\n.composer-route[_ngcontent-%COMP%]   .linkish[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary-hover);\n}\n\n.composer-route[_ngcontent-%COMP%]   .linkish[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: 2px;\n  box-shadow: var(--mj-focus-ring, none);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .composer-route[_ngcontent-%COMP%]   .dot[_ngcontent-%COMP%] {\n    transition: none;\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageInputComponent, [{
         type: Component,
-        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  <!-- AI composer (mic + Plan Mode buttons live in its in-composer toolbar): wraps the\n       generic mj-message-input-box with the '@' agent / '#' record / '/' skill trigger\n       plugins built in \u2014 all three on by default, preserving the standard chat behavior. -->\n  <mj-ai-composer\n    #inputBox\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled || isProcessing\"\n    [showCharacterCount]=\"false\"\n    [enableMentions]=\"enableMentions\"\n    [EnableAgentMentions]=\"enableAgentMentions\"\n    [EnableEntityMentions]=\"enableEntityMentions\"\n    [EnableSkillCommands]=\"enableSkillCommands\"\n    [TargetAgentId]=\"pickerTargetAgentId\"\n    [AllowedAgentIDs]=\"AllowedAgentIDs\"\n    [MentionPeople]=\"MentionPeople\"\n    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [Provider]=\"Provider\"\n    [rows]=\"3\"\n    [enableRealtime]=\"enableRealtime\"\n    [voiceActive]=\"voiceActive\"\n    [canStartRealtime]=\"canStartRealtime\"\n    [enablePlanMode]=\"enablePlanMode\"\n    [planModeActive]=\"PlanModeEnabled\"\n    [SendSlotMode]=\"SendSlotMode\"\n    [StopCount]=\"StopCount\"\n    [StopLabel]=\"StopLabel\"\n    [StatusText]=\"StatusText\"\n    [StatusElapsed]=\"StatusElapsed\"\n    (StopClicked)=\"StopClicked.emit()\"\n    [value]=\"messageText\"\n    (valueChange)=\"OnComposerValueChanged($event)\"\n    (blurred)=\"ComposerBlurred.emit()\"\n    (textSubmitted)=\"onTextSubmitted($event)\"\n    (attachmentsChanged)=\"onAttachmentsChanged($event)\"\n    (attachmentError)=\"onAttachmentError($event)\"\n    (voiceRequested)=\"onStartRealtime()\"\n    (voiceOptionsRequested)=\"onRealtimeOptions()\"\n    (planModeToggle)=\"TogglePlanMode()\">\n  </mj-ai-composer>\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]=\"ProviderToUse\"\n      [CurrentUser]=\"currentUser\"\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"] }]
+        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  @if (!emptyStateMode && CurrentRouteAgent) {\n    <div class=\"composer-route route\" [style.--agent-accent]=\"CurrentRouteAccentVar\">\n      <span class=\"to\">\n        <span class=\"dot\" aria-hidden=\"true\"></span>\n        <span>Replying to <b>{{ CurrentRouteAgentName }}</b></span>\n      </span>\n      @if (ShowReturnToSage) {\n        <button type=\"button\" class=\"linkish\" (click)=\"ReturnToSage()\">\n          Return to {{ ConverationManagerAgent?.Name || 'Sage' }}\n        </button>\n      }\n    </div>\n  }\n\n  <!-- AI composer (mic + Plan Mode buttons live in its in-composer toolbar): wraps the\n       generic mj-message-input-box with the '@' agent / '#' record / '/' skill trigger\n       plugins built in \u2014 all three on by default, preserving the standard chat behavior. -->\n  <mj-ai-composer\n    #inputBox\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled || isProcessing\"\n    [showCharacterCount]=\"false\"\n    [enableMentions]=\"enableMentions\"\n    [EnableAgentMentions]=\"enableAgentMentions\"\n    [EnableEntityMentions]=\"enableEntityMentions\"\n    [EnableSkillCommands]=\"enableSkillCommands\"\n    [TargetAgentId]=\"pickerTargetAgentId\"\n    [AllowedAgentIDs]=\"AllowedAgentIDs\"\n    [MentionPeople]=\"MentionPeople\"\n    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [Provider]=\"Provider\"\n    [rows]=\"3\"\n    [enableRealtime]=\"enableRealtime\"\n    [voiceActive]=\"voiceActive\"\n    [canStartRealtime]=\"canStartRealtime\"\n    [enablePlanMode]=\"enablePlanMode\"\n    [planModeActive]=\"PlanModeEnabled\"\n    [SendSlotMode]=\"SendSlotMode\"\n    [StopCount]=\"StopCount\"\n    [StopLabel]=\"StopLabel\"\n    [StatusText]=\"StatusText\"\n    [StatusElapsed]=\"StatusElapsed\"\n    (StopClicked)=\"StopClicked.emit()\"\n    [value]=\"messageText\"\n    (valueChange)=\"OnComposerValueChanged($event)\"\n    (blurred)=\"ComposerBlurred.emit()\"\n    (textSubmitted)=\"onTextSubmitted($event)\"\n    (attachmentsChanged)=\"onAttachmentsChanged($event)\"\n    (attachmentError)=\"onAttachmentError($event)\"\n    (voiceRequested)=\"onStartRealtime()\"\n    (voiceOptionsRequested)=\"onRealtimeOptions()\"\n    (planModeToggle)=\"TogglePlanMode()\">\n  </mj-ai-composer>\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]=\"ProviderToUse\"\n      [CurrentUser]=\"currentUser\"\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\n.composer-route {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 10px 6px;\n  font-size: 11.5px;\n  color: var(--mj-text-muted);\n}\n\n.composer-route .to {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n\n.composer-route .to b {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.composer-route .dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--agent-accent, var(--mj-brand-primary));\n  flex-shrink: 0;\n  transition: background-color 240ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.composer-route .linkish {\n  margin-left: auto;\n  padding: 2px 4px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  font-family: inherit;\n  font-size: 11.5px;\n  font-weight: 500;\n  text-decoration: underline;\n  text-decoration-style: dotted;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n  cursor: pointer;\n}\n\n.composer-route .linkish:hover {\n  color: var(--mj-brand-primary-hover);\n}\n\n.composer-route .linkish:focus-visible {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: 2px;\n  box-shadow: var(--mj-focus-ring, none);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .composer-route .dot {\n    transition: none;\n  }\n}\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.ConversationAttachmentService }, { type: i9.ConversationBridgeService }, { type: i10.RealtimeSessionService }], { ConversationId: [{
             type: Input
         }], conversationId: [{
@@ -3773,5 +3778,5 @@ export class MessageInputComponent extends BaseAngularComponent {
         }], ComposerBlurred: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageInputComponent, { className: "MessageInputComponent", filePath: "src/lib/components/message/message-input.component.ts", lineNumber: 71 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageInputComponent, { className: "MessageInputComponent", filePath: "src/lib/components/message/message-input.component.ts", lineNumber: 72 }); })();
 //# sourceMappingURL=message-input.component.js.map