@memberjunction/ng-conversations 5.40.1 → 5.41.0

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

@@ -1,11 +1,14 @@
 import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
-import { MJEnvironmentEntityExtended, ConversationEngine } from '@memberjunction/core-entities';
-import { GraphQLDataProvider, GraphQLAIClient } from '@memberjunction/graphql-dataprovider';
+import { MJEnvironmentEntityExtended, ConversationEngine, UserInfoEngine } from '@memberjunction/core-entities';
+import { BeforeAgentTurnEventArgs, AfterAgentTurnEventArgs } from '../../events/chat-events';
+import { GraphQLDataProvider } from '@memberjunction/graphql-dataprovider';
+import { GenerateAndApplyConversationName } from '../../services/conversation-naming';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import { ConversationUtility } from '@memberjunction/ai-core-plus';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
-import { UUIDsEqual, CleanAndParseJSON } from '@memberjunction/global';
+import { BuildRealtimeConfigOverridesJson, FilterRealtimeCoAgents, LoadCoAgentPairings, PairingsAllowTarget } from '../../services/realtime-pairing';
+import { UUIDsEqual } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/dialog.service";
 import * as i2 from "../../services/toast.service";
@@ -17,11 +20,13 @@ import * as i7 from "../../services/mention-parser.service";
 import * as i8 from "../../services/mention-autocomplete.service";
 import * as i9 from "../../services/conversation-attachment.service";
 import * as i10 from "../../services/conversation-bridge.service";
-import * as i11 from "./message-input-box.component";
+import * as i11 from "../../services/realtime-session.service";
+import * as i12 from "../realtime/realtime-agent-picker.component";
+import * as i13 from "./message-input-box.component";
 const _c0 = ["inputBox"];
 function MessageInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelement(1, "i", 5);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -30,6 +35,15 @@ function MessageInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.processingMessage);
 } }
+function MessageInputComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-realtime-agent-picker", 6);
+    i0.ɵɵlistener("AgentPicked", function MessageInputComponent_Conditional_4_Template_mj_realtime_agent_picker_AgentPicked_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRealtimeAgentPicked($event)); })("Cancelled", function MessageInputComponent_Conditional_4_Template_mj_realtime_agent_picker_Cancelled_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRealtimeAgentPickerCancelled()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Provider", ctx_r1.Provider)("Agents", ctx_r1.voicePickerAgents)("DefaultAgentId", ctx_r1.voicePickerDefaultAgentId)("CoAgents", ctx_r1.voicePickerCoAgents)("DefaultCoAgentId", ctx_r1.voicePickerDefaultCoAgentId);
+} }
 export class MessageInputComponent extends BaseAngularComponent {
     dialogService;
     toastService;
@@ -41,6 +55,7 @@ export class MessageInputComponent extends BaseAngularComponent {
     mentionAutocomplete;
     attachmentService;
     bridge;
+    voiceSession;
     // Default artifact type ID for JSON (when agent doesn't specify DefaultArtifactTypeID)
     JSON_ARTIFACT_TYPE_ID = 'ae674c7e-ea0d-49ea-89e4-0649f5eb20d4';
     conversationId;
@@ -153,8 +168,29 @@ export class MessageInputComponent extends BaseAngularComponent {
     get inProgressMessageIds() {
         return this._inProgressMessageIds;
     }
+    /**
+     * Application context for the current conversation. Threaded through from the
+     * chat-area component for inclusion in the {@link beforeAgentTurn} event payload —
+     * lets listeners reason about which app's chat surface is invoking the agent.
+     * Optional; defaults to null for surfaces with no app context.
+     */
+    applicationId = null;
     messageSent = new EventEmitter();
     agentResponse = new EventEmitter();
+    /**
+     * Cancelable — fired BEFORE `agentService.processMessage()` is called for a user turn.
+     * Listeners may set `event.Cancel = true` to halt the agent invocation (e.g., a
+     * client-side guardrail blocking the turn). When canceled, the corresponding
+     * {@link afterAgentTurn} event is NOT fired and the running task is cleared.
+     * Follows MJ's established Before/After cancelable event pattern.
+     */
+    beforeAgentTurn = new EventEmitter();
+    /**
+     * Fired AFTER a successful agent turn completes. Carries the agent run id and the
+     * full agent result. Not fired when {@link beforeAgentTurn} was canceled or when
+     * the underlying `processMessage` errored.
+     */
+    afterAgentTurn = new EventEmitter();
     agentRunDetected = new EventEmitter();
     agentRunUpdate = new EventEmitter(); // Emits when agent run data updates during progress
     messageComplete = new EventEmitter(); // Emits when message completes (success or error)
@@ -180,7 +216,7 @@ export class MessageInputComponent extends BaseAngularComponent {
     // Track pending attachments from the input box
     pendingAttachments = [];
     engine = ConversationEngine.Instance;
-    constructor(dialogService, toastService, agentService, dataCache, activeTasks, streamingService, mentionParser, mentionAutocomplete, attachmentService, bridge) {
+    constructor(dialogService, toastService, agentService, dataCache, activeTasks, streamingService, mentionParser, mentionAutocomplete, attachmentService, bridge, voiceSession) {
         super();
         this.dialogService = dialogService;
         this.toastService = toastService;
@@ -192,7 +228,12 @@ export class MessageInputComponent extends BaseAngularComponent {
         this.mentionAutocomplete = mentionAutocomplete;
         this.attachmentService = attachmentService;
         this.bridge = bridge;
+        this.voiceSession = voiceSession;
     }
+    // ── Voice session (Realtime Co-Agent) ───────────────────────────────
+    /** True while a live voice session is active — drives the overlay + mic state. */
+    voiceActive = false;
+    voiceActiveSub;
     async ngOnInit() {
         // Bind provider-aware services to this component's provider.
         const p = this.ProviderToUse;
@@ -200,6 +241,11 @@ export class MessageInputComponent extends BaseAngularComponent {
         this.dataCache.Provider = p;
         this.activeTasks.Provider = p;
         this.attachmentService.Provider = p;
+        this.voiceSession.Provider = p;
+        // Reflect the live voice-session Active flag into a local field for the template.
+        this.voiceActiveSub = this.voiceSession.Active$.subscribe(active => {
+            this.voiceActive = active;
+        });
         this.converationManagerAgent = await this.agentService.getConversationManagerAgent();
         // Initialize mention autocomplete (needed for parsing mentions in messages)
         await this.mentionAutocomplete.initialize(this.currentUser);
@@ -242,6 +288,219 @@ export class MessageInputComponent extends BaseAngularComponent {
     ngOnDestroy() {
         // Unregister all streaming callbacks
         this.unregisterAllCallbacks();
+        this.voiceActiveSub?.unsubscribe();
+        // If the user navigates away mid-call, tear the session down.
+        if (this.voiceSession.IsActive) {
+            void this.voiceSession.EndVoiceSession();
+        }
+    }
+    /**
+     * Resolve the agent the voice session should front for THIS conversation.
+     * Mirrors the routing precedence used for text turns ({@link routeMessage}):
+     *   1. last non-Sage agent (continuity)
+     *   2. per-conversation pinned default
+     *   3. embedder-supplied default
+     *   4. Sage fallback
+     * Returns null only if Sage itself failed to load.
+     */
+    resolveCurrentAgentId() {
+        return this.findLastNonSageAgentId()
+            ?? this.conversationDefaultAgentId
+            ?? this.defaultAgentId
+            ?? this.converationManagerAgent?.ID
+            ?? null;
+    }
+    /** True when the mic button should be enabled (have an agent + not disabled). */
+    get canStartVoice() {
+        return !this.disabled && !this.voiceActive && !!this.resolveCurrentAgentId();
+    }
+    /**
+     * Display name of the agent the voice session fronts. Resolved here (this component
+     * owns the conversation's routing context) and passed to RealtimeSessionService at
+     * session start so the chat-area-hosted overlay can read it from the service.
+     */
+    resolveVoiceAgentName() {
+        const agentId = this.resolveCurrentAgentId();
+        if (agentId) {
+            const match = this.mentionAutocomplete
+                .getAvailableAgents()
+                .find(a => UUIDsEqual(a.ID, agentId));
+            if (match?.Name) {
+                return match.Name;
+            }
+        }
+        return this.converationManagerAgent?.Name ?? 'Sage';
+    }
+    /** True while the "Start a voice call with…" agent picker popover is open. */
+    showRealtimeAgentPicker = false;
+    /**
+     * `MJ: User Settings` key persisting the user's co-agent choice for realtime calls
+     * (server-side, cross-device — never localStorage). Stored shape: `{"coAgentId":
+     * string | null}` — `null` is an explicit "Auto" choice that overwrites an older pick.
+     */
+    static CoAgentPrefKey = 'mj.realtimeVoice.coAgent.v1';
+    /**
+     * The persisted co-agent preference, loaded just before the picker opens (and read by
+     * the instant-start path). `null` = no preference / explicit "Auto".
+     */
+    voicePickerDefaultCoAgentId = null;
+    /**
+     * Agents the voice picker offers — the same cached set the @mention
+     * autocomplete and {@link resolveVoiceAgentName} use, so the picker can
+     * never offer an agent the conversation couldn't otherwise route to.
+     */
+    get voicePickerAgents() {
+        return this.mentionAutocomplete.getAvailableAgents();
+    }
+    /**
+     * The ACTIVE Realtime-type co-agent candidates — the same run-permission-filtered
+     * cached set as {@link voicePickerAgents}, narrowed to the Realtime agent type. The
+     * picker shows its co-agent selector only when more than one exists.
+     */
+    get voicePickerCoAgents() {
+        return FilterRealtimeCoAgents(this.mentionAutocomplete.getAvailableAgents());
+    }
+    /** The agent the default resolution would call — preselected in the picker. */
+    get voicePickerDefaultAgentId() {
+        return this.resolveCurrentAgentId();
+    }
+    /**
+     * Start a real-time voice session fronting the conversation's current agent.
+     * Client-direct: the RealtimeSessionService mints an ephemeral token and connects
+     * the browser straight to the realtime provider over WebRTC. The "call mode"
+     * overlay itself is hosted by the conversation chat area (driven by Active$).
+     *
+     * NEW vs EXISTING conversation:
+     * - When an agent has already participated (a prior non-Sage AI turn exists),
+     *   start immediately with the resolved agent — zero added friction.
+     * - When the conversation has NO prior agent participation (new / empty
+     *   conversation), the resolution would silently fall through to a default
+     *   the user never chose — so show a compact agent picker instead and start
+     *   with whichever agent they pick.
+     */
+    async onStartVoice() {
+        if (!this.canStartVoice) {
+            return;
+        }
+        // New/empty conversation (no prior agent turn): let the user choose who
+        // to call. Falls through to the immediate path if the agent cache is
+        // empty (nothing to pick from — the resolved default is the only option).
+        if (!this.findLastNonSageAgentId() && this.voicePickerAgents.length > 0) {
+            await this.openRealtimeAgentPicker();
+            return;
+        }
+        const targetAgentId = this.resolveCurrentAgentId();
+        if (!targetAgentId) {
+            this.toastService.error('No agent available for a voice session.');
+            return;
+        }
+        const coAgentId = await this.resolveInstantCoAgentId(targetAgentId);
+        await this.startVoiceWithAgent(targetAgentId, this.resolveVoiceAgentName(), null, coAgentId);
+    }
+    /**
+     * Caret-next-to-the-phone click: open the agent/co-agent/model picker ON DEMAND, even
+     * when the conversation already has agent history (where the plain phone click
+     * instant-starts). The resolved agent is preselected, so "open → Start" matches the
+     * instant path while keeping the co-agent (and, for authorized users, voice-model)
+     * choice one click away. Falls through to the instant path when there is nothing to
+     * pick from.
+     */
+    async onVoiceOptions() {
+        if (!this.canStartVoice) {
+            return;
+        }
+        if (this.voicePickerAgents.length > 0) {
+            await this.openRealtimeAgentPicker();
+            return;
+        }
+        void this.onStartVoice();
+    }
+    /** Loads the persisted co-agent preference, then shows the picker (pref preselected). */
+    async openRealtimeAgentPicker() {
+        this.voicePickerDefaultCoAgentId = await this.loadPersistedCoAgentId();
+        this.showRealtimeAgentPicker = true;
+    }
+    /** User confirmed an agent (+ optional co-agent / voice model) in the voice picker — start the call. */
+    async onRealtimeAgentPicked(pick) {
+        this.showRealtimeAgentPicker = false;
+        this.persistCoAgentChoice(pick.CoAgentId);
+        await this.startVoiceWithAgent(pick.Agent.ID, pick.Agent.Name || this.resolveVoiceAgentName(), pick.PreferredModelId, pick.CoAgentId, BuildRealtimeConfigOverridesJson(pick.PreferredModelId));
+    }
+    /**
+     * Reads the persisted co-agent preference from `MJ: User Settings` (via
+     * `UserInfoEngine`'s cached settings). Defensive: any failure or malformed payload
+     * resolves to `null` (Auto — the server's co-agent resolution chain).
+     */
+    async loadPersistedCoAgentId() {
+        try {
+            await UserInfoEngine.Instance.Config();
+            const raw = UserInfoEngine.Instance.GetSetting(MessageInputComponent.CoAgentPrefKey);
+            if (!raw) {
+                return null;
+            }
+            const parsed = JSON.parse(raw);
+            return typeof parsed.coAgentId === 'string' && parsed.coAgentId.length > 0 ? parsed.coAgentId : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    /** Persists the user's co-agent choice (including explicit "Auto" = null) cross-device. */
+    persistCoAgentChoice(coAgentId) {
+        try {
+            UserInfoEngine.Instance.SetSettingDebounced(MessageInputComponent.CoAgentPrefKey, JSON.stringify({ coAgentId: coAgentId ?? null }));
+        }
+        catch (error) {
+            console.warn('[MessageInput] Failed to persist co-agent preference:', error);
+        }
+    }
+    /**
+     * Co-agent for the INSTANT start path (plain phone click, no picker): the persisted
+     * preference is honored when it's still a valid candidate AND its pairing rows (if
+     * any) allow the resolved target. Anything else falls back to `null` — the server's
+     * co-agent resolution chain — so a stale/deactivated/incompatible preference can never
+     * block the friction-free start (pairings constrain a chosen co-agent; they never
+     * mandate one).
+     */
+    async resolveInstantCoAgentId(targetAgentId) {
+        const preferred = await this.loadPersistedCoAgentId();
+        if (!preferred) {
+            return null;
+        }
+        const isValidCandidate = this.voicePickerCoAgents.some(a => UUIDsEqual(a.ID, preferred));
+        if (!isValidCandidate) {
+            return null;
+        }
+        const pairings = await LoadCoAgentPairings(this.ProviderToUse, preferred);
+        return PairingsAllowTarget(pairings, targetAgentId) ? preferred : null;
+    }
+    /** User dismissed the voice picker without starting a call. */
+    onRealtimeAgentPickerCancelled() {
+        this.showRealtimeAgentPicker = false;
+    }
+    /**
+     * Shared session-start path for both the immediate (existing conversation)
+     * and picker (new conversation / caret options) flows. The agent NAME is passed
+     * through to RealtimeSessionService so the chat-area-hosted overlay banner (AgentName$)
+     * shows who the call fronts without re-resolving. An explicit voice-model choice
+     * (authorization-gated, picker only) rides along as `preferredModelId` — the server
+     * uses exactly that model or fails with a clear reason (no silent fallback) — and is
+     * mirrored into `configOverridesJson` (`{"realtime":{"modelPreference":…}}`, the
+     * pinned override envelope). An explicit co-agent choice (picker pick or persisted
+     * preference) rides along as `coAgentId`.
+     *
+     * Interactive-channel tools (e.g. the live whiteboard's `Whiteboard_*` set) are NOT
+     * passed here — the session service resolves the active channel plugins from the
+     * `MJ: AI Agent Channels` registry and aggregates their tool sets at mint itself.
+     */
+    async startVoiceWithAgent(agentId, agentName, preferredModelId, coAgentId, configOverridesJson) {
+        try {
+            await this.voiceSession.StartVoiceSession(agentId, this.conversationId, null, agentName, preferredModelId ?? null, null, coAgentId ?? null, configOverridesJson ?? null);
+        }
+        catch (error) {
+            console.error('Failed to start voice session:', error);
+            this.toastService.error('Could not start the voice session.');
+        }
     }
     /**
      * Focus the message input textarea
@@ -928,7 +1187,31 @@ export class MessageInputComponent extends BaseAngularComponent {
                 conversationId: this.conversationId,
                 conversationName: this.conversationName
             });
+            // ── PR 2c follow-up: Before/After cancelable event wiring ──
+            // Emit beforeAgentTurn so consumers can veto the turn (rate-limit, guardrail,
+            // confirm-dialog, etc.). Cancel propagates synchronously through the chat-area
+            // re-emit binding, so by the time .emit() returns, event.Cancel reflects every
+            // subscriber's final answer.
+            const beforeEvent = new BeforeAgentTurnEventArgs(conversationId, userMessage.Message ?? '', this.applicationId);
+            this.beforeAgentTurn.emit(beforeEvent);
+            if (beforeEvent.Cancel) {
+                // Mark the conversation-manager message as canceled + clear its task so the
+                // UI doesn't show a forever-pending spinner. afterAgentTurn is NOT emitted.
+                await this.updateConversationDetail(conversationManagerMessage, beforeEvent.CancelReason ?? '⛔ Turn canceled before agent invocation', 'Error');
+                await this.updateConversationDetail(userMessage, userMessage.Message, 'Complete');
+                this.cleanupCompletionTimestamp(conversationManagerMessage.ID);
+                if (taskId) {
+                    this.activeTasks.remove(taskId);
+                    taskId = null;
+                }
+                return;
+            }
             const result = await this.agentService.processMessage(conversationId, userMessage, this.conversationHistory, conversationManagerMessage.ID, this.createProgressCallback(conversationManagerMessage, 'Sage'), this.appContext);
+            // 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.afterAgentTurn.emit(new AfterAgentTurnEventArgs(conversationId, (result.agentRun?.ID ?? ''), 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
@@ -1700,7 +1983,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         const agent = AIEngineBase.Instance.Agents.find(a => UUIDsEqual(a.ID, agentId));
         if (!agent) {
             console.warn('⚠️ Could not load agent for continuation - falling back to Sage');
-            await this.processMessageThroughAgent(userMessage, { mentions: [], agentMention: null, userMentions: [] });
+            await this.processMessageThroughAgent(userMessage, { mentions: [], agentMention: null, userMentions: [], entityMentions: [] });
             return;
         }
         const agentName = agent.Name || 'Agent';
@@ -1901,75 +2184,28 @@ export class MessageInputComponent extends BaseAngularComponent {
         }
     }
     /**
-     * Name the conversation based on the first message using GraphQL AI client
-     *
-     * IMPORTANT: This runs asynchronously in the background and has a 30-second timeout
-     * to prevent long delays. Failures are logged but don't affect the user experience.
+     * Names the conversation from its first message via the SHARED naming helper
+     * ({@link GenerateAndApplyConversationName}) — the same implementation the realtime
+     * session path uses. This wrapper keeps the composer-specific concerns local:
+     * mention stripping and the sidebar rename animation event.
      */
     async nameConversation(message) {
-        try {
-            // Load the Name Conversation prompt to get its ID
-            await AIEngineBase.Instance.Config(false);
-            const p = AIEngineBase.Instance.Prompts.find(pr => pr.Name === 'Name Conversation');
-            if (!p) {
-                console.warn('⚠️ Name Conversation prompt not found');
-                return;
-            }
-            const promptId = p.ID;
-            // Use GraphQL AI client to run the prompt (same client as agent)
-            const provider = this.ProviderToUse;
-            if (!provider) {
-                console.warn('⚠️ GraphQLDataProvider not available');
-                return;
-            }
-            // Convert message to plain text (strips JSON-encoded mentions like @{"id":"...","name":"Sage"} to @Sage)
-            const plainTextMessage = this.mentionParser.toPlainText(message, this.mentionAutocomplete.getAvailableAgents(), this.mentionAutocomplete.getAvailableUsers());
-            const aiClient = new GraphQLAIClient(provider);
-            // Add 30-second timeout to prevent long delays
-            // If this times out, the conversation will keep its default name
-            const timeoutPromise = new Promise((_, reject) => {
-                setTimeout(() => reject(new Error('Conversation naming timed out after 30 seconds')), 30000);
+        // Convert message to plain text (strips JSON-encoded mentions like @{"id":"...","name":"Sage"} to @Sage)
+        const plainTextMessage = this.mentionParser.toPlainText(message, this.mentionAutocomplete.getAvailableAgents(), this.mentionAutocomplete.getAvailableUsers());
+        const result = await GenerateAndApplyConversationName({
+            ConversationId: this.conversationId,
+            MessageText: plainTextMessage,
+            Provider: this.ProviderToUse,
+            CurrentUser: this.currentUser
+        });
+        if (result) {
+            // Emit event for animation in conversation list
+            this.conversationRenamed.emit({
+                conversationId: this.conversationId,
+                name: result.Name,
+                description: result.Description
             });
-            const result = await Promise.race([
-                aiClient.RunAIPrompt({
-                    promptId: promptId,
-                    messages: [{ role: 'user', content: plainTextMessage }],
-                }),
-                timeoutPromise
-            ]);
-            if (result && result.success && (result.parsedResult || result.output)) {
-                // Use parsedResult if available, otherwise clean and parse output
-                // (CleanAndParseJSON handles markdown code blocks like ```json ... ```)
-                const parsed = result.parsedResult ||
-                    (result.output ? CleanAndParseJSON(result.output) : null);
-                if (parsed) {
-                    const { name, description } = parsed;
-                    if (name) {
-                        // Update the conversation name and description in database AND state immediately
-                        await this.engine.SaveConversation(this.conversationId, { Name: name, Description: description || '' }, this.currentUser);
-                        // Emit event for animation in conversation list
-                        this.conversationRenamed.emit({
-                            conversationId: this.conversationId,
-                            name: name,
-                            description: description || ''
-                        });
-                        console.log(`✅ Conversation renamed to: "${name}"`);
-                    }
-                }
-            }
-            else {
-                console.warn('⚠️ Failed to generate conversation name - using default');
-            }
-        }
-        catch (error) {
-            // Log timeout or other errors but don't disrupt user experience
-            if (error instanceof Error && error.message.includes('timed out')) {
-                console.warn('⏱️ Conversation naming timed out - conversation will keep default name');
-            }
-            else {
-                console.error('❌ Error naming conversation:', error);
-            }
-            // Don't show error to user - naming failures should be silent
+            console.log(`✅ Conversation renamed to: "${result.Name}"`);
         }
     }
     /**
@@ -2022,32 +2258,36 @@ export class MessageInputComponent extends BaseAngularComponent {
             this.completionTimestamps.delete(conversationDetailId);
         }, 5000); // 5 seconds should be more than enough
     }
-    static ɵfac = function MessageInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MessageInputComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.ToastService), i0.ɵɵdirectiveInject(i3.ConversationAgentService), i0.ɵɵdirectiveInject(i4.DataCacheService), i0.ɵɵdirectiveInject(i5.ActiveTasksService), i0.ɵɵdirectiveInject(i6.ConversationStreamingService), i0.ɵɵdirectiveInject(i7.MentionParserService), i0.ɵɵdirectiveInject(i8.MentionAutocompleteService), i0.ɵɵdirectiveInject(i9.ConversationAttachmentService), i0.ɵɵdirectiveInject(i10.ConversationBridgeService)); };
+    static ɵfac = function MessageInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MessageInputComponent)(i0.ɵɵdirectiveInject(i1.DialogService), i0.ɵɵdirectiveInject(i2.ToastService), i0.ɵɵdirectiveInject(i3.ConversationAgentService), i0.ɵɵdirectiveInject(i4.DataCacheService), i0.ɵɵdirectiveInject(i5.ActiveTasksService), i0.ɵɵdirectiveInject(i6.ConversationStreamingService), i0.ɵɵdirectiveInject(i7.MentionParserService), i0.ɵɵdirectiveInject(i8.MentionAutocompleteService), i0.ɵɵdirectiveInject(i9.ConversationAttachmentService), i0.ɵɵdirectiveInject(i10.ConversationBridgeService), i0.ɵɵdirectiveInject(i11.RealtimeSessionService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MessageInputComponent, selectors: [["mj-message-input"]], viewQuery: function MessageInputComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputBox = _t.first);
-        } }, inputs: { conversationId: "conversationId", conversationName: "conversationName", currentUser: "currentUser", disabled: "disabled", placeholder: "placeholder", parentMessageId: "parentMessageId", enableAttachments: "enableAttachments", enableMentions: "enableMentions", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", artifactsByDetailId: "artifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", emptyStateMode: "emptyStateMode", appContext: "appContext", defaultAgentId: "defaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", agentConfigurationPresetId: "agentConfigurationPresetId", initialMessage: "initialMessage", initialAttachments: "initialAttachments", conversationHistory: "conversationHistory", inProgressMessageIds: "inProgressMessageIds" }, outputs: { messageSent: "messageSent", agentResponse: "agentResponse", agentRunDetected: "agentRunDetected", agentRunUpdate: "agentRunUpdate", messageComplete: "messageComplete", artifactCreated: "artifactCreated", conversationRenamed: "conversationRenamed", intentCheckStarted: "intentCheckStarted", intentCheckCompleted: "intentCheckCompleted", emptyStateSubmit: "emptyStateSubmit", uploadStateChanged: "uploadStateChanged", artifactPickerRequested: "artifactPickerRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 4, vars: 12, consts: [["inputBox", ""], [1, "message-input-wrapper"], [1, "processing-indicator"], [3, "valueChange", "textSubmitted", "attachmentsChanged", "attachmentError", "artifactPickerRequested", "placeholder", "disabled", "showCharacterCount", "enableMentions", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "rows", "value"], [1, "fas", "fa-circle-notch", "fa-spin"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { conversationId: "conversationId", conversationName: "conversationName", currentUser: "currentUser", disabled: "disabled", placeholder: "placeholder", parentMessageId: "parentMessageId", enableAttachments: "enableAttachments", enableMentions: "enableMentions", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", artifactsByDetailId: "artifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", emptyStateMode: "emptyStateMode", appContext: "appContext", defaultAgentId: "defaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", agentConfigurationPresetId: "agentConfigurationPresetId", initialMessage: "initialMessage", initialAttachments: "initialAttachments", conversationHistory: "conversationHistory", inProgressMessageIds: "inProgressMessageIds", applicationId: "applicationId" }, outputs: { messageSent: "messageSent", agentResponse: "agentResponse", beforeAgentTurn: "beforeAgentTurn", afterAgentTurn: "afterAgentTurn", agentRunDetected: "agentRunDetected", agentRunUpdate: "agentRunUpdate", messageComplete: "messageComplete", artifactCreated: "artifactCreated", conversationRenamed: "conversationRenamed", intentCheckStarted: "intentCheckStarted", intentCheckCompleted: "intentCheckCompleted", emptyStateSubmit: "emptyStateSubmit", uploadStateChanged: "uploadStateChanged", artifactPickerRequested: "artifactPickerRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 16, consts: [["inputBox", ""], [1, "message-input-wrapper"], [1, "processing-indicator"], [3, "valueChange", "textSubmitted", "attachmentsChanged", "attachmentError", "artifactPickerRequested", "voiceRequested", "voiceOptionsRequested", "placeholder", "disabled", "showCharacterCount", "enableMentions", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "rows", "enableVoice", "voiceActive", "canStartVoice", "value"], [3, "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"], [1, "fas", "fa-circle-notch", "fa-spin"], [3, "AgentPicked", "Cancelled", "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵconditionalCreate(1, MessageInputComponent_Conditional_1_Template, 4, 1, "div", 2);
             i0.ɵɵelementStart(2, "mj-message-input-box", 3, 0);
             i0.ɵɵtwoWayListener("valueChange", function MessageInputComponent_Template_mj_message_input_box_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.messageText, $event) || (ctx.messageText = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("textSubmitted", function MessageInputComponent_Template_mj_message_input_box_textSubmitted_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTextSubmitted($event)); })("attachmentsChanged", function MessageInputComponent_Template_mj_message_input_box_attachmentsChanged_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentsChanged($event)); })("attachmentError", function MessageInputComponent_Template_mj_message_input_box_attachmentError_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentError($event)); })("artifactPickerRequested", function MessageInputComponent_Template_mj_message_input_box_artifactPickerRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onArtifactPickerRequested()); });
-            i0.ɵɵelementEnd()();
+            i0.ɵɵlistener("textSubmitted", function MessageInputComponent_Template_mj_message_input_box_textSubmitted_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onTextSubmitted($event)); })("attachmentsChanged", function MessageInputComponent_Template_mj_message_input_box_attachmentsChanged_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentsChanged($event)); })("attachmentError", function MessageInputComponent_Template_mj_message_input_box_attachmentError_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAttachmentError($event)); })("artifactPickerRequested", function MessageInputComponent_Template_mj_message_input_box_artifactPickerRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onArtifactPickerRequested()); })("voiceRequested", function MessageInputComponent_Template_mj_message_input_box_voiceRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onStartVoice()); })("voiceOptionsRequested", function MessageInputComponent_Template_mj_message_input_box_voiceOptionsRequested_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onVoiceOptions()); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(4, MessageInputComponent_Conditional_4_Template, 1, 5, "mj-realtime-agent-picker", 4);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isProcessing ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled || ctx.isProcessing)("showCharacterCount", false)("enableMentions", ctx.enableMentions)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes)("currentUser", ctx.currentUser)("rows", 3);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled || ctx.isProcessing)("showCharacterCount", false)("enableMentions", ctx.enableMentions)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes)("currentUser", ctx.currentUser)("rows", 3)("enableVoice", true)("voiceActive", ctx.voiceActive)("canStartVoice", ctx.canStartVoice);
             i0.ɵɵtwoWayProperty("value", ctx.messageText);
-        } }, dependencies: [i11.MessageInputBoxComponent], styles: [".message-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n\n.processing-indicator[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}"] });
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showRealtimeAgentPicker ? 4 : -1);
+        } }, dependencies: [i12.RealtimeAgentPickerComponent, i13.MessageInputBoxComponent], styles: [".message-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n\n.processing-indicator[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageInputComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-message-input', template: "<div class=\"message-input-wrapper\">\n  <!-- Processing Indicator Overlay -->\n  @if (isProcessing) {\n    <div class=\"processing-indicator\">\n      <i class=\"fas fa-circle-notch fa-spin\"></i>\n      <span>{{ processingMessage }}</span>\n    </div>\n  }\n\n  <!-- Message Input Box -->\n  <mj-message-input-box\n    #inputBox\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled || isProcessing\"\n    [showCharacterCount]=\"false\"\n    [enableMentions]=\"enableMentions\"\n    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [rows]=\"3\"\n    [(value)]=\"messageText\"\n    (textSubmitted)=\"onTextSubmitted($event)\"\n    (attachmentsChanged)=\"onAttachmentsChanged($event)\"\n    (attachmentError)=\"onAttachmentError($event)\"\n    (artifactPickerRequested)=\"onArtifactPickerRequested()\">\n  </mj-message-input-box>\n</div>", styles: [".message-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.processing-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator i {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator span {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}\n"] }]
-    }], () => [{ type: i1.DialogService }, { type: i2.ToastService }, { type: i3.ConversationAgentService }, { type: i4.DataCacheService }, { type: i5.ActiveTasksService }, { type: i6.ConversationStreamingService }, { type: i7.MentionParserService }, { type: i8.MentionAutocompleteService }, { type: i9.ConversationAttachmentService }, { type: i10.ConversationBridgeService }], { conversationId: [{
+        args: [{ standalone: false, selector: 'mj-message-input', template: "<div class=\"message-input-wrapper\">\n  <!-- Processing Indicator Overlay -->\n  @if (isProcessing) {\n    <div class=\"processing-indicator\">\n      <i class=\"fas fa-circle-notch fa-spin\"></i>\n      <span>{{ processingMessage }}</span>\n    </div>\n  }\n\n  <!-- Message Input Box (mic button lives in its in-composer toolbar) -->\n  <mj-message-input-box\n    #inputBox\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled || isProcessing\"\n    [showCharacterCount]=\"false\"\n    [enableMentions]=\"enableMentions\"\n    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [rows]=\"3\"\n    [enableVoice]=\"true\"\n    [voiceActive]=\"voiceActive\"\n    [canStartVoice]=\"canStartVoice\"\n    [(value)]=\"messageText\"\n    (textSubmitted)=\"onTextSubmitted($event)\"\n    (attachmentsChanged)=\"onAttachmentsChanged($event)\"\n    (attachmentError)=\"onAttachmentError($event)\"\n    (artifactPickerRequested)=\"onArtifactPickerRequested()\"\n    (voiceRequested)=\"onStartVoice()\"\n    (voiceOptionsRequested)=\"onVoiceOptions()\">\n  </mj-message-input-box>\n\n  <!-- Voice agent/co-agent/model picker \u2014 shown when starting a call on a conversation\n       with NO prior agent participation, or on demand via the caret next to the phone\n       button (any conversation). Anchored above the composer. -->\n  @if (showRealtimeAgentPicker) {\n    <mj-realtime-agent-picker\n      [Provider]=\"Provider\"\n      [Agents]=\"voicePickerAgents\"\n      [DefaultAgentId]=\"voicePickerDefaultAgentId\"\n      [CoAgents]=\"voicePickerCoAgents\"\n      [DefaultCoAgentId]=\"voicePickerDefaultCoAgentId\"\n      (AgentPicked)=\"onRealtimeAgentPicked($event)\"\n      (Cancelled)=\"onRealtimeAgentPickerCancelled()\">\n    </mj-realtime-agent-picker>\n  }\n</div>\n\n<!-- The voice \"call mode\" overlay is hosted by <mj-conversation-chat-area> (it fills the\n     whole conversation panel in place); this component only owns the trigger wiring. -->\n", styles: [".message-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.processing-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator i {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator span {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}\n"] }]
+    }], () => [{ type: i1.DialogService }, { type: i2.ToastService }, { type: i3.ConversationAgentService }, { type: i4.DataCacheService }, { type: i5.ActiveTasksService }, { type: i6.ConversationStreamingService }, { type: i7.MentionParserService }, { type: i8.MentionAutocompleteService }, { type: i9.ConversationAttachmentService }, { type: i10.ConversationBridgeService }, { type: i11.RealtimeSessionService }], { conversationId: [{
             type: Input
         }], conversationName: [{
             type: Input
@@ -2093,10 +2333,16 @@ export class MessageInputComponent extends BaseAngularComponent {
             type: Input
         }], inProgressMessageIds: [{
             type: Input
+        }], applicationId: [{
+            type: Input
         }], messageSent: [{
             type: Output
         }], agentResponse: [{
             type: Output
+        }], beforeAgentTurn: [{
+            type: Output
+        }], afterAgentTurn: [{
+            type: Output
         }], agentRunDetected: [{
             type: Output
         }], agentRunUpdate: [{
@@ -2121,5 +2367,5 @@ export class MessageInputComponent extends BaseAngularComponent {
             type: ViewChild,
             args: ['inputBox']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageInputComponent, { className: "MessageInputComponent", filePath: "src/lib/components/message/message-input.component.ts", lineNumber: 33 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageInputComponent, { className: "MessageInputComponent", filePath: "src/lib/components/message/message-input.component.ts", lineNumber: 43 }); })();
 //# sourceMappingURL=message-input.component.js.map