@memberjunction/ng-conversations 5.48.0 → 5.50.0

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

@@ -67,6 +67,14 @@ export class MessageInputComponent extends BaseAngularComponent {
     parentMessageId; // Optional: for replying in threads
     enableAttachments = true; // Whether to show attachment button (based on agent modality support)
     enableMentions = true; // Whether to enable @-mention autocomplete (agents/users). Hosts addressing a single fixed agent (e.g. Form Builder cockpit) typically set false.
+    // Per-type caps under enableMentions (all default true) — forwarded to the AI composer's
+    // EnableAgentMentions/EnableEntityMentions/EnableSkillCommands. Let a host keep '/' skill
+    // commands while dropping '@' agent mentions (which would override a pinned default agent).
+    enableAgentMentions = true;
+    enableEntityMentions = true;
+    enableSkillCommands = true;
+    enablePlanMode = true; // Whether the composer shows the Plan Mode toggle. Hosts that don't expose plan-mode workflows set false.
+    enableRealtime = true; // Whether the composer shows the realtime voice-call launcher/options. Hosts without a voice experience set false.
     maxAttachments = 10; // Maximum number of attachments per message
     maxAttachmentSizeBytes = 20 * 1024 * 1024; // Maximum size per attachment (20MB default)
     acceptedFileTypes = 'image/*'; // Accepted MIME types pattern
@@ -2490,7 +2498,7 @@ export class MessageInputComponent extends BaseAngularComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputBox = _t.first);
-        } }, inputs: { conversationId: "conversationId", conversationName: "conversationName", currentUser: "currentUser", disabled: "disabled", placeholder: "placeholder", parentMessageId: "parentMessageId", enableAttachments: "enableAttachments", enableMentions: "enableMentions", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", artifactsByDetailId: "artifactsByDetailId", systemArtifactsByDetailId: "systemArtifactsByDetailId", agentRunsByDetailId: "agentRunsByDetailId", emptyStateMode: "emptyStateMode", appContext: "appContext", defaultAgentId: "defaultAgentId", conversationDefaultAgentId: "conversationDefaultAgentId", agentConfigurationPresetId: "agentConfigurationPresetId", initialMessage: "initialMessage", initialAttachments: "initialAttachments", conversationHistory: "conversationHistory", inProgressMessageIds: "inProgressMessageIds", applicationId: "applicationId", initialDraft: "initialDraft" }, outputs: { messageSent: "messageSent", agentResponse: "agentResponse", beforeAgentTurn: "beforeAgentTurn", afterAgentTurn: "afterAgentTurn", agentRunDetected: "agentRunDetected", agentRunUpdate: "agentRunUpdate", messageComplete: "messageComplete", artifactCreated: "artifactCreated", conversationRenamed: "conversationRenamed", intentCheckStarted: "intentCheckStarted", intentCheckCompleted: "intentCheckCompleted", initialMessageAutoSendStarted: "initialMessageAutoSendStarted", initialMessageAutoSendFailed: "initialMessageAutoSendFailed", emptyStateSubmit: "emptyStateSubmit", uploadStateChanged: "uploadStateChanged", initialDraftApplied: "initialDraftApplied", DraftStateChanged: "DraftStateChanged", ComposerBlurred: "ComposerBlurred" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 23, consts: [["pickerOrigin", "cdkOverlayOrigin"], ["inputBox", ""], ["cdkOverlayOrigin", "", 1, "message-input-wrapper"], [1, "processing-indicator"], [3, "valueChange", "blurred", "textSubmitted", "attachmentsChanged", "attachmentError", "voiceRequested", "voiceOptionsRequested", "planModeToggle", "placeholder", "disabled", "showCharacterCount", "enableMentions", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "Provider", "rows", "enableRealtime", "voiceActive", "canStartRealtime", "enablePlanMode", "planModeActive", "value"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPush", "cdkConnectedOverlayHasBackdrop"], [1, "fas", "fa-circle-notch", "fa-spin"], [3, "AgentPicked", "Cancelled", "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { conversationId: "conversationId", conversationName: "conversationName", currentUser: "currentUser", disabled: "disabled", placeholder: "placeholder", parentMessageId: "parentMessageId", enableAttachments: "enableAttachments", enableMentions: "enableMentions", enableAgentMentions: "enableAgentMentions", enableEntityMentions: "enableEntityMentions", enableSkillCommands: "enableSkillCommands", enablePlanMode: "enablePlanMode", enableRealtime: "enableRealtime", 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", initialDraft: "initialDraft" }, outputs: { messageSent: "messageSent", agentResponse: "agentResponse", beforeAgentTurn: "beforeAgentTurn", afterAgentTurn: "afterAgentTurn", agentRunDetected: "agentRunDetected", agentRunUpdate: "agentRunUpdate", messageComplete: "messageComplete", artifactCreated: "artifactCreated", conversationRenamed: "conversationRenamed", intentCheckStarted: "intentCheckStarted", intentCheckCompleted: "intentCheckCompleted", initialMessageAutoSendStarted: "initialMessageAutoSendStarted", initialMessageAutoSendFailed: "initialMessageAutoSendFailed", emptyStateSubmit: "emptyStateSubmit", uploadStateChanged: "uploadStateChanged", initialDraftApplied: "initialDraftApplied", DraftStateChanged: "DraftStateChanged", ComposerBlurred: "ComposerBlurred" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 6, vars: 26, consts: [["pickerOrigin", "cdkOverlayOrigin"], ["inputBox", ""], ["cdkOverlayOrigin", "", 1, "message-input-wrapper"], [1, "processing-indicator"], [3, "valueChange", "blurred", "textSubmitted", "attachmentsChanged", "attachmentError", "voiceRequested", "voiceOptionsRequested", "planModeToggle", "placeholder", "disabled", "showCharacterCount", "enableMentions", "EnableAgentMentions", "EnableEntityMentions", "EnableSkillCommands", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "currentUser", "Provider", "rows", "enableRealtime", "voiceActive", "canStartRealtime", "enablePlanMode", "planModeActive", "value"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPush", "cdkConnectedOverlayHasBackdrop"], [1, "fas", "fa-circle-notch", "fa-spin"], [3, "AgentPicked", "Cancelled", "Provider", "Agents", "DefaultAgentId", "CoAgents", "DefaultCoAgentId"]], template: function MessageInputComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2, 0);
             i0.ɵɵconditionalCreate(2, MessageInputComponent_Conditional_2_Template, 4, 1, "div", 3);
@@ -2505,14 +2513,14 @@ export class MessageInputComponent extends BaseAngularComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.isProcessing ? 2 : -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)("Provider", ctx.Provider)("rows", 3)("enableRealtime", true)("voiceActive", ctx.voiceActive)("canStartRealtime", ctx.canStartRealtime)("enablePlanMode", true)("planModeActive", ctx.PlanModeEnabled)("value", ctx.messageText);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled || ctx.isProcessing)("showCharacterCount", false)("enableMentions", ctx.enableMentions)("EnableAgentMentions", ctx.enableAgentMentions)("EnableEntityMentions", ctx.enableEntityMentions)("EnableSkillCommands", ctx.enableSkillCommands)("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)("value", ctx.messageText);
             i0.ɵɵadvance(2);
             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\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\" 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    [enableAttachments]=\"enableAttachments\"\n    [maxAttachments]=\"maxAttachments\"\n    [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n    [acceptedFileTypes]=\"acceptedFileTypes\"\n    [currentUser]=\"currentUser\"\n    [Provider]=\"Provider\"\n    [rows]=\"3\"\n    [enableRealtime]=\"true\"\n    [voiceActive]=\"voiceActive\"\n    [canStartRealtime]=\"canStartRealtime\"\n    [enablePlanMode]=\"true\"\n    [planModeActive]=\"PlanModeEnabled\"\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]=\"Provider\"\n      [Agents]=\"voicePickerAgents\"\n      [DefaultAgentId]=\"voicePickerDefaultAgentId\"\n      [CoAgents]=\"voicePickerCoAgents\"\n      [DefaultCoAgentId]=\"voicePickerDefaultCoAgentId\"\n      (AgentPicked)=\"onRealtimeAgentPicked($event)\"\n      (Cancelled)=\"onRealtimeAgentPickerCancelled()\">\n    </mj-realtime-agent-picker>\n  </ng-template>\n</div>\n\n<!-- The voice \"call mode\" overlay is hosted by <mj-conversation-chat-area> (it fills the\n     whole conversation panel in place); this component only owns the trigger wiring. -->\n", styles: [".message-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n/* Plan Mode moved into the in-composer toolbar (message-input-box) as a toggle icon button\n   next to the attachment/voice buttons \u2014 see .plan-mode-button-icon there. */\n\n.processing-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator i {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator span {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}\n"] }]
+        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    [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    [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]=\"Provider\"\n      [Agents]=\"voicePickerAgents\"\n      [DefaultAgentId]=\"voicePickerDefaultAgentId\"\n      [CoAgents]=\"voicePickerCoAgents\"\n      [DefaultCoAgentId]=\"voicePickerDefaultCoAgentId\"\n      (AgentPicked)=\"onRealtimeAgentPicked($event)\"\n      (Cancelled)=\"onRealtimeAgentPickerCancelled()\">\n    </mj-realtime-agent-picker>\n  </ng-template>\n</div>\n\n<!-- The voice \"call mode\" overlay is hosted by <mj-conversation-chat-area> (it fills the\n     whole conversation panel in place); this component only owns the trigger wiring. -->\n", styles: [".message-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n/* Plan Mode moved into the in-composer toolbar (message-input-box) as a toggle icon button\n   next to the attachment/voice buttons \u2014 see .plan-mode-button-icon there. */\n\n.processing-indicator {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1.25rem;\n  background: color-mix(in srgb, var(--mj-bg-surface-card) 95%, transparent);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-sm);\n  z-index: 10;\n  pointer-events: none;\n}\n.processing-indicator i {\n  color: var(--mj-brand-primary);\n}\n.processing-indicator span {\n  font-size: 0.9rem;\n  color: var(--mj-text-primary);\n}\n"] }]
     }], () => [{ type: i1.DialogService }, { type: i2.ToastService }, { type: i3.ConversationAgentService }, { type: i4.DataCacheService }, { type: i5.ActiveTasksService }, { type: i6.ConversationStreamingService }, { type: i7.MentionParserService }, { type: i8.ConversationAttachmentService }, { type: i9.ConversationBridgeService }, { type: i10.RealtimeSessionService }], { conversationId: [{
             type: Input
         }], conversationName: [{
@@ -2529,6 +2537,16 @@ export class MessageInputComponent extends BaseAngularComponent {
             type: Input
         }], enableMentions: [{
             type: Input
+        }], enableAgentMentions: [{
+            type: Input
+        }], enableEntityMentions: [{
+            type: Input
+        }], enableSkillCommands: [{
+            type: Input
+        }], enablePlanMode: [{
+            type: Input
+        }], enableRealtime: [{
+            type: Input
         }], maxAttachments: [{
             type: Input
         }], maxAttachmentSizeBytes: [{