@memberjunction/ng-conversations 5.43.0 → 5.45.0

package/dist/lib/components/composer/ai-composer.component.d.ts

@@ -0,0 +1,103 @@
+import { EventEmitter } from '@angular/core';
+import { IMetadataProvider, UserInfo } from '@memberjunction/core';
+import { ComposerTriggerProvider, MentionEditorComponent, MessageInputBoxComponent, PendingAttachment } from '@memberjunction/ng-composer';
+import * as i0 from "@angular/core";
+/**
+ * AI-aware composer: wraps the generic `<mj-message-input-box>` (from
+ * `@memberjunction/ng-composer`, which ships zero AI knowledge) and builds the AI
+ * trigger plugins in — '@' agent/user mentions, '#' entity/query record mentions, and
+ * '/' skill commands — while proxying the input box's full surface (inputs, outputs,
+ * and public methods).
+ *
+ * The familiar granular flags live HERE now:
+ * - `EnableAgentMentions` (default true) — the '@' trigger
+ * - `EnableEntityMentions` (default true) — the '#' trigger
+ * - `EnableSkillCommands` (default true) — the '/' trigger
+ * plus the pass-through `enableMentions` master switch.
+ *
+ * The wrapper always runs the inner editor in EXPLICIT provider-list mode (it owns the
+ * list; it deliberately does not proxy `TriggerProviders` / `ExcludedTriggerKeys` — use
+ * the raw `<mj-message-input-box>` when you need custom providers or discovery mode).
+ */
+export declare class AiComposerComponent {
+    inputBox?: MessageInputBoxComponent;
+    private _enableAgentMentions;
+    private _enableEntityMentions;
+    private _enableSkillCommands;
+    private _activeTriggerProviders;
+    private readonly agentMentionProvider;
+    private readonly recordMentionProvider;
+    private readonly skillCommandProvider;
+    constructor();
+    /** Enables the '@' trigger (agent + user mentions). */
+    set EnableAgentMentions(value: boolean);
+    get EnableAgentMentions(): boolean;
+    /** Enables the '#' trigger (entity + query record mentions). */
+    set EnableEntityMentions(value: boolean);
+    get EnableEntityMentions(): boolean;
+    /** Enables the '/' trigger (skill commands). */
+    set EnableSkillCommands(value: boolean);
+    get EnableSkillCommands(): boolean;
+    /** The explicit provider list bound to the inner editor (stable reference; rebuilt only when a flag flips). */
+    get ActiveTriggerProviders(): ComposerTriggerProvider[];
+    private rebuildTriggerProviders;
+    placeholder: string;
+    disabled: boolean;
+    value: string;
+    showCharacterCount: boolean;
+    /** Master switch for all mention/command triggers (pass-through). */
+    enableMentions: boolean;
+    /** Optional metadata provider scoping this composer (pass-through to the trigger plugins). */
+    Provider: IMetadataProvider | null;
+    currentUser?: UserInfo;
+    rows: number;
+    enableAttachments: boolean;
+    maxAttachments: number;
+    maxAttachmentSizeBytes: number;
+    acceptedFileTypes: string;
+    enableRealtime: boolean;
+    voiceActive: boolean;
+    canStartRealtime: boolean;
+    enablePlanMode: boolean;
+    planModeActive: boolean;
+    textSubmitted: EventEmitter<string>;
+    valueChange: EventEmitter<string>;
+    attachmentsChanged: EventEmitter<PendingAttachment[]>;
+    attachmentError: EventEmitter<string>;
+    attachmentClicked: EventEmitter<PendingAttachment>;
+    voiceRequested: EventEmitter<void>;
+    voiceOptionsRequested: EventEmitter<void>;
+    planModeToggle: EventEmitter<void>;
+    onInnerValueChange(newValue: string): void;
+    /** The inner mention editor — kept reachable for hosts that drive it directly (e.g. clear-after-programmatic-send). */
+    get mentionEditor(): MentionEditorComponent | undefined;
+    /** Focus the composer input. */
+    focus(): void;
+    /** Clear the editor content and pending attachments. */
+    clear(): void;
+    /** Mention chip data (id/type/name + preset info) currently in the editor. */
+    getMentionChipsData(): Array<{
+        id: string;
+        type: string;
+        name: string;
+        presetId?: string;
+        presetName?: string;
+    }>;
+    /** Plain text with mentions encoded as JSON (`@{"type":...}`) — the persistence format. */
+    getPlainTextWithJsonMentions(): string;
+    /** Pending (not yet uploaded) attachments. */
+    getPendingAttachments(): PendingAttachment[];
+    /** Open the attachment file picker programmatically. */
+    openFilePicker(): void;
+    /** Attach an artifact as a pending attachment (artifact picker flow). */
+    AddArtifactAttachment(artifact: {
+        fileID: string;
+        fileName: string;
+        mimeType: string;
+        sizeBytes: number;
+        artifactVersionId?: string;
+    }): PendingAttachment | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AiComposerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AiComposerComponent, "mj-ai-composer", never, { "EnableAgentMentions": { "alias": "EnableAgentMentions"; "required": false; }; "EnableEntityMentions": { "alias": "EnableEntityMentions"; "required": false; }; "EnableSkillCommands": { "alias": "EnableSkillCommands"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "enableMentions": { "alias": "enableMentions"; "required": false; }; "Provider": { "alias": "Provider"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "enableAttachments": { "alias": "enableAttachments"; "required": false; }; "maxAttachments": { "alias": "maxAttachments"; "required": false; }; "maxAttachmentSizeBytes": { "alias": "maxAttachmentSizeBytes"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "enableRealtime": { "alias": "enableRealtime"; "required": false; }; "voiceActive": { "alias": "voiceActive"; "required": false; }; "canStartRealtime": { "alias": "canStartRealtime"; "required": false; }; "enablePlanMode": { "alias": "enablePlanMode"; "required": false; }; "planModeActive": { "alias": "planModeActive"; "required": false; }; }, { "textSubmitted": "textSubmitted"; "valueChange": "valueChange"; "attachmentsChanged": "attachmentsChanged"; "attachmentError": "attachmentError"; "attachmentClicked": "attachmentClicked"; "voiceRequested": "voiceRequested"; "voiceOptionsRequested": "voiceOptionsRequested"; "planModeToggle": "planModeToggle"; }, never, never, false, never>;
+}
+//# sourceMappingURL=ai-composer.component.d.ts.map

package/dist/lib/components/composer/ai-composer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-composer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/composer/ai-composer.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/composer/ai-composer.component.js

@@ -0,0 +1,263 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { AgentMentionProvider } from '../../composer-plugins/agent-mention.provider';
+import { RecordMentionProvider } from '../../composer-plugins/record-mention.provider';
+import { SkillCommandProvider } from '../../composer-plugins/skill-command.provider';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-composer";
+const _c0 = ["inputBox"];
+/**
+ * AI-aware composer: wraps the generic `<mj-message-input-box>` (from
+ * `@memberjunction/ng-composer`, which ships zero AI knowledge) and builds the AI
+ * trigger plugins in — '@' agent/user mentions, '#' entity/query record mentions, and
+ * '/' skill commands — while proxying the input box's full surface (inputs, outputs,
+ * and public methods).
+ *
+ * The familiar granular flags live HERE now:
+ * - `EnableAgentMentions` (default true) — the '@' trigger
+ * - `EnableEntityMentions` (default true) — the '#' trigger
+ * - `EnableSkillCommands` (default true) — the '/' trigger
+ * plus the pass-through `enableMentions` master switch.
+ *
+ * The wrapper always runs the inner editor in EXPLICIT provider-list mode (it owns the
+ * list; it deliberately does not proxy `TriggerProviders` / `ExcludedTriggerKeys` — use
+ * the raw `<mj-message-input-box>` when you need custom providers or discovery mode).
+ */
+export class AiComposerComponent {
+    inputBox;
+    // ── AI convenience flags (the wrapper's reason to exist) ─────────────────────────
+    _enableAgentMentions = true;
+    _enableEntityMentions = true;
+    _enableSkillCommands = true;
+    _activeTriggerProviders = [];
+    // One instance per plugin per composer — all instances share the singleton
+    // MentionAutocompleteService engine, so there is no duplicate cache warm-up.
+    agentMentionProvider = new AgentMentionProvider();
+    recordMentionProvider = new RecordMentionProvider();
+    skillCommandProvider = new SkillCommandProvider();
+    constructor() {
+        this.rebuildTriggerProviders();
+    }
+    /** Enables the '@' trigger (agent + user mentions). */
+    set EnableAgentMentions(value) {
+        if (value !== this._enableAgentMentions) {
+            this._enableAgentMentions = value;
+            this.rebuildTriggerProviders();
+        }
+    }
+    get EnableAgentMentions() {
+        return this._enableAgentMentions;
+    }
+    /** Enables the '#' trigger (entity + query record mentions). */
+    set EnableEntityMentions(value) {
+        if (value !== this._enableEntityMentions) {
+            this._enableEntityMentions = value;
+            this.rebuildTriggerProviders();
+        }
+    }
+    get EnableEntityMentions() {
+        return this._enableEntityMentions;
+    }
+    /** Enables the '/' trigger (skill commands). */
+    set EnableSkillCommands(value) {
+        if (value !== this._enableSkillCommands) {
+            this._enableSkillCommands = value;
+            this.rebuildTriggerProviders();
+        }
+    }
+    get EnableSkillCommands() {
+        return this._enableSkillCommands;
+    }
+    /** The explicit provider list bound to the inner editor (stable reference; rebuilt only when a flag flips). */
+    get ActiveTriggerProviders() {
+        return this._activeTriggerProviders;
+    }
+    rebuildTriggerProviders() {
+        const providers = [];
+        if (this._enableAgentMentions)
+            providers.push(this.agentMentionProvider);
+        if (this._enableEntityMentions)
+            providers.push(this.recordMentionProvider);
+        if (this._enableSkillCommands)
+            providers.push(this.skillCommandProvider);
+        this._activeTriggerProviders = providers;
+    }
+    // ── Proxied inputs (identical names/defaults to MessageInputBoxComponent) ────────
+    placeholder = 'Type your message to start a new conversation...';
+    disabled = false;
+    value = '';
+    showCharacterCount = false;
+    /** Master switch for all mention/command triggers (pass-through). */
+    enableMentions = true;
+    /** Optional metadata provider scoping this composer (pass-through to the trigger plugins). */
+    Provider = null;
+    currentUser;
+    rows = 3;
+    enableAttachments = true;
+    maxAttachments = 10;
+    maxAttachmentSizeBytes = 20 * 1024 * 1024; // 20MB
+    acceptedFileTypes = 'image/*';
+    enableRealtime = false;
+    voiceActive = false;
+    canStartRealtime = true;
+    enablePlanMode = false;
+    planModeActive = false;
+    // ── Proxied outputs ───────────────────────────────────────────────────────────────
+    textSubmitted = new EventEmitter();
+    valueChange = new EventEmitter();
+    attachmentsChanged = new EventEmitter();
+    attachmentError = new EventEmitter();
+    attachmentClicked = new EventEmitter();
+    voiceRequested = new EventEmitter();
+    voiceOptionsRequested = new EventEmitter();
+    planModeToggle = new EventEmitter();
+    onInnerValueChange(newValue) {
+        this.value = newValue;
+        this.valueChange.emit(newValue);
+    }
+    // ── Proxied public methods (ViewChild delegation) ─────────────────────────────────
+    /** The inner mention editor — kept reachable for hosts that drive it directly (e.g. clear-after-programmatic-send). */
+    get mentionEditor() {
+        return this.inputBox?.mentionEditor;
+    }
+    /** Focus the composer input. */
+    focus() {
+        this.inputBox?.focus();
+    }
+    /** Clear the editor content and pending attachments. */
+    clear() {
+        this.inputBox?.mentionEditor?.clear();
+    }
+    /** Mention chip data (id/type/name + preset info) currently in the editor. */
+    getMentionChipsData() {
+        return this.inputBox?.getMentionChipsData() || [];
+    }
+    /** Plain text with mentions encoded as JSON (`@{"type":...}`) — the persistence format. */
+    getPlainTextWithJsonMentions() {
+        return this.inputBox?.mentionEditor?.getPlainTextWithJsonMentions() || '';
+    }
+    /** Pending (not yet uploaded) attachments. */
+    getPendingAttachments() {
+        return this.inputBox?.getPendingAttachments() || [];
+    }
+    /** Open the attachment file picker programmatically. */
+    openFilePicker() {
+        this.inputBox?.openFilePicker();
+    }
+    /** Attach an artifact as a pending attachment (artifact picker flow). */
+    AddArtifactAttachment(artifact) {
+        return this.inputBox?.AddArtifactAttachment(artifact);
+    }
+    static ɵfac = function AiComposerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AiComposerComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AiComposerComponent, selectors: [["mj-ai-composer"]], viewQuery: function AiComposerComponent_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: { EnableAgentMentions: "EnableAgentMentions", EnableEntityMentions: "EnableEntityMentions", EnableSkillCommands: "EnableSkillCommands", placeholder: "placeholder", disabled: "disabled", value: "value", showCharacterCount: "showCharacterCount", enableMentions: "enableMentions", Provider: "Provider", currentUser: "currentUser", rows: "rows", enableAttachments: "enableAttachments", maxAttachments: "maxAttachments", maxAttachmentSizeBytes: "maxAttachmentSizeBytes", acceptedFileTypes: "acceptedFileTypes", enableRealtime: "enableRealtime", voiceActive: "voiceActive", canStartRealtime: "canStartRealtime", enablePlanMode: "enablePlanMode", planModeActive: "planModeActive" }, outputs: { textSubmitted: "textSubmitted", valueChange: "valueChange", attachmentsChanged: "attachmentsChanged", attachmentError: "attachmentError", attachmentClicked: "attachmentClicked", voiceRequested: "voiceRequested", voiceOptionsRequested: "voiceOptionsRequested", planModeToggle: "planModeToggle" }, standalone: false, decls: 2, vars: 18, consts: [["inputBox", ""], [3, "textSubmitted", "valueChange", "attachmentsChanged", "attachmentError", "attachmentClicked", "voiceRequested", "voiceOptionsRequested", "planModeToggle", "placeholder", "disabled", "value", "showCharacterCount", "enableMentions", "TriggerProviders", "Provider", "currentUser", "rows", "enableAttachments", "maxAttachments", "maxAttachmentSizeBytes", "acceptedFileTypes", "enableRealtime", "voiceActive", "canStartRealtime", "enablePlanMode", "planModeActive"]], template: function AiComposerComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mj-message-input-box", 1, 0);
+            i0.ɵɵlistener("textSubmitted", function AiComposerComponent_Template_mj_message_input_box_textSubmitted_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.textSubmitted.emit($event)); })("valueChange", function AiComposerComponent_Template_mj_message_input_box_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInnerValueChange($event)); })("attachmentsChanged", function AiComposerComponent_Template_mj_message_input_box_attachmentsChanged_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.attachmentsChanged.emit($event)); })("attachmentError", function AiComposerComponent_Template_mj_message_input_box_attachmentError_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.attachmentError.emit($event)); })("attachmentClicked", function AiComposerComponent_Template_mj_message_input_box_attachmentClicked_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.attachmentClicked.emit($event)); })("voiceRequested", function AiComposerComponent_Template_mj_message_input_box_voiceRequested_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.voiceRequested.emit()); })("voiceOptionsRequested", function AiComposerComponent_Template_mj_message_input_box_voiceOptionsRequested_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.voiceOptionsRequested.emit()); })("planModeToggle", function AiComposerComponent_Template_mj_message_input_box_planModeToggle_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.planModeToggle.emit()); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("disabled", ctx.disabled)("value", ctx.value)("showCharacterCount", ctx.showCharacterCount)("enableMentions", ctx.enableMentions)("TriggerProviders", ctx.ActiveTriggerProviders)("Provider", ctx.Provider)("currentUser", ctx.currentUser)("rows", ctx.rows)("enableAttachments", ctx.enableAttachments)("maxAttachments", ctx.maxAttachments)("maxAttachmentSizeBytes", ctx.maxAttachmentSizeBytes)("acceptedFileTypes", ctx.acceptedFileTypes)("enableRealtime", ctx.enableRealtime)("voiceActive", ctx.voiceActive)("canStartRealtime", ctx.canStartRealtime)("enablePlanMode", ctx.enablePlanMode)("planModeActive", ctx.planModeActive);
+        } }, dependencies: [i1.MessageInputBoxComponent], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AiComposerComponent, [{
+        type: Component,
+        args: [{
+                standalone: false,
+                selector: 'mj-ai-composer',
+                template: `
+    <mj-message-input-box
+      #inputBox
+      [placeholder]="placeholder"
+      [disabled]="disabled"
+      [value]="value"
+      [showCharacterCount]="showCharacterCount"
+      [enableMentions]="enableMentions"
+      [TriggerProviders]="ActiveTriggerProviders"
+      [Provider]="Provider"
+      [currentUser]="currentUser"
+      [rows]="rows"
+      [enableAttachments]="enableAttachments"
+      [maxAttachments]="maxAttachments"
+      [maxAttachmentSizeBytes]="maxAttachmentSizeBytes"
+      [acceptedFileTypes]="acceptedFileTypes"
+      [enableRealtime]="enableRealtime"
+      [voiceActive]="voiceActive"
+      [canStartRealtime]="canStartRealtime"
+      [enablePlanMode]="enablePlanMode"
+      [planModeActive]="planModeActive"
+      (textSubmitted)="textSubmitted.emit($event)"
+      (valueChange)="onInnerValueChange($event)"
+      (attachmentsChanged)="attachmentsChanged.emit($event)"
+      (attachmentError)="attachmentError.emit($event)"
+      (attachmentClicked)="attachmentClicked.emit($event)"
+      (voiceRequested)="voiceRequested.emit()"
+      (voiceOptionsRequested)="voiceOptionsRequested.emit()"
+      (planModeToggle)="planModeToggle.emit()">
+    </mj-message-input-box>
+  `
+            }]
+    }], () => [], { inputBox: [{
+            type: ViewChild,
+            args: ['inputBox']
+        }], EnableAgentMentions: [{
+            type: Input
+        }], EnableEntityMentions: [{
+            type: Input
+        }], EnableSkillCommands: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], showCharacterCount: [{
+            type: Input
+        }], enableMentions: [{
+            type: Input
+        }], Provider: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], rows: [{
+            type: Input
+        }], enableAttachments: [{
+            type: Input
+        }], maxAttachments: [{
+            type: Input
+        }], maxAttachmentSizeBytes: [{
+            type: Input
+        }], acceptedFileTypes: [{
+            type: Input
+        }], enableRealtime: [{
+            type: Input
+        }], voiceActive: [{
+            type: Input
+        }], canStartRealtime: [{
+            type: Input
+        }], enablePlanMode: [{
+            type: Input
+        }], planModeActive: [{
+            type: Input
+        }], textSubmitted: [{
+            type: Output
+        }], valueChange: [{
+            type: Output
+        }], attachmentsChanged: [{
+            type: Output
+        }], attachmentError: [{
+            type: Output
+        }], attachmentClicked: [{
+            type: Output
+        }], voiceRequested: [{
+            type: Output
+        }], voiceOptionsRequested: [{
+            type: Output
+        }], planModeToggle: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AiComposerComponent, { className: "AiComposerComponent", filePath: "src/lib/components/composer/ai-composer.component.ts", lineNumber: 65 }); })();
+//# sourceMappingURL=ai-composer.component.js.map

package/dist/lib/components/composer/ai-composer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-composer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/composer/ai-composer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\nimport { IMetadataProvider, UserInfo } from '@memberjunction/core';\nimport {\n  ComposerTriggerProvider,\n  MentionEditorComponent,\n  MessageInputBoxComponent,\n  PendingAttachment\n} from '@memberjunction/ng-composer';\nimport { AgentMentionProvider } from '../../composer-plugins/agent-mention.provider';\nimport { RecordMentionProvider } from '../../composer-plugins/record-mention.provider';\nimport { SkillCommandProvider } from '../../composer-plugins/skill-command.provider';\n\n/**\n * AI-aware composer: wraps the generic `<mj-message-input-box>` (from\n * `@memberjunction/ng-composer`, which ships zero AI knowledge) and builds the AI\n * trigger plugins in — '@' agent/user mentions, '#' entity/query record mentions, and\n * '/' skill commands — while proxying the input box's full surface (inputs, outputs,\n * and public methods).\n *\n * The familiar granular flags live HERE now:\n * - `EnableAgentMentions` (default true) — the '@' trigger\n * - `EnableEntityMentions` (default true) — the '#' trigger\n * - `EnableSkillCommands` (default true) — the '/' trigger\n * plus the pass-through `enableMentions` master switch.\n *\n * The wrapper always runs the inner editor in EXPLICIT provider-list mode (it owns the\n * list; it deliberately does not proxy `TriggerProviders` / `ExcludedTriggerKeys` — use\n * the raw `<mj-message-input-box>` when you need custom providers or discovery mode).\n */\n@Component({\n  standalone: false,\n  selector: 'mj-ai-composer',\n  template: `\n    <mj-message-input-box\n      #inputBox\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n      [showCharacterCount]=\"showCharacterCount\"\n      [enableMentions]=\"enableMentions\"\n      [TriggerProviders]=\"ActiveTriggerProviders\"\n      [Provider]=\"Provider\"\n      [currentUser]=\"currentUser\"\n      [rows]=\"rows\"\n      [enableAttachments]=\"enableAttachments\"\n      [maxAttachments]=\"maxAttachments\"\n      [maxAttachmentSizeBytes]=\"maxAttachmentSizeBytes\"\n      [acceptedFileTypes]=\"acceptedFileTypes\"\n      [enableRealtime]=\"enableRealtime\"\n      [voiceActive]=\"voiceActive\"\n      [canStartRealtime]=\"canStartRealtime\"\n      [enablePlanMode]=\"enablePlanMode\"\n      [planModeActive]=\"planModeActive\"\n      (textSubmitted)=\"textSubmitted.emit($event)\"\n      (valueChange)=\"onInnerValueChange($event)\"\n      (attachmentsChanged)=\"attachmentsChanged.emit($event)\"\n      (attachmentError)=\"attachmentError.emit($event)\"\n      (attachmentClicked)=\"attachmentClicked.emit($event)\"\n      (voiceRequested)=\"voiceRequested.emit()\"\n      (voiceOptionsRequested)=\"voiceOptionsRequested.emit()\"\n      (planModeToggle)=\"planModeToggle.emit()\">\n    </mj-message-input-box>\n  `\n})\nexport class AiComposerComponent {\n  @ViewChild('inputBox') inputBox?: MessageInputBoxComponent;\n\n  // ── AI convenience flags (the wrapper's reason to exist) ─────────────────────────\n  private _enableAgentMentions: boolean = true;\n  private _enableEntityMentions: boolean = true;\n  private _enableSkillCommands: boolean = true;\n  private _activeTriggerProviders: ComposerTriggerProvider[] = [];\n\n  // One instance per plugin per composer — all instances share the singleton\n  // MentionAutocompleteService engine, so there is no duplicate cache warm-up.\n  private readonly agentMentionProvider = new AgentMentionProvider();\n  private readonly recordMentionProvider = new RecordMentionProvider();\n  private readonly skillCommandProvider = new SkillCommandProvider();\n\n  constructor() {\n    this.rebuildTriggerProviders();\n  }\n\n  /** Enables the '@' trigger (agent + user mentions). */\n  @Input()\n  set EnableAgentMentions(value: boolean) {\n    if (value !== this._enableAgentMentions) {\n      this._enableAgentMentions = value;\n      this.rebuildTriggerProviders();\n    }\n  }\n  get EnableAgentMentions(): boolean {\n    return this._enableAgentMentions;\n  }\n\n  /** Enables the '#' trigger (entity + query record mentions). */\n  @Input()\n  set EnableEntityMentions(value: boolean) {\n    if (value !== this._enableEntityMentions) {\n      this._enableEntityMentions = value;\n      this.rebuildTriggerProviders();\n    }\n  }\n  get EnableEntityMentions(): boolean {\n    return this._enableEntityMentions;\n  }\n\n  /** Enables the '/' trigger (skill commands). */\n  @Input()\n  set EnableSkillCommands(value: boolean) {\n    if (value !== this._enableSkillCommands) {\n      this._enableSkillCommands = value;\n      this.rebuildTriggerProviders();\n    }\n  }\n  get EnableSkillCommands(): boolean {\n    return this._enableSkillCommands;\n  }\n\n  /** The explicit provider list bound to the inner editor (stable reference; rebuilt only when a flag flips). */\n  public get ActiveTriggerProviders(): ComposerTriggerProvider[] {\n    return this._activeTriggerProviders;\n  }\n\n  private rebuildTriggerProviders(): void {\n    const providers: ComposerTriggerProvider[] = [];\n    if (this._enableAgentMentions) providers.push(this.agentMentionProvider);\n    if (this._enableEntityMentions) providers.push(this.recordMentionProvider);\n    if (this._enableSkillCommands) providers.push(this.skillCommandProvider);\n    this._activeTriggerProviders = providers;\n  }\n\n  // ── Proxied inputs (identical names/defaults to MessageInputBoxComponent) ────────\n  @Input() placeholder: string = 'Type your message to start a new conversation...';\n  @Input() disabled: boolean = false;\n  @Input() value: string = '';\n  @Input() showCharacterCount: boolean = false;\n  /** Master switch for all mention/command triggers (pass-through). */\n  @Input() enableMentions: boolean = true;\n  /** Optional metadata provider scoping this composer (pass-through to the trigger plugins). */\n  @Input() Provider: IMetadataProvider | null = null;\n  @Input() currentUser?: UserInfo;\n  @Input() rows: number = 3;\n  @Input() enableAttachments: boolean = true;\n  @Input() maxAttachments: number = 10;\n  @Input() maxAttachmentSizeBytes: number = 20 * 1024 * 1024; // 20MB\n  @Input() acceptedFileTypes: string = 'image/*';\n  @Input() enableRealtime: boolean = false;\n  @Input() voiceActive: boolean = false;\n  @Input() canStartRealtime: boolean = true;\n  @Input() enablePlanMode: boolean = false;\n  @Input() planModeActive: boolean = false;\n\n  // ── Proxied outputs ───────────────────────────────────────────────────────────────\n  @Output() textSubmitted = new EventEmitter<string>();\n  @Output() valueChange = new EventEmitter<string>();\n  @Output() attachmentsChanged = new EventEmitter<PendingAttachment[]>();\n  @Output() attachmentError = new EventEmitter<string>();\n  @Output() attachmentClicked = new EventEmitter<PendingAttachment>();\n  @Output() voiceRequested = new EventEmitter<void>();\n  @Output() voiceOptionsRequested = new EventEmitter<void>();\n  @Output() planModeToggle = new EventEmitter<void>();\n\n  onInnerValueChange(newValue: string): void {\n    this.value = newValue;\n    this.valueChange.emit(newValue);\n  }\n\n  // ── Proxied public methods (ViewChild delegation) ─────────────────────────────────\n\n  /** The inner mention editor — kept reachable for hosts that drive it directly (e.g. clear-after-programmatic-send). */\n  public get mentionEditor(): MentionEditorComponent | undefined {\n    return this.inputBox?.mentionEditor;\n  }\n\n  /** Focus the composer input. */\n  public focus(): void {\n    this.inputBox?.focus();\n  }\n\n  /** Clear the editor content and pending attachments. */\n  public clear(): void {\n    this.inputBox?.mentionEditor?.clear();\n  }\n\n  /** Mention chip data (id/type/name + preset info) currently in the editor. */\n  public getMentionChipsData(): Array<{ id: string; type: string; name: string; presetId?: string; presetName?: string }> {\n    return this.inputBox?.getMentionChipsData() || [];\n  }\n\n  /** Plain text with mentions encoded as JSON (`@{\"type\":...}`) — the persistence format. */\n  public getPlainTextWithJsonMentions(): string {\n    return this.inputBox?.mentionEditor?.getPlainTextWithJsonMentions() || '';\n  }\n\n  /** Pending (not yet uploaded) attachments. */\n  public getPendingAttachments(): PendingAttachment[] {\n    return this.inputBox?.getPendingAttachments() || [];\n  }\n\n  /** Open the attachment file picker programmatically. */\n  public openFilePicker(): void {\n    this.inputBox?.openFilePicker();\n  }\n\n  /** Attach an artifact as a pending attachment (artifact picker flow). */\n  public AddArtifactAttachment(artifact: {\n    fileID: string; fileName: string; mimeType: string;\n    sizeBytes: number; artifactVersionId?: string;\n  }): PendingAttachment | undefined {\n    return this.inputBox?.AddArtifactAttachment(artifact);\n  }\n}\n"]}

package/dist/lib/components/conversation/conversation-chat-area.component.d.ts

@@ -7,13 +7,12 @@ import { UICommandHandlerService } from '../../services/ui-command-handler.servi
 import { AgentStateService } from '../../services/agent-state.service';
 import { ConversationAgentService } from '../../services/conversation-agent.service';
 import { ActiveTasksService } from '../../services/active-tasks.service';
-import { MentionAutocompleteService } from '../../services/mention-autocomplete.service';
+import { PendingAttachment } from '@memberjunction/ng-composer';
 import { ArtifactPermissionService } from '../../services/artifact-permission.service';
 import { ConversationAttachmentService } from '../../services/conversation-attachment.service';
 import { MJResourcePermissionShareAdapter, ResourceShareContext } from '@memberjunction/ng-resource-permissions';
 import { MessageAttachment } from '../message/message-item.component';
 import { LazyArtifactInfo } from '../../models/lazy-artifact-info';
-import { PendingAttachment } from '../mention/mention-editor.component';
 import { NavigationRequest, AnalyzeArtifactService, InteractiveFormApplyService } from '@memberjunction/ng-artifacts';
 import { TestFeedbackDialogData, TestFeedbackDialogResult } from '@memberjunction/ng-testing';
 import { DialogService as ConversationsDialogService } from '../../services/dialog.service';
@@ -59,7 +58,6 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
     private conversationAgentService;
     private activeTasks;
     private cdr;
-    private mentionAutocompleteService;
     private artifactPermissionService;
     private attachmentService;
     private streamingService;
@@ -106,11 +104,34 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
     private _pendingMessage;
     set pendingMessage(value: string | null);
     get pendingMessage(): string | null;
+    /**
+     * The conversation the {@link pendingMessage} was created FOR. The pending message's
+     * auto-send is delivered ONLY to the cached input whose conversationId matches this —
+     * NOT the live-active conversationId. Without this, swapping conversations during the
+     * (async) auto-send window lets the swapped-to conversation's input grab the still-set
+     * pendingMessage and send it too, duplicating the message into the wrong conversation.
+     *
+     * Hosts MAY set this explicitly; it also self-resolves from {@link _pendingMessageTargetId}
+     * (captured in onEmptyStateMessageSent) so the guard works regardless of host wiring.
+     */
+    pendingMessageConversationId: string | null;
+    /** Internally-captured target for {@link pendingMessage}, set when this component creates a
+     *  new conversation from the empty state. Host-independent; immune to conversation-swap timing. */
+    private _pendingMessageTargetId;
+    private _pendingMessageReservedTargetId;
+    /**
+     * The conversation a pending message must be delivered to. Prefers the explicit host input,
+     * then the internally-captured new-conversation target, finally the active conversation
+     * (legacy fallback for single-conversation hosts that never swap).
+     */
+    get EffectivePendingMessageTarget(): string | null;
+    shouldDeliverPendingMessageTo(conversationId: string): boolean;
     private _pendingAttachments;
     set pendingAttachments(value: PendingAttachment[] | null);
     get pendingAttachments(): PendingAttachment[] | null;
     pendingArtifactId: string | null;
     pendingArtifactVersionNumber: number | null;
+    pendingArtifactConversationId: string | null;
     /** When true, the component is rendered inside the floating overlay (hides suggested topics, etc.) */
     overlayMode: boolean;
     /** Show the Export button in the conversation header. Default true. */
@@ -344,6 +365,7 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
     private scrollToBottom;
     private lastLoadedConversationId;
     private currentlyLoadingConversationId;
+    private conversationLoadToken;
     isProcessing: boolean;
     private intentCheckMessage;
     isLoadingConversation: boolean;
@@ -460,7 +482,8 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
     realtimeSessionMetaMap: Map<string, RealtimeSessionTimelineMeta>;
     /** Agent name the overlay banner shows: the reviewed session's agent while reviewing, else the live call's. */
     get realtimeOverlayAgentName(): string;
-    constructor(agentStateService: AgentStateService, conversationAgentService: ConversationAgentService, activeTasks: ActiveTasksService, cdr: ChangeDetectorRef, mentionAutocompleteService: MentionAutocompleteService, artifactPermissionService: ArtifactPermissionService, attachmentService: ConversationAttachmentService, streamingService: ConversationStreamingService, confirmDialog: ConversationsDialogService, bridge: ConversationBridgeService, analyzeArtifactService: AnalyzeArtifactService, uiCommandHandler: UICommandHandlerService, interactiveFormApplyService: InteractiveFormApplyService, agentClientService: AgentClientService);
+    private mentionAutocompleteService;
+    constructor(agentStateService: AgentStateService, conversationAgentService: ConversationAgentService, activeTasks: ActiveTasksService, cdr: ChangeDetectorRef, artifactPermissionService: ArtifactPermissionService, attachmentService: ConversationAttachmentService, streamingService: ConversationStreamingService, confirmDialog: ConversationsDialogService, bridge: ConversationBridgeService, analyzeArtifactService: AnalyzeArtifactService, uiCommandHandler: UICommandHandlerService, interactiveFormApplyService: InteractiveFormApplyService, agentClientService: AgentClientService);
     /**
      * Apply a form-role artifact's spec as an EntityFormOverride for the
      * current user. The service handles the Create-vs-Modify decision (based
@@ -484,6 +507,10 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
     private updateAttachmentSupport;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    private isActiveConversation;
+    private isActiveConversationLoad;
+    private isCurrentConversationContext;
+    private resetConversationScopedViewState;
     private onConversationChanged;
     /**
      * Returns array of cached message-input metadata for rendering
@@ -531,6 +558,13 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
      */
     private restoreActiveTasks;
     onMessageSent(message: MJConversationDetailEntity): Promise<void>;
+    onInitialMessageAutoSendStarted(event: {
+        conversationId: string;
+    }): void;
+    onInitialMessageAutoSendFailed(event: {
+        conversationId: string;
+    }): void;
+    private isPendingMessageTarget;
     /**
      * Loads attachments for a single message and adds them to the attachmentsByDetailId map.
      * Called after a new message is sent to ensure attachments are displayed immediately.
@@ -546,6 +580,7 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
      * This is called when the first progress update arrives with an agent run ID
      */
     onAgentRunDetected(event: {
+        conversationId: string;
         conversationDetailId: string;
         agentRunId: string;
     }): Promise<void>;
@@ -555,6 +590,7 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
      * Also reloads attachments created during agent execution (e.g., generated images)
      */
     onMessageComplete(event: {
+        conversationId: string;
         conversationDetailId: string;
         agentId?: string;
     }): Promise<void>;
@@ -564,6 +600,7 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
      * Provides real-time updates of status, timestamps, tokens, cost during execution
      */
     onAgentRunUpdate(event: {
+        conversationId: string;
         conversationDetailId: string;
         agentRun?: MJAIAgentRunEntityExtended;
         agentRunId?: string;
@@ -753,6 +790,7 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
         versionId?: string;
     }): Promise<void>;
     onArtifactCreated(data: {
+        conversationId: string;
         conversationDetailId: string;
         artifactId: string;
         versionId: string;
@@ -831,13 +869,35 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
      * `openEntityRecord` chain every other chat record-open uses, so the Explorer
      * wrapper routes it through `NavigationService.OpenEntityRecord`.
      */
-    onVoiceNavigateRequest(event: RealtimeNavigateRequest): void;
+    onRealtimeNavigateRequest(event: RealtimeNavigateRequest): void;
     /**
-     * Post-call hook for sessions that created their own conversation: kicks the shared
-     * auto-naming helper in the background (first user utterance as the seed) and emits
-     * {@link realtimeConversationReady} so the workspace can refresh + select.
+     * Session-START hook for a realtime session that CREATED its own conversation (started
+     * without one). Folds that server-created conversation into the engine's reactive cache
+     * directly — ONE single-row load, only when it isn't already cached — so the sidebar list
+     * emits via `Conversations$` the moment the call starts, independent of the host's refresh
+     * round-trip. Also emits {@link realtimeConversationReady} so the host can react (it
+     * selects on close). No-op when the session joined an existing conversation. Fire-and-forget
+     * on the load: a failed load just leaves the host's emit to fold it in.
      */
-    private onVoiceSessionEnded;
+    private onRealtimeSessionStarted;
+    /**
+     * Post-call hook. Two responsibilities:
+     *  1. Reload the ACTIVE conversation's timeline so the session that just ended — whose
+     *     session-stamped `MJ: Conversation Details` were persisted server-side during the
+     *     call — surfaces as a reviewable past-session block WITHOUT a manual refresh.
+     *  2. For a session that CREATED its own conversation, kick the shared auto-naming
+     *     helper (covered elsewhere on first utterance; this covers a silent call) and
+     *     emit {@link realtimeConversationReady} so the host can refresh the list + select.
+     */
+    private onRealtimeSessionEnded;
+    /**
+     * Surgically reloads the CURRENTLY-OPEN conversation's details so newly-persisted rows
+     * (e.g. a just-ended realtime session's session-stamped caption turns) appear in the
+     * timeline — and therefore in the "review past sessions" affordances — without a manual
+     * browser refresh. Re-queries ONLY the active conversation (no broad reload), mirrors the
+     * agent-completion refresh path, and no-ops when no conversation is open.
+     */
+    private reloadActiveConversationTimeline;
     /**
      * ENTRY API for SESSION REVIEW: opens the realtime overlay in review mode over this
      * conversation panel, rendering what went down in a PAST agent session (caption turns,
@@ -1040,12 +1100,16 @@ export declare class ConversationChatAreaComponent extends BaseAngularComponent
     /**
      * Handle intent check started - show temporary "Analyzing intent..." message
      */
-    onIntentCheckStarted(): Promise<void>;
+    onIntentCheckStarted(event: {
+        conversationId: string;
+    }): Promise<void>;
     /**
      * Handle intent check completed - remove temporary message
      */
-    onIntentCheckCompleted(): void;
+    onIntentCheckCompleted(event: {
+        conversationId: string;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationChatAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationChatAreaComponent, "mj-conversation-chat-area", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "threadId": { "alias": "threadId"; "required": false; }; "suppressNewConversationEmptyState": { "alias": "suppressNewConversationEmptyState"; "required": false; }; "allowMentions": { "alias": "allowMentions"; "required": false; }; "allowAttachments": { "alias": "allowAttachments"; "required": false; }; "isNewConversation": { "alias": "isNewConversation"; "required": false; }; "pendingMessage": { "alias": "pendingMessage"; "required": false; }; "pendingAttachments": { "alias": "pendingAttachments"; "required": false; }; "pendingArtifactId": { "alias": "pendingArtifactId"; "required": false; }; "pendingArtifactVersionNumber": { "alias": "pendingArtifactVersionNumber"; "required": false; }; "overlayMode": { "alias": "overlayMode"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showShareButton": { "alias": "showShareButton"; "required": false; }; "showArtifactIndicator": { "alias": "showArtifactIndicator"; "required": false; }; "appContext": { "alias": "appContext"; "required": false; }; "defaultAgentId": { "alias": "defaultAgentId"; "required": false; }; "applicationScope": { "alias": "applicationScope"; "required": false; }; "applicationId": { "alias": "applicationId"; "required": false; }; "linkedEntityId": { "alias": "linkedEntityId"; "required": false; }; "linkedRecordId": { "alias": "linkedRecordId"; "required": false; }; "showAgentPicker": { "alias": "showAgentPicker"; "required": false; }; "showAgentModePicker": { "alias": "showAgentModePicker"; "required": false; }; "emptyStateGreeting": { "alias": "emptyStateGreeting"; "required": false; }; "showSidebarToggle": { "alias": "showSidebarToggle"; "required": false; }; "showAgentCharacter": { "alias": "showAgentCharacter"; "required": false; }; "agentCharacterConfig": { "alias": "agentCharacterConfig"; "required": false; }; "emptyStateConfig": { "alias": "emptyStateConfig"; "required": false; }; "showDemonstrationSurface": { "alias": "showDemonstrationSurface"; "required": false; }; "demonstrationSurfaceContent": { "alias": "demonstrationSurfaceContent"; "required": false; }; }, { "beforeAgentTurn": "beforeAgentTurn"; "afterAgentTurn": "afterAgentTurn"; "beforeToolInvoked": "beforeToolInvoked"; "afterToolInvoked": "afterToolInvoked"; "beforeResponseFormSubmitted": "beforeResponseFormSubmitted"; "afterResponseFormSubmitted": "afterResponseFormSubmitted"; "sessionStarted": "sessionStarted"; "sessionChannelStateChanged": "sessionChannelStateChanged"; "sessionEnded": "sessionEnded"; "conversationRenamed": "conversationRenamed"; "openEntityRecord": "openEntityRecord"; "realtimeConversationReady": "realtimeConversationReady"; "navigationRequest": "navigationRequest"; "taskClicked": "taskClicked"; "artifactLinkClicked": "artifactLinkClicked"; "sidebarToggleClicked": "sidebarToggleClicked"; "conversationCreated": "conversationCreated"; "threadOpened": "threadOpened"; "threadClosed": "threadClosed"; "pendingArtifactConsumed": "pendingArtifactConsumed"; "pendingMessageConsumed": "pendingMessageConsumed"; "pendingMessageRequested": "pendingMessageRequested"; }, ["chatSlotChildren"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationChatAreaComponent, "mj-conversation-chat-area", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "conversation": { "alias": "conversation"; "required": false; }; "threadId": { "alias": "threadId"; "required": false; }; "suppressNewConversationEmptyState": { "alias": "suppressNewConversationEmptyState"; "required": false; }; "allowMentions": { "alias": "allowMentions"; "required": false; }; "allowAttachments": { "alias": "allowAttachments"; "required": false; }; "isNewConversation": { "alias": "isNewConversation"; "required": false; }; "pendingMessage": { "alias": "pendingMessage"; "required": false; }; "pendingMessageConversationId": { "alias": "pendingMessageConversationId"; "required": false; }; "pendingAttachments": { "alias": "pendingAttachments"; "required": false; }; "pendingArtifactId": { "alias": "pendingArtifactId"; "required": false; }; "pendingArtifactVersionNumber": { "alias": "pendingArtifactVersionNumber"; "required": false; }; "pendingArtifactConversationId": { "alias": "pendingArtifactConversationId"; "required": false; }; "overlayMode": { "alias": "overlayMode"; "required": false; }; "showExportButton": { "alias": "showExportButton"; "required": false; }; "showShareButton": { "alias": "showShareButton"; "required": false; }; "showArtifactIndicator": { "alias": "showArtifactIndicator"; "required": false; }; "appContext": { "alias": "appContext"; "required": false; }; "defaultAgentId": { "alias": "defaultAgentId"; "required": false; }; "applicationScope": { "alias": "applicationScope"; "required": false; }; "applicationId": { "alias": "applicationId"; "required": false; }; "linkedEntityId": { "alias": "linkedEntityId"; "required": false; }; "linkedRecordId": { "alias": "linkedRecordId"; "required": false; }; "showAgentPicker": { "alias": "showAgentPicker"; "required": false; }; "showAgentModePicker": { "alias": "showAgentModePicker"; "required": false; }; "emptyStateGreeting": { "alias": "emptyStateGreeting"; "required": false; }; "showSidebarToggle": { "alias": "showSidebarToggle"; "required": false; }; "showAgentCharacter": { "alias": "showAgentCharacter"; "required": false; }; "agentCharacterConfig": { "alias": "agentCharacterConfig"; "required": false; }; "emptyStateConfig": { "alias": "emptyStateConfig"; "required": false; }; "showDemonstrationSurface": { "alias": "showDemonstrationSurface"; "required": false; }; "demonstrationSurfaceContent": { "alias": "demonstrationSurfaceContent"; "required": false; }; }, { "beforeAgentTurn": "beforeAgentTurn"; "afterAgentTurn": "afterAgentTurn"; "beforeToolInvoked": "beforeToolInvoked"; "afterToolInvoked": "afterToolInvoked"; "beforeResponseFormSubmitted": "beforeResponseFormSubmitted"; "afterResponseFormSubmitted": "afterResponseFormSubmitted"; "sessionStarted": "sessionStarted"; "sessionChannelStateChanged": "sessionChannelStateChanged"; "sessionEnded": "sessionEnded"; "conversationRenamed": "conversationRenamed"; "openEntityRecord": "openEntityRecord"; "realtimeConversationReady": "realtimeConversationReady"; "navigationRequest": "navigationRequest"; "taskClicked": "taskClicked"; "artifactLinkClicked": "artifactLinkClicked"; "sidebarToggleClicked": "sidebarToggleClicked"; "conversationCreated": "conversationCreated"; "threadOpened": "threadOpened"; "threadClosed": "threadClosed"; "pendingArtifactConsumed": "pendingArtifactConsumed"; "pendingMessageConsumed": "pendingMessageConsumed"; "pendingMessageRequested": "pendingMessageRequested"; }, ["chatSlotChildren"], never, false, never>;
 }
 //# sourceMappingURL=conversation-chat-area.component.d.ts.map