@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.2

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

@@ -3,7 +3,7 @@ import { NormalizeUUID, UUIDsEqual } from '@memberjunction/global';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { MessageItemComponent } from './message-item.component';
 import { RealtimeSessionTimelineCardComponent } from '../realtime/realtime-session-timeline-card.component';
-import { selectDistinctLatestArtifacts } from '../../utils/distinct-artifacts';
+import { SelectDistinctLatestArtifacts } from '../../utils/distinct-artifacts';
 import { BuildConversationTimeline } from '../../utils/realtime-session-timeline';
 import { DEFAULT_TRANSCRIPT_PAGE_SIZE } from '../../utils/conversation-detail-window';
 import { ResolveDateJumpTarget } from '../../utils/date-jump';
@@ -95,21 +95,124 @@ export class MessageListComponent extends BaseAngularComponent {
     cdRef;
     hostRef;
     messages = [];
-    conversation;
-    currentUser;
-    isProcessing = false;
+    Conversation;
+    /** @deprecated Use {@link Conversation}. */
+    set conversation(value) {
+        this.Conversation = value;
+    }
+    /** @deprecated Use {@link Conversation}. */
+    get conversation() {
+        return this.Conversation;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    IsProcessing = false;
+    /** @deprecated Use {@link IsProcessing}. */
+    set isProcessing(value) {
+        this.IsProcessing = value;
+    }
+    /** @deprecated Use {@link IsProcessing}. */
+    get isProcessing() {
+        return this.IsProcessing;
+    }
     /** Whether the built-in "No messages yet" filler renders for empty conversations. Hosts with their own empty-state chrome set false. */
-    showEmptyFill = true;
+    ShowEmptyFill = true;
+    /** @deprecated Use {@link ShowEmptyFill}. */
+    set showEmptyFill(value) {
+        this.ShowEmptyFill = value;
+    }
+    /** @deprecated Use {@link ShowEmptyFill}. */
+    get showEmptyFill() {
+        return this.ShowEmptyFill;
+    }
     /** Whether the sticky date header + jump-to-date dropdown render. */
-    showDateNavigation = true;
+    ShowDateNavigation = true;
+    /** @deprecated Use {@link ShowDateNavigation}. */
+    set showDateNavigation(value) {
+        this.ShowDateNavigation = value;
+    }
+    /** @deprecated Use {@link ShowDateNavigation}. */
+    get showDateNavigation() {
+        return this.ShowDateNavigation;
+    }
     // Per-message feature gates — forwarded onto each MessageItemComponent instance
     // (see applyMessageItemFeatureFlags). All default true.
-    showAgentRunDetails = true;
-    showReactions = true;
-    showMessageRating = true;
-    allowPinning = true;
-    allowMessageEdit = true;
-    allowMessageDelete = true;
+    ShowAgentRunDetails = true;
+    /** @deprecated Use {@link ShowAgentRunDetails}. */
+    set showAgentRunDetails(value) {
+        this.ShowAgentRunDetails = value;
+    }
+    /** @deprecated Use {@link ShowAgentRunDetails}. */
+    get showAgentRunDetails() {
+        return this.ShowAgentRunDetails;
+    }
+    ShowReactions = true;
+    /** @deprecated Use {@link ShowReactions}. */
+    set showReactions(value) {
+        this.ShowReactions = value;
+    }
+    /** @deprecated Use {@link ShowReactions}. */
+    get showReactions() {
+        return this.ShowReactions;
+    }
+    ShowMessageRating = true;
+    /** @deprecated Use {@link ShowMessageRating}. */
+    set showMessageRating(value) {
+        this.ShowMessageRating = value;
+    }
+    /** @deprecated Use {@link ShowMessageRating}. */
+    get showMessageRating() {
+        return this.ShowMessageRating;
+    }
+    AllowPinning = true;
+    /** @deprecated Use {@link AllowPinning}. */
+    set allowPinning(value) {
+        this.AllowPinning = value;
+    }
+    /** @deprecated Use {@link AllowPinning}. */
+    get allowPinning() {
+        return this.AllowPinning;
+    }
+    AllowMessageEdit = true;
+    /** @deprecated Use {@link AllowMessageEdit}. */
+    set allowMessageEdit(value) {
+        this.AllowMessageEdit = value;
+    }
+    /** @deprecated Use {@link AllowMessageEdit}. */
+    get allowMessageEdit() {
+        return this.AllowMessageEdit;
+    }
+    AllowMessageDelete = true;
+    /** @deprecated Use {@link AllowMessageDelete}. */
+    set allowMessageDelete(value) {
+        this.AllowMessageDelete = value;
+    }
+    /** @deprecated Use {@link AllowMessageDelete}. */
+    get allowMessageDelete() {
+        return this.AllowMessageDelete;
+    }
+    /**
+     * Hides response forms and actionable commands on each message.
+     * Restamped onto already-rendered items — they are created dynamically.
+     */
+    set ReadOnly(value) {
+        if (value === this._readOnly) {
+            return;
+        }
+        this._readOnly = value;
+        this.restampAssistantIdentity();
+    }
+    get ReadOnly() {
+        return this._readOnly;
+    }
+    _readOnly = false;
     // ── Windowed-transcript paging state ────────────────────────────────────────
     // The list renders only the LOADED window, not the whole conversation. These two
     // describe what lies above it. Unused until the Phase 5 sentinel lands; wired now so
@@ -192,39 +295,103 @@ export class MessageListComponent extends BaseAngularComponent {
     //    restamp the ALREADY-rendered items or existing bubbles keep the old identity
     //    until the next messages-array mutation. ──
     /** Display name shown on AI messages. Null = the engine-resolved agent name. */
-    set assistantDisplayName(value) {
+    set AssistantDisplayName(value) {
         if (value !== this._assistantDisplayName) {
             this._assistantDisplayName = value;
             this.restampAssistantIdentity();
         }
     }
-    get assistantDisplayName() {
+    get AssistantDisplayName() {
         return this._assistantDisplayName;
     }
+    /** @deprecated Use {@link AssistantDisplayName}. */
+    get assistantDisplayName() {
+        return this.AssistantDisplayName;
+    }
+    /** @deprecated Use {@link AssistantDisplayName}. */
+    set assistantDisplayName(value) {
+        this.AssistantDisplayName = value;
+    }
     _assistantDisplayName = null;
     /** Image URL for the AI message avatar. Null = the agent's Font Awesome icon. */
-    set assistantAvatarUrl(value) {
+    set AssistantAvatarUrl(value) {
         if (value !== this._assistantAvatarUrl) {
             this._assistantAvatarUrl = value;
             this.restampAssistantIdentity();
         }
     }
-    get assistantAvatarUrl() {
+    get AssistantAvatarUrl() {
         return this._assistantAvatarUrl;
     }
+    /** @deprecated Use {@link AssistantAvatarUrl}. */
+    get assistantAvatarUrl() {
+        return this.AssistantAvatarUrl;
+    }
+    /** @deprecated Use {@link AssistantAvatarUrl}. */
+    set assistantAvatarUrl(value) {
+        this.AssistantAvatarUrl = value;
+    }
     _assistantAvatarUrl = null;
-    artifactMap = new Map();
-    agentRunMap = new Map();
-    ratingsMap = new Map();
-    userAvatarMap = new Map();
-    attachmentsMap = new Map();
+    ArtifactMap = new Map();
+    /** @deprecated Use {@link ArtifactMap}. */
+    set artifactMap(value) {
+        this.ArtifactMap = value;
+    }
+    /** @deprecated Use {@link ArtifactMap}. */
+    get artifactMap() {
+        return this.ArtifactMap;
+    }
+    AgentRunMap = new Map();
+    /** @deprecated Use {@link AgentRunMap}. */
+    set agentRunMap(value) {
+        this.AgentRunMap = value;
+    }
+    /** @deprecated Use {@link AgentRunMap}. */
+    get agentRunMap() {
+        return this.AgentRunMap;
+    }
+    RatingsMap = new Map();
+    /** @deprecated Use {@link RatingsMap}. */
+    set ratingsMap(value) {
+        this.RatingsMap = value;
+    }
+    /** @deprecated Use {@link RatingsMap}. */
+    get ratingsMap() {
+        return this.RatingsMap;
+    }
+    UserAvatarMap = new Map();
+    /** @deprecated Use {@link UserAvatarMap}. */
+    set userAvatarMap(value) {
+        this.UserAvatarMap = value;
+    }
+    /** @deprecated Use {@link UserAvatarMap}. */
+    get userAvatarMap() {
+        return this.UserAvatarMap;
+    }
+    AttachmentsMap = new Map();
+    /** @deprecated Use {@link AttachmentsMap}. */
+    set attachmentsMap(value) {
+        this.AttachmentsMap = value;
+    }
+    /** @deprecated Use {@link AttachmentsMap}. */
+    get attachmentsMap() {
+        return this.AttachmentsMap;
+    }
     /**
      * Optional session-row enrichment for realtime SESSION BLOCKS, keyed by
      * `NormalizeUUID(sessionId)` (agent name / status / close reason). Details stamped
      * with an `AgentSessionID` collapse into one timeline card per session — see
      * `BuildConversationTimeline` — and this map dresses those cards up when present.
      */
-    sessionMetaMap = new Map();
+    SessionMetaMap = new Map();
+    /** @deprecated Use {@link SessionMetaMap}. */
+    set sessionMetaMap(value) {
+        this.SessionMetaMap = value;
+    }
+    /** @deprecated Use {@link SessionMetaMap}. */
+    get sessionMetaMap() {
+        return this.SessionMetaMap;
+    }
     /**
      * Optional per-iteration custom message renderer. When set, the list renders each
      * message via this template (full replacement) instead of the default
@@ -237,33 +404,179 @@ export class MessageListComponent extends BaseAngularComponent {
      * etc. The minimal `MJChatMessageBubbleDefaultComponent` ships as a ready-to-use
      * bubble renderer.
      */
-    messageRendererTemplate = null;
+    MessageRendererTemplate = null;
+    /** @deprecated Use {@link MessageRendererTemplate}. */
+    set messageRendererTemplate(value) {
+        this.MessageRendererTemplate = value;
+    }
+    /** @deprecated Use {@link MessageRendererTemplate}. */
+    get messageRendererTemplate() {
+        return this.MessageRendererTemplate;
+    }
     /**
      * Optional per-message additive decoration template, projected INSIDE the default
      * `MessageItemComponent` (after the message text). Forwarded by chat-area when a
      * consumer projects `mjChatSlot="messageExtra"`. Ignored when
      * `messageRendererTemplate` is set (custom renderers own all per-message content).
      */
-    messageExtraTemplate = null;
-    editMessage = new EventEmitter();
-    deleteMessage = new EventEmitter();
-    retryMessage = new EventEmitter();
-    testFeedbackMessage = new EventEmitter();
-    artifactClicked = new EventEmitter();
-    replyInThread = new EventEmitter();
-    viewThread = new EventEmitter();
-    messageEdited = new EventEmitter();
-    openEntityRecord = new EventEmitter();
-    suggestedResponseSelected = new EventEmitter();
-    attachmentClicked = new EventEmitter();
-    diagnosticRequested = new EventEmitter(); // emits messageId
-    messagePinToggled = new EventEmitter();
+    MessageExtraTemplate = null;
+    /** @deprecated Use {@link MessageExtraTemplate}. */
+    set messageExtraTemplate(value) {
+        this.MessageExtraTemplate = value;
+    }
+    /** @deprecated Use {@link MessageExtraTemplate}. */
+    get messageExtraTemplate() {
+        return this.MessageExtraTemplate;
+    }
+    EditMessage = new EventEmitter();
+    /**
+     * @deprecated Use {@link EditMessage}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (editMessage) keeps working. Must stay AFTER EditMessage: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    editMessage = this.EditMessage;
+    DeleteMessage = new EventEmitter();
+    /**
+     * @deprecated Use {@link DeleteMessage}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (deleteMessage) keeps working. Must stay AFTER DeleteMessage: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    deleteMessage = this.DeleteMessage;
+    RetryMessage = new EventEmitter();
+    /**
+     * @deprecated Use {@link RetryMessage}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (retryMessage) keeps working. Must stay AFTER RetryMessage: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    retryMessage = this.RetryMessage;
+    TestFeedbackMessage = new EventEmitter();
+    /**
+     * @deprecated Use {@link TestFeedbackMessage}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (testFeedbackMessage) keeps working. Must stay AFTER TestFeedbackMessage: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    testFeedbackMessage = this.TestFeedbackMessage;
+    ArtifactClicked = new EventEmitter();
+    /**
+     * @deprecated Use {@link ArtifactClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (artifactClicked) keeps working. Must stay AFTER ArtifactClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    artifactClicked = this.ArtifactClicked;
+    ReplyInThread = new EventEmitter();
+    /**
+     * @deprecated Use {@link ReplyInThread}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (replyInThread) keeps working. Must stay AFTER ReplyInThread: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    replyInThread = this.ReplyInThread;
+    ViewThread = new EventEmitter();
+    /**
+     * @deprecated Use {@link ViewThread}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (viewThread) keeps working. Must stay AFTER ViewThread: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    viewThread = this.ViewThread;
+    MessageEdited = new EventEmitter();
+    /**
+     * @deprecated Use {@link MessageEdited}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (messageEdited) keeps working. Must stay AFTER MessageEdited: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    messageEdited = this.MessageEdited;
+    OpenEntityRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openEntityRecord = this.OpenEntityRecord;
+    SuggestedResponseSelected = new EventEmitter();
+    /**
+     * @deprecated Use {@link SuggestedResponseSelected}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (suggestedResponseSelected) keeps working. Must stay AFTER SuggestedResponseSelected: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    suggestedResponseSelected = this.SuggestedResponseSelected;
+    AttachmentClicked = new EventEmitter();
+    /**
+     * @deprecated Use {@link AttachmentClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (attachmentClicked) keeps working. Must stay AFTER AttachmentClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    attachmentClicked = this.AttachmentClicked;
+    DiagnosticRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link DiagnosticRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (diagnosticRequested) keeps working. Must stay AFTER DiagnosticRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    diagnosticRequested = this.DiagnosticRequested; // emits messageId
+    MessagePinToggled = new EventEmitter();
+    /**
+     * @deprecated Use {@link MessagePinToggled}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (messagePinToggled) keeps working. Must stay AFTER MessagePinToggled: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    messagePinToggled = this.MessagePinToggled;
+    /** A message's run has gone quiet; the host should re-read durable state. Emits messageId. */
+    LivenessCheckRequested = new EventEmitter();
     /** Emitted with the `MJ: AI Agent Sessions.ID` when a realtime session block's Open affordance is clicked. */
-    realtimeSessionOpenRequested = new EventEmitter();
+    RealtimeSessionOpenRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link RealtimeSessionOpenRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (realtimeSessionOpenRequested) keeps working. Must stay AFTER RealtimeSessionOpenRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    realtimeSessionOpenRequested = this.RealtimeSessionOpenRequested;
     /** Forwarded from MessageItemComponent — see its docs. */
-    beforeResponseFormSubmitted = new EventEmitter();
+    BeforeResponseFormSubmitted = new EventEmitter();
+    /**
+     * @deprecated Use {@link BeforeResponseFormSubmitted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (beforeResponseFormSubmitted) keeps working. Must stay AFTER BeforeResponseFormSubmitted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    beforeResponseFormSubmitted = this.BeforeResponseFormSubmitted;
     /** Forwarded from MessageItemComponent — see its docs. */
-    afterResponseFormSubmitted = new EventEmitter();
+    AfterResponseFormSubmitted = new EventEmitter();
+    /**
+     * @deprecated Use {@link AfterResponseFormSubmitted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (afterResponseFormSubmitted) keeps working. Must stay AFTER AfterResponseFormSubmitted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    afterResponseFormSubmitted = this.AfterResponseFormSubmitted;
     /**
      * Asks the host to load the next older page. Fired when the "earlier messages"
      * sentinel scrolls into view — never on a raw scroll event, so a fast scroll costs
@@ -275,10 +588,34 @@ export class MessageListComponent extends BaseAngularComponent {
      * Emitted instead of handled locally because paging belongs to the window store.
      */
     DateJumpRequested = new EventEmitter();
-    messageContainerRef;
-    scrollContainer;
+    MessageContainerRef;
+    /** @deprecated Use {@link MessageContainerRef}. */
+    get messageContainerRef() {
+        return this.MessageContainerRef;
+    }
+    /** @deprecated Use {@link MessageContainerRef}. */
+    set messageContainerRef(value) {
+        this.MessageContainerRef = value;
+    }
+    ScrollContainer;
+    /** @deprecated Use {@link ScrollContainer}. */
+    get scrollContainer() {
+        return this.ScrollContainer;
+    }
+    /** @deprecated Use {@link ScrollContainer}. */
+    set scrollContainer(value) {
+        this.ScrollContainer = value;
+    }
     /** Only present while `HasMoreAbove` is true — the `@if` creates and destroys it. */
-    olderSentinel;
+    OlderSentinel;
+    /** @deprecated Use {@link OlderSentinel}. */
+    get olderSentinel() {
+        return this.OlderSentinel;
+    }
+    /** @deprecated Use {@link OlderSentinel}. */
+    set olderSentinel(value) {
+        this.OlderSentinel = value;
+    }
     /** Template rendered in place of an unmounted timeline item. */
     spacerTemplate;
     /**
@@ -354,16 +691,44 @@ export class MessageListComponent extends BaseAngularComponent {
      * since both grow `messages.length`.
      */
     _previousFirstKey = null;
-    currentDateDisplay = 'Today';
-    showDateNav = false;
-    shouldShowDateFilter = false;
+    CurrentDateDisplay = 'Today';
+    /** @deprecated Use {@link CurrentDateDisplay}. */
+    get currentDateDisplay() {
+        return this.CurrentDateDisplay;
+    }
+    /** @deprecated Use {@link CurrentDateDisplay}. */
+    set currentDateDisplay(value) {
+        this.CurrentDateDisplay = value;
+    }
+    ShowDateNav = false;
+    /** @deprecated Use {@link ShowDateNav}. */
+    get showDateNav() {
+        return this.ShowDateNav;
+    }
+    /** @deprecated Use {@link ShowDateNav}. */
+    set showDateNav(value) {
+        this.ShowDateNav = value;
+    }
+    ShouldShowDateFilter = false;
+    /** @deprecated Use {@link ShouldShowDateFilter}. */
+    get shouldShowDateFilter() {
+        return this.ShouldShowDateFilter;
+    }
+    /** @deprecated Use {@link ShouldShowDateFilter}. */
+    set shouldShowDateFilter(value) {
+        this.ShouldShowDateFilter = value;
+    }
     constructor(cdRef, hostRef) {
         super();
         this.cdRef = cdRef;
         this.hostRef = hostRef;
     }
+    ToggleDateNav() {
+        this.ShowDateNav = !this.ShowDateNav;
+    }
+    /** @deprecated Use {@link ToggleDateNav}. */
     toggleDateNav() {
-        this.showDateNav = !this.showDateNav;
+        return this.ToggleDateNav();
     }
     /**
      * Handles a date-navigator selection.
@@ -373,14 +738,18 @@ export class MessageListComponent extends BaseAngularComponent {
      * {@link ScrollToDateTarget}. The label updates immediately so the dropdown feels responsive
      * while paging runs.
      */
-    jumpToDate(period) {
-        this.showDateNav = false;
+    JumpToDate(period) {
+        this.ShowDateNav = false;
         if (!isDateJumpPeriod(period)) {
             return;
         }
-        this.currentDateDisplay = DATE_JUMP_LABELS[period];
+        this.CurrentDateDisplay = DATE_JUMP_LABELS[period];
         this.DateJumpRequested.emit(period);
     }
+    /** @deprecated Use {@link JumpToDate}. */
+    jumpToDate(period) {
+        return this.JumpToDate(period);
+    }
     /**
      * Scrolls to the start of `period` within the currently loaded messages.
      *
@@ -484,7 +853,7 @@ export class MessageListComponent extends BaseAngularComponent {
     }
     ngAfterViewInit() {
         // ViewContainerRef is now available - perform initial render if we have messages
-        if (this.messages && this.messages.length > 0 && this.messageContainerRef && !this._initialRenderComplete) {
+        if (this.messages && this.messages.length > 0 && this.MessageContainerRef && !this._initialRenderComplete) {
             this._initialRenderComplete = true;
             this.updateMessages(this.messages);
             this.updateDateFilterVisibility();
@@ -494,7 +863,7 @@ export class MessageListComponent extends BaseAngularComponent {
         // React to messages array changes
         // Note: On initial load, messageContainerRef may not be available yet (ngOnChanges runs before ngAfterViewInit)
         // In that case, ngAfterViewInit will handle the initial render
-        if (changes['messages'] && this.messages && this.messageContainerRef) {
+        if (changes['messages'] && this.messages && this.MessageContainerRef) {
             this._initialRenderComplete = true;
             // Capture the pre-render height so a prepend can be corrected for. Must happen
             // BEFORE updateMessages — afterwards the new rows are already in the layout — and
@@ -507,18 +876,32 @@ export class MessageListComponent extends BaseAngularComponent {
         // While artifacts are pre-loaded during initial peripheral data load,
         // new artifacts can be created mid-conversation (e.g., by agent runs)
         // This ensures artifact cards appear in messages immediately without requiring a refresh
-        if (changes['artifactMap'] && this.messages && this.messageContainerRef) {
+        if (changes['artifactMap'] && this.messages && this.MessageContainerRef) {
             this.updateMessages(this.messages);
         }
         // Watch for attachmentsMap changes to handle newly created attachments
         // This ensures media attachments (e.g., images generated by agents) appear
         // immediately without requiring a page refresh
-        if (changes['attachmentsMap'] && this.messages && this.messageContainerRef) {
+        if (changes['attachmentsMap'] && this.messages && this.MessageContainerRef) {
             this.updateMessages(this.messages);
         }
         // Watch for session-meta changes so realtime session blocks pick up their
         // agent name / status chip once the (async, batched) session lookup lands
-        if (changes['sessionMetaMap'] && this.messages && this.messageContainerRef) {
+        if (changes['sessionMetaMap'] && this.messages && this.MessageContainerRef) {
+            this.updateMessages(this.messages);
+        }
+        // Watch for agent-run changes so a run refreshed mid-flight reaches the rendered bubble.
+        // `agentRun` is stamped onto each item as static config at create/update time, so a replaced
+        // map alone never reaches an item already on screen — it keeps the object it was given.
+        //
+        // This became load-bearing with per-message liveness (MJ #4222): reconciliation re-reads the
+        // run over HTTP precisely when the socket is dead, and if the fresh `LastHeartbeatAt` cannot
+        // reach the bubble, the pill stays degraded while the client is in fact being told the run is
+        // healthy. Observed directly — the pill held 'checking…' for a full minute across successful
+        // reconciles.
+        // Keyed by whichever input name the host bound — the deprecated alias or the current one.
+        const agentRunMapChanged = changes['AgentRunMap'] ?? changes['agentRunMap'];
+        if (agentRunMapChanged && this.messages && this.MessageContainerRef) {
             this.updateMessages(this.messages);
         }
     }
@@ -611,7 +994,7 @@ export class MessageListComponent extends BaseAngularComponent {
         }
         this._warnedNoScrollParent = true;
         const chain = [];
-        let el = this.findSentinelElement() ?? this.scrollContainer?.nativeElement ?? null;
+        let el = this.findSentinelElement() ?? this.ScrollContainer?.nativeElement ?? null;
         while (el && chain.length < 20) {
             const style = getComputedStyle(el);
             chain.push({
@@ -626,7 +1009,7 @@ export class MessageListComponent extends BaseAngularComponent {
             + 'older pages cannot auto-load. The host must give the transcript a scrollable container '
             + '(overflow-y: auto AND a bounded height, e.g. min-height: 0 on a flex child). '
             + 'Walked from '
-            + (this.olderSentinel ? 'the sentinel' : this.scrollContainer ? 'the list container' : 'NOTHING — both view children are undefined')
+            + (this.OlderSentinel ? 'the sentinel' : this.ScrollContainer ? 'the list container' : 'NOTHING — both view children are undefined')
             + ':', chain);
     }
     /**
@@ -654,7 +1037,7 @@ export class MessageListComponent extends BaseAngularComponent {
         // guaranteed present exactly when the walk matters. `@ViewChild('scrollContainer')`
         // resolves on Angular's own schedule and can still be undefined here, which would end
         // the walk before it began.
-        let el = this.findSentinelElement() ?? this.scrollContainer?.nativeElement ?? null;
+        let el = this.findSentinelElement() ?? this.ScrollContainer?.nativeElement ?? null;
         while (el) {
             const overflowY = getComputedStyle(el).overflowY;
             if ((overflowY === 'auto' || overflowY === 'scroll') && el.scrollHeight > el.clientHeight) {
@@ -778,19 +1161,23 @@ export class MessageListComponent extends BaseAngularComponent {
             }
         });
         this._renderedMessages.clear();
-        if (this.messageContainerRef) {
-            this.messageContainerRef.clear();
+        if (this.MessageContainerRef) {
+            this.MessageContainerRef.clear();
         }
     }
     /**
      * Called when messages array changes
      * Efficiently updates the DOM without re-rendering everything
      */
-    set messagesUpdate(messages) {
-        if (messages && this.messageContainerRef) {
+    set MessagesUpdate(messages) {
+        if (messages && this.MessageContainerRef) {
             this.updateMessages(messages);
         }
     }
+    /** @deprecated Use {@link MessagesUpdate}. */
+    set messagesUpdate(value) {
+        this.MessagesUpdate = value;
+    }
     /**
      * Updates the message list using dynamic component creation
      * Only adds/removes changed messages for optimal performance
@@ -1016,7 +1403,7 @@ export class MessageListComponent extends BaseAngularComponent {
             existing.ref.destroy();
             this._renderedMessages.delete(key);
         }
-        const viewRef = this.messageContainerRef.createEmbeddedView(this.spacerTemplate, { height: this.heightFor(key, item) }, { index: timelineIndex });
+        const viewRef = this.MessageContainerRef.createEmbeddedView(this.spacerTemplate, { height: this.heightFor(key, item) }, { index: timelineIndex });
         this._renderedMessages.set(key, { kind: 'spacer', ref: viewRef });
     }
     /**
@@ -1141,7 +1528,7 @@ export class MessageListComponent extends BaseAngularComponent {
      */
     renderSessionBlock(group, timelineIndex) {
         const key = this.getSessionKey(group.SessionID);
-        const meta = this.sessionMetaMap.get(NormalizeUUID(group.SessionID)) ?? null;
+        const meta = this.SessionMetaMap.get(NormalizeUUID(group.SessionID)) ?? null;
         const existing = this._renderedMessages.get(key);
         if (existing && existing.kind === 'realtime-session') {
             // Update existing card in place.
@@ -1156,11 +1543,13 @@ export class MessageListComponent extends BaseAngularComponent {
             existing.ref.destroy();
             this._renderedMessages.delete(key);
         }
-        const componentRef = this.messageContainerRef.createComponent(RealtimeSessionTimelineCardComponent, { index: timelineIndex });
+        const componentRef = this.MessageContainerRef.createComponent(RealtimeSessionTimelineCardComponent, { index: timelineIndex });
         componentRef.instance.Group = group;
         componentRef.instance.Meta = meta;
-        componentRef.instance.UserName = this.currentUser?.Name || 'You';
-        componentRef.instance.OpenRequested.subscribe((sessionId) => this.realtimeSessionOpenRequested.emit(sessionId));
+        // The card says "You" on the viewer's own call and names the caller on anyone else's, which is
+        // why it takes the viewer's id rather than their name.
+        componentRef.instance.CurrentUserID = this.CurrentUser?.ID ?? null;
+        componentRef.instance.OpenRequested.subscribe((sessionId) => this.RealtimeSessionOpenRequested.emit(sessionId));
         this._renderedMessages.set(key, { kind: 'realtime-session', ref: componentRef });
     }
     /**
@@ -1177,7 +1566,7 @@ export class MessageListComponent extends BaseAngularComponent {
         // boolean (last index when `isLastMessage` is true, else 0 — any non-last
         // index works since it just affects that one comparison).
         const index = isLastMessage ? messages.length - 1 : 0;
-        const useCustomRenderer = this.messageRendererTemplate !== null;
+        const useCustomRenderer = this.MessageRendererTemplate !== null;
         const existing = this._renderedMessages.get(key);
         if (existing && existing.kind === 'embedded' && useCustomRenderer) {
             // Update existing embedded view from messageRenderer slot
@@ -1209,14 +1598,14 @@ export class MessageListComponent extends BaseAngularComponent {
         const previousMessage = instance.message;
         instance.message = message;
         instance.allMessages = messages;
-        instance.isProcessing = this.isProcessing;
-        instance.userAvatarMap = this.userAvatarMap;
+        instance.isProcessing = this.IsProcessing;
+        instance.userAvatarMap = this.UserAvatarMap;
         instance.isLastMessage = (index === messages.length - 1);
-        instance.messageExtraTemplate = this.messageExtraTemplate;
+        instance.messageExtraTemplate = this.MessageExtraTemplate;
         this.applyMessageItemFeatureFlags(instance);
-        instance.agentRun = this.agentRunMap.get(message.ID) || null;
-        instance.ratings = this.ratingsMap.get(message.ID);
-        instance.attachments = this.attachmentsMap.get(message.ID) || [];
+        instance.agentRun = this.AgentRunMap.get(message.ID) || null;
+        instance.ratings = this.RatingsMap.get(message.ID);
+        instance.attachments = this.AttachmentsMap.get(message.ID) || [];
         // After the inputs above, for the same reason as the create path: this can force a
         // synchronous child pass, which would otherwise paint the previous refresh's agent run,
         // ratings and attachments.
@@ -1233,14 +1622,15 @@ export class MessageListComponent extends BaseAngularComponent {
      * paths so a mid-session rebind stays consistent.
      */
     applyMessageItemFeatureFlags(instance) {
-        instance.showAgentRunDetails = this.showAgentRunDetails;
-        instance.showReactions = this.showReactions;
-        instance.showMessageRating = this.showMessageRating;
-        instance.allowPinning = this.allowPinning;
-        instance.allowMessageEdit = this.allowMessageEdit;
-        instance.allowMessageDelete = this.allowMessageDelete;
-        instance.assistantDisplayName = this.assistantDisplayName;
-        instance.assistantAvatarUrl = this.assistantAvatarUrl;
+        instance.showAgentRunDetails = this.ShowAgentRunDetails;
+        instance.showReactions = this.ShowReactions;
+        instance.showMessageRating = this.ShowMessageRating;
+        instance.allowPinning = this.AllowPinning;
+        instance.allowMessageEdit = this.AllowMessageEdit;
+        instance.allowMessageDelete = this.AllowMessageDelete;
+        instance.ReadOnly = this.ReadOnly;
+        instance.assistantDisplayName = this.AssistantDisplayName;
+        instance.assistantAvatarUrl = this.AssistantAvatarUrl;
     }
     /**
      * Creates a new rendered entry — either a `MessageItemComponent` (default path)
@@ -1249,43 +1639,44 @@ export class MessageListComponent extends BaseAngularComponent {
      * message entity.
      */
     createRenderedEntry(message, messages, index, key, useCustomRenderer, timelineIndex) {
-        if (useCustomRenderer && this.messageRendererTemplate) {
+        if (useCustomRenderer && this.MessageRendererTemplate) {
             // The slot directive carries TemplateRef<unknown>; assert the contract here
             // (consumers' `let-message` bindings consume the message context shape below).
-            const template = this.messageRendererTemplate;
-            const viewRef = this.messageContainerRef.createEmbeddedView(template, { $implicit: message, message }, { index: timelineIndex });
+            const template = this.MessageRendererTemplate;
+            const viewRef = this.MessageContainerRef.createEmbeddedView(template, { $implicit: message, message }, { index: timelineIndex });
             this._renderedMessages.set(key, { kind: 'embedded', ref: viewRef });
             // Stamp back-ref for parity with the component path.
             message._viewRef = viewRef;
             return;
         }
-        const componentRef = this.messageContainerRef.createComponent(MessageItemComponent, { index: timelineIndex });
+        const componentRef = this.MessageContainerRef.createComponent(MessageItemComponent, { index: timelineIndex });
         const instance = componentRef.instance;
         instance.message = message;
-        instance.conversation = this.conversation;
-        instance.currentUser = this.currentUser;
+        instance.conversation = this.Conversation;
+        instance.currentUser = this.CurrentUser;
         instance.allMessages = messages;
-        instance.isProcessing = this.isProcessing;
-        instance.userAvatarMap = this.userAvatarMap;
+        instance.isProcessing = this.IsProcessing;
+        instance.userAvatarMap = this.UserAvatarMap;
         instance.isLastMessage = (index === messages.length - 1);
-        instance.messageExtraTemplate = this.messageExtraTemplate;
+        instance.messageExtraTemplate = this.MessageExtraTemplate;
         this.applyMessageItemFeatureFlags(instance);
-        instance.agentRun = this.agentRunMap.get(message.ID) || null;
-        instance.ratings = this.ratingsMap.get(message.ID);
-        instance.attachments = this.attachmentsMap.get(message.ID) || [];
-        instance.editClicked.subscribe((msg) => this.editMessage.emit(msg));
-        instance.deleteClicked.subscribe((msg) => this.deleteMessage.emit(msg));
-        instance.retryClicked.subscribe((msg) => this.retryMessage.emit(msg));
-        instance.testFeedbackClicked.subscribe((msg) => this.testFeedbackMessage.emit(msg));
-        instance.artifactClicked.subscribe((data) => this.artifactClicked.emit(data));
-        instance.messageEdited.subscribe((msg) => this.messageEdited.emit(msg));
-        instance.openEntityRecord.subscribe((data) => this.openEntityRecord.emit(data));
-        instance.suggestedResponseSelected.subscribe((data) => this.suggestedResponseSelected.emit(data));
-        instance.attachmentClicked.subscribe((attachment) => this.attachmentClicked.emit(attachment));
-        instance.diagnosticRequested.subscribe((messageId) => this.diagnosticRequested.emit(messageId));
-        instance.messagePinToggled.subscribe((msg) => this.messagePinToggled.emit(msg));
-        instance.beforeResponseFormSubmitted.subscribe((e) => this.beforeResponseFormSubmitted.emit(e));
-        instance.afterResponseFormSubmitted.subscribe((e) => this.afterResponseFormSubmitted.emit(e));
+        instance.agentRun = this.AgentRunMap.get(message.ID) || null;
+        instance.ratings = this.RatingsMap.get(message.ID);
+        instance.attachments = this.AttachmentsMap.get(message.ID) || [];
+        instance.editClicked.subscribe((msg) => this.EditMessage.emit(msg));
+        instance.deleteClicked.subscribe((msg) => this.DeleteMessage.emit(msg));
+        instance.retryClicked.subscribe((msg) => this.RetryMessage.emit(msg));
+        instance.testFeedbackClicked.subscribe((msg) => this.TestFeedbackMessage.emit(msg));
+        instance.artifactClicked.subscribe((data) => this.ArtifactClicked.emit(data));
+        instance.messageEdited.subscribe((msg) => this.MessageEdited.emit(msg));
+        instance.openEntityRecord.subscribe((data) => this.OpenEntityRecord.emit(data));
+        instance.suggestedResponseSelected.subscribe((data) => this.SuggestedResponseSelected.emit(data));
+        instance.attachmentClicked.subscribe((attachment) => this.AttachmentClicked.emit(attachment));
+        instance.diagnosticRequested.subscribe((messageId) => this.DiagnosticRequested.emit(messageId));
+        instance.LivenessCheckRequested.subscribe((messageId) => this.LivenessCheckRequested.emit(messageId));
+        instance.messagePinToggled.subscribe((msg) => this.MessagePinToggled.emit(msg));
+        instance.beforeResponseFormSubmitted.subscribe((e) => this.BeforeResponseFormSubmitted.emit(e));
+        instance.afterResponseFormSubmitted.subscribe((e) => this.AfterResponseFormSubmitted.emit(e));
         if (instance.artifactActionPerformed) {
             instance.artifactActionPerformed.subscribe((data) => {
                 // Parent can handle artifact actions (save, fork, history, share)
@@ -1399,11 +1790,11 @@ export class MessageListComponent extends BaseAngularComponent {
      * while genuinely distinct artifacts are all retained.
      */
     resolveDistinctArtifacts(messageId) {
-        const list = this.artifactMap.get(messageId);
+        const list = this.ArtifactMap.get(messageId);
         if (!list || list.length === 0) {
             return [];
         }
-        return selectDistinctLatestArtifacts(list);
+        return SelectDistinctLatestArtifacts(list);
     }
     /**
      * Generates a unique key for a message
@@ -1425,11 +1816,11 @@ export class MessageListComponent extends BaseAngularComponent {
         // the one case where it is most useful. `HasMoreAbove` is the only windowing-safe signal
         // that more conversation exists above, so it short-circuits the heuristic.
         if (this.HasMoreAbove) {
-            this.shouldShowDateFilter = true;
+            this.ShouldShowDateFilter = true;
             return;
         }
         if (!this.messages || this.messages.length < 20) {
-            this.shouldShowDateFilter = false;
+            this.ShouldShowDateFilter = false;
             return;
         }
         // Check if messages span more than 2 days
@@ -1438,21 +1829,21 @@ export class MessageListComponent extends BaseAngularComponent {
             .filter(d => d != null)
             .map(d => new Date(d).setHours(0, 0, 0, 0));
         if (dates.length === 0) {
-            this.shouldShowDateFilter = false;
+            this.ShouldShowDateFilter = false;
             return;
         }
         const uniqueDates = new Set(dates);
         const daySpan = uniqueDates.size;
         // Show filter if conversation has 20+ messages and spans 3+ days
-        this.shouldShowDateFilter = daySpan >= 3;
+        this.ShouldShowDateFilter = daySpan >= 3;
     }
     /**
      * Scrolls the message list to the bottom
      */
     scrollToBottom() {
-        if (this.scrollContainer && this.scrollContainer.nativeElement) {
+        if (this.ScrollContainer && this.ScrollContainer.nativeElement) {
             Promise.resolve().then(() => {
-                const element = this.scrollContainer.nativeElement;
+                const element = this.ScrollContainer.nativeElement;
                 element.scrollTop = element.scrollHeight;
             });
         }
@@ -1461,7 +1852,7 @@ export class MessageListComponent extends BaseAngularComponent {
      * Removes a message from the rendered list
      * Called externally when a message is deleted
      */
-    removeMessage(message) {
+    RemoveMessage(message) {
         const key = this.getMessageKey(message);
         const entry = this._renderedMessages.get(key);
         if (entry) {
@@ -1469,18 +1860,22 @@ export class MessageListComponent extends BaseAngularComponent {
             this._renderedMessages.delete(key);
         }
     }
+    /** @deprecated Use {@link RemoveMessage}. */
+    removeMessage(message) {
+        return this.RemoveMessage(message);
+    }
     static ɵfac = function MessageListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MessageListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MessageListComponent, selectors: [["mj-conversation-message-list"]], viewQuery: function MessageListComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5, ViewContainerRef)(_c1, 5)(_c2, 5)(_c3, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messageContainerRef = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollContainer = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.olderSentinel = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.MessageContainerRef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ScrollContainer = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.OlderSentinel = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.spacerTemplate = _t.first);
         } }, hostVars: 2, hostBindings: function MessageListComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("mj-list-host-scrolled", ctx.HostSuppliesScroller);
-        } }, inputs: { messages: "messages", conversation: "conversation", currentUser: "currentUser", isProcessing: "isProcessing", showEmptyFill: "showEmptyFill", showDateNavigation: "showDateNavigation", showAgentRunDetails: "showAgentRunDetails", showReactions: "showReactions", showMessageRating: "showMessageRating", allowPinning: "allowPinning", allowMessageEdit: "allowMessageEdit", allowMessageDelete: "allowMessageDelete", HasMoreAbove: "HasMoreAbove", IsLoadingOlder: "IsLoadingOlder", ScrollRoot: "ScrollRoot", assistantDisplayName: "assistantDisplayName", assistantAvatarUrl: "assistantAvatarUrl", artifactMap: "artifactMap", agentRunMap: "agentRunMap", ratingsMap: "ratingsMap", userAvatarMap: "userAvatarMap", attachmentsMap: "attachmentsMap", sessionMetaMap: "sessionMetaMap", messageRendererTemplate: "messageRendererTemplate", messageExtraTemplate: "messageExtraTemplate", messagesUpdate: "messagesUpdate" }, outputs: { editMessage: "editMessage", deleteMessage: "deleteMessage", retryMessage: "retryMessage", testFeedbackMessage: "testFeedbackMessage", artifactClicked: "artifactClicked", replyInThread: "replyInThread", viewThread: "viewThread", messageEdited: "messageEdited", openEntityRecord: "openEntityRecord", suggestedResponseSelected: "suggestedResponseSelected", attachmentClicked: "attachmentClicked", diagnosticRequested: "diagnosticRequested", messagePinToggled: "messagePinToggled", realtimeSessionOpenRequested: "realtimeSessionOpenRequested", beforeResponseFormSubmitted: "beforeResponseFormSubmitted", afterResponseFormSubmitted: "afterResponseFormSubmitted", OlderRequested: "OlderRequested", DateJumpRequested: "DateJumpRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 9, vars: 3, consts: [["scrollContainer", ""], ["spacerTemplate", ""], ["messageContainer", ""], ["olderSentinel", ""], [1, "message-list-container"], [1, "sticky-date-header"], [1, "transcript-older-sentinel"], ["Icon", "fa-solid fa-comments", "Title", "No messages yet. Start a conversation!", 1, "messages-empty-fill"], [1, "sticky-date-wrapper"], [1, "sticky-date-button", 3, "click"], [1, "fas", "fa-chevron-down"], [1, "date-nav-dropdown"], [1, "date-nav-option", "jump-to"], [1, "date-nav-option", 3, "click"], ["text", "Loading earlier messages\u2026", "size", "small"], [1, "transcript-older-label"], ["aria-hidden", "true", 1, "transcript-spacer"]], template: function MessageListComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { messages: "messages", Conversation: "Conversation", conversation: "conversation", CurrentUser: "CurrentUser", currentUser: "currentUser", IsProcessing: "IsProcessing", isProcessing: "isProcessing", ShowEmptyFill: "ShowEmptyFill", showEmptyFill: "showEmptyFill", ShowDateNavigation: "ShowDateNavigation", showDateNavigation: "showDateNavigation", ShowAgentRunDetails: "ShowAgentRunDetails", showAgentRunDetails: "showAgentRunDetails", ShowReactions: "ShowReactions", showReactions: "showReactions", ShowMessageRating: "ShowMessageRating", showMessageRating: "showMessageRating", AllowPinning: "AllowPinning", allowPinning: "allowPinning", AllowMessageEdit: "AllowMessageEdit", allowMessageEdit: "allowMessageEdit", AllowMessageDelete: "AllowMessageDelete", allowMessageDelete: "allowMessageDelete", ReadOnly: "ReadOnly", HasMoreAbove: "HasMoreAbove", IsLoadingOlder: "IsLoadingOlder", ScrollRoot: "ScrollRoot", AssistantDisplayName: "AssistantDisplayName", assistantDisplayName: "assistantDisplayName", AssistantAvatarUrl: "AssistantAvatarUrl", assistantAvatarUrl: "assistantAvatarUrl", ArtifactMap: "ArtifactMap", artifactMap: "artifactMap", AgentRunMap: "AgentRunMap", agentRunMap: "agentRunMap", RatingsMap: "RatingsMap", ratingsMap: "ratingsMap", UserAvatarMap: "UserAvatarMap", userAvatarMap: "userAvatarMap", AttachmentsMap: "AttachmentsMap", attachmentsMap: "attachmentsMap", SessionMetaMap: "SessionMetaMap", sessionMetaMap: "sessionMetaMap", MessageRendererTemplate: "MessageRendererTemplate", messageRendererTemplate: "messageRendererTemplate", MessageExtraTemplate: "MessageExtraTemplate", messageExtraTemplate: "messageExtraTemplate", MessagesUpdate: "MessagesUpdate", messagesUpdate: "messagesUpdate" }, outputs: { EditMessage: "EditMessage", editMessage: "editMessage", DeleteMessage: "DeleteMessage", deleteMessage: "deleteMessage", RetryMessage: "RetryMessage", retryMessage: "retryMessage", TestFeedbackMessage: "TestFeedbackMessage", testFeedbackMessage: "testFeedbackMessage", ArtifactClicked: "ArtifactClicked", artifactClicked: "artifactClicked", ReplyInThread: "ReplyInThread", replyInThread: "replyInThread", ViewThread: "ViewThread", viewThread: "viewThread", MessageEdited: "MessageEdited", messageEdited: "messageEdited", OpenEntityRecord: "OpenEntityRecord", openEntityRecord: "openEntityRecord", SuggestedResponseSelected: "SuggestedResponseSelected", suggestedResponseSelected: "suggestedResponseSelected", AttachmentClicked: "AttachmentClicked", attachmentClicked: "attachmentClicked", DiagnosticRequested: "DiagnosticRequested", diagnosticRequested: "diagnosticRequested", MessagePinToggled: "MessagePinToggled", messagePinToggled: "messagePinToggled", LivenessCheckRequested: "LivenessCheckRequested", RealtimeSessionOpenRequested: "RealtimeSessionOpenRequested", realtimeSessionOpenRequested: "realtimeSessionOpenRequested", BeforeResponseFormSubmitted: "BeforeResponseFormSubmitted", beforeResponseFormSubmitted: "beforeResponseFormSubmitted", AfterResponseFormSubmitted: "AfterResponseFormSubmitted", afterResponseFormSubmitted: "afterResponseFormSubmitted", OlderRequested: "OlderRequested", DateJumpRequested: "DateJumpRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 9, vars: 3, consts: [["scrollContainer", ""], ["spacerTemplate", ""], ["messageContainer", ""], ["olderSentinel", ""], [1, "message-list-container"], [1, "sticky-date-header"], [1, "transcript-older-sentinel"], ["Icon", "fa-solid fa-comments", "Title", "No messages yet. Start a conversation!", 1, "messages-empty-fill"], [1, "sticky-date-wrapper"], [1, "sticky-date-button", 3, "click"], [1, "fas", "fa-chevron-down"], [1, "date-nav-dropdown"], [1, "date-nav-option", "jump-to"], [1, "date-nav-option", 3, "click"], ["text", "Loading earlier messages\u2026", "size", "small"], [1, "transcript-older-label"], ["aria-hidden", "true", 1, "transcript-spacer"]], template: function MessageListComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 4, 0);
             i0.ɵɵconditionalCreate(2, MessageListComponent_Conditional_2_Template, 17, 3, "div", 5);
             i0.ɵɵconditionalCreate(3, MessageListComponent_Conditional_3_Template, 4, 1, "div", 6);
@@ -1502,28 +1897,52 @@ export class MessageListComponent extends BaseAngularComponent {
         args: [{ standalone: false, selector: 'mj-conversation-message-list', template: "<div class=\"message-list-container\" #scrollContainer>\n  <!-- Sticky Date Header (only show for long conversations spanning multiple days) -->\n  @if (showDateNavigation && shouldShowDateFilter && messages.length > 0) {\n    <div class=\"sticky-date-header\">\n      <div class=\"sticky-date-wrapper\">\n        <button class=\"sticky-date-button\" (click)=\"toggleDateNav()\">\n          <span>{{ currentDateDisplay }}</span>\n          <i class=\"fas fa-chevron-down\"></i>\n        </button>\n        <div class=\"date-nav-dropdown\" [class.show]=\"showDateNav\">\n          <div class=\"date-nav-option jump-to\">Jump to...</div>\n          <div class=\"date-nav-option\" (click)=\"jumpToDate('today')\">Today</div>\n          <div class=\"date-nav-option\" (click)=\"jumpToDate('yesterday')\">Yesterday</div>\n          <div class=\"date-nav-option\" (click)=\"jumpToDate('last-week')\">Last week</div>\n          <div class=\"date-nav-option\" (click)=\"jumpToDate('last-month')\">Last month</div>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Windowed transcript: older pages load when this scrolls into view (IntersectionObserver\n       in the component, not a scroll listener). Absent entirely once the top is reached. -->\n  @if (HasMoreAbove) {\n    <div #olderSentinel class=\"transcript-older-sentinel\">\n      @if (IsLoadingOlder) {\n        <mj-loading text=\"Loading earlier messages\u2026\" size=\"small\"></mj-loading>\n      } @else {\n        <span class=\"transcript-older-label\">Earlier messages</span>\n      }\n    </div>\n  }\n\n  <!-- Height-holding stand-in for a timeline item that has been unmounted to keep the DOM\n       bounded. Declared here but rendered into #messageContainer at the item's own index,\n       so scroll geometry is unchanged. -->\n  <ng-template #spacerTemplate let-height=\"height\">\n    <div class=\"transcript-spacer\" [style.height.px]=\"height\" aria-hidden=\"true\"></div>\n  </ng-template>\n\n  <ng-container #messageContainer></ng-container>\n\n  @if (messages.length === 0 && showEmptyFill) {\n    <mj-empty-state\n      class=\"messages-empty-fill\"\n      Icon=\"fa-solid fa-comments\"\n      Title=\"No messages yet. Start a conversation!\" />\n  }\n</div>", styles: ["/* Scrolls itself ONLY when no host scroller was supplied \u2014 see the `mj-list-host-scrolled`\n   host binding. `overflow-y` here makes this element the nearest scrolling ancestor, which is\n   what `position: sticky` binds to; when the host owns the scrolling this container never\n   moves, so anything sticky inside it silently scrolls away instead of pinning. */\n.message-list-container {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background-color: var(--mj-bg-surface-card);\n  position: relative;\n}\n\n/* Empty-state fills the message pane vertically */\n.messages-empty-fill {\n  height: 100%;\n}\n\n/* Sticky Date Header */\n.sticky-date-header {\n  position: sticky;\n  top: 12px;\n  z-index: 100;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n}\n\n.sticky-date-wrapper {\n  pointer-events: auto;\n  position: relative;\n}\n\n.sticky-date-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 16px;\n  background: var(--mj-bg-surface-card);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  transition: all 0.2s;\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.sticky-date-button:hover {\n  background: var(--mj-bg-surface-sunken);\n  box-shadow: var(--mj-shadow-md);\n}\n\n.sticky-date-button i {\n  font-size: 10px;\n  color: var(--mj-text-secondary);\n}\n\n/* Date Navigation Dropdown */\n.date-nav-dropdown {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-top: 8px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-lg);\n  min-width: 200px;\n  display: none;\n  z-index: 101;\n}\n\n.date-nav-dropdown.show {\n  display: block;\n}\n\n.date-nav-option {\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background 0.2s;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n.date-nav-option:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.date-nav-option.jump-to {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n  cursor: default;\n  padding: 8px 16px 4px 16px;\n}\n\n.date-nav-option.jump-to:hover {\n  background: none;\n}\n\n/* \u2500\u2500 Windowed transcript sentinel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Sits above the first loaded message while older pages remain. Needs real height\n   so the IntersectionObserver has something to observe. */\n.transcript-older-sentinel {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 2.5rem;\n  padding: 0.75rem 1rem;\n}\n\n.transcript-older-label {\n  font-size: 0.8125rem;\n  color: var(--mj-text-secondary);\n}\n\n/* Stands in for an unmounted timeline item so the scroll range never changes when the\n   DOM is trimmed. Height comes from the item's last measured size. */\n.transcript-spacer {\n  width: 100%;\n  flex-shrink: 0;\n}\n\n/* Host owns the scrolling: stop creating a scroll context here so `position: sticky`\n   descendants (the date navigator) bind to the host's real scroller and actually pin.\n\n   BOTH axes, not just `overflow-y`. Per CSS Overflow, when one axis is `visible` and the\n   other is not, the `visible` one computes to `auto` \u2014 so leaving `overflow-x: hidden` in\n   place silently kept this element a scroll container and the header kept scrolling away.\n   Horizontal clipping is not lost: the host's own scroller (`.chat-messages-container`)\n   already carries `overflow-x: hidden`. */\n:host(.mj-list-host-scrolled) .message-list-container {\n  overflow: visible;\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { messages: [{
             type: Input
+        }], Conversation: [{
+            type: Input
         }], conversation: [{
             type: Input
+        }], CurrentUser: [{
+            type: Input
         }], currentUser: [{
             type: Input
+        }], IsProcessing: [{
+            type: Input
         }], isProcessing: [{
             type: Input
+        }], ShowEmptyFill: [{
+            type: Input
         }], showEmptyFill: [{
             type: Input
+        }], ShowDateNavigation: [{
+            type: Input
         }], showDateNavigation: [{
             type: Input
+        }], ShowAgentRunDetails: [{
+            type: Input
         }], showAgentRunDetails: [{
             type: Input
+        }], ShowReactions: [{
+            type: Input
         }], showReactions: [{
             type: Input
+        }], ShowMessageRating: [{
+            type: Input
         }], showMessageRating: [{
             type: Input
+        }], AllowPinning: [{
+            type: Input
         }], allowPinning: [{
             type: Input
+        }], AllowMessageEdit: [{
+            type: Input
         }], allowMessageEdit: [{
             type: Input
+        }], AllowMessageDelete: [{
+            type: Input
         }], allowMessageDelete: [{
             type: Input
+        }], ReadOnly: [{
+            type: Input
         }], HasMoreAbove: [{
             type: Input
         }], IsLoadingOlder: [{
@@ -1533,74 +1952,130 @@ export class MessageListComponent extends BaseAngularComponent {
         }], HostSuppliesScroller: [{
             type: HostBinding,
             args: ['class.mj-list-host-scrolled']
+        }], AssistantDisplayName: [{
+            type: Input
         }], assistantDisplayName: [{
             type: Input
+        }], AssistantAvatarUrl: [{
+            type: Input
         }], assistantAvatarUrl: [{
             type: Input
+        }], ArtifactMap: [{
+            type: Input
         }], artifactMap: [{
             type: Input
+        }], AgentRunMap: [{
+            type: Input
         }], agentRunMap: [{
             type: Input
+        }], RatingsMap: [{
+            type: Input
         }], ratingsMap: [{
             type: Input
+        }], UserAvatarMap: [{
+            type: Input
         }], userAvatarMap: [{
             type: Input
+        }], AttachmentsMap: [{
+            type: Input
         }], attachmentsMap: [{
             type: Input
+        }], SessionMetaMap: [{
+            type: Input
         }], sessionMetaMap: [{
             type: Input
+        }], MessageRendererTemplate: [{
+            type: Input
         }], messageRendererTemplate: [{
             type: Input
+        }], MessageExtraTemplate: [{
+            type: Input
         }], messageExtraTemplate: [{
             type: Input
+        }], EditMessage: [{
+            type: Output
         }], editMessage: [{
             type: Output
+        }], DeleteMessage: [{
+            type: Output
         }], deleteMessage: [{
             type: Output
+        }], RetryMessage: [{
+            type: Output
         }], retryMessage: [{
             type: Output
+        }], TestFeedbackMessage: [{
+            type: Output
         }], testFeedbackMessage: [{
             type: Output
+        }], ArtifactClicked: [{
+            type: Output
         }], artifactClicked: [{
             type: Output
+        }], ReplyInThread: [{
+            type: Output
         }], replyInThread: [{
             type: Output
+        }], ViewThread: [{
+            type: Output
         }], viewThread: [{
             type: Output
+        }], MessageEdited: [{
+            type: Output
         }], messageEdited: [{
             type: Output
+        }], OpenEntityRecord: [{
+            type: Output
         }], openEntityRecord: [{
             type: Output
+        }], SuggestedResponseSelected: [{
+            type: Output
         }], suggestedResponseSelected: [{
             type: Output
+        }], AttachmentClicked: [{
+            type: Output
         }], attachmentClicked: [{
             type: Output
+        }], DiagnosticRequested: [{
+            type: Output
         }], diagnosticRequested: [{
             type: Output
+        }], MessagePinToggled: [{
+            type: Output
         }], messagePinToggled: [{
             type: Output
+        }], LivenessCheckRequested: [{
+            type: Output
+        }], RealtimeSessionOpenRequested: [{
+            type: Output
         }], realtimeSessionOpenRequested: [{
             type: Output
+        }], BeforeResponseFormSubmitted: [{
+            type: Output
         }], beforeResponseFormSubmitted: [{
             type: Output
+        }], AfterResponseFormSubmitted: [{
+            type: Output
         }], afterResponseFormSubmitted: [{
             type: Output
         }], OlderRequested: [{
             type: Output
         }], DateJumpRequested: [{
             type: Output
-        }], messageContainerRef: [{
+        }], MessageContainerRef: [{
             type: ViewChild,
             args: ['messageContainer', { read: ViewContainerRef }]
-        }], scrollContainer: [{
+        }], ScrollContainer: [{
             type: ViewChild,
             args: ['scrollContainer']
-        }], olderSentinel: [{
+        }], OlderSentinel: [{
             type: ViewChild,
             args: ['olderSentinel']
         }], spacerTemplate: [{
             type: ViewChild,
             args: ['spacerTemplate']
+        }], MessagesUpdate: [{
+            type: Input
         }], messagesUpdate: [{
             type: Input
         }] }); })();