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

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

@@ -7,6 +7,7 @@ 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';
+import { EMPTY_FORK_CHIPS } from '../../utils/conversation-forks';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
 import * as i2 from "@memberjunction/ng-shared-generic";
@@ -16,29 +17,29 @@ const _c2 = ["olderSentinel"];
 const _c3 = ["spacerTemplate"];
 function MessageListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "div", 8)(2, "button", 9);
+    i0.ɵɵelementStart(0, "div", 5)(1, "div", 7)(2, "button", 8);
     i0.ɵɵlistener("click", function MessageListComponent_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleDateNav()); });
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "i", 10);
+    i0.ɵɵelement(5, "i", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 11)(7, "div", 12);
+    i0.ɵɵelementStart(6, "div", 10)(7, "div", 11);
     i0.ɵɵtext(8, "Jump to...");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 13);
+    i0.ɵɵelementStart(9, "div", 12);
     i0.ɵɵlistener("click", function MessageListComponent_Conditional_2_Template_div_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.jumpToDate("today")); });
     i0.ɵɵtext(10, "Today");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 13);
+    i0.ɵɵelementStart(11, "div", 12);
     i0.ɵɵlistener("click", function MessageListComponent_Conditional_2_Template_div_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.jumpToDate("yesterday")); });
     i0.ɵɵtext(12, "Yesterday");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 13);
+    i0.ɵɵelementStart(13, "div", 12);
     i0.ɵɵlistener("click", function MessageListComponent_Conditional_2_Template_div_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.jumpToDate("last-week")); });
     i0.ɵɵtext(14, "Last week");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 13);
+    i0.ɵɵelementStart(15, "div", 12);
     i0.ɵɵlistener("click", function MessageListComponent_Conditional_2_Template_div_click_15_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.jumpToDate("last-month")); });
     i0.ɵɵtext(16, "Last month");
     i0.ɵɵelementEnd()()()();
@@ -50,16 +51,16 @@ function MessageListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("show", ctx_r1.showDateNav);
 } }
 function MessageListComponent_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 14);
+    i0.ɵɵelement(0, "mj-loading", 13);
 } }
 function MessageListComponent_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵelementStart(0, "span", 14);
     i0.ɵɵtext(1, "Earlier messages");
     i0.ɵɵelementEnd();
 } }
 function MessageListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6, 3);
-    i0.ɵɵconditionalCreate(2, MessageListComponent_Conditional_3_Conditional_2_Template, 1, 0, "mj-loading", 14)(3, MessageListComponent_Conditional_3_Conditional_3_Template, 2, 0, "span", 15);
+    i0.ɵɵconditionalCreate(2, MessageListComponent_Conditional_3_Conditional_2_Template, 1, 0, "mj-loading", 13)(3, MessageListComponent_Conditional_3_Conditional_3_Template, 2, 0, "span", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -67,13 +68,32 @@ function MessageListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(ctx_r1.IsLoadingOlder ? 2 : 3);
 } }
 function MessageListComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 16);
+    i0.ɵɵelement(0, "div", 15);
 } if (rf & 2) {
     const height_r3 = ctx.height;
     i0.ɵɵstyleProp("height", height_r3, "px");
 } }
+function MessageListComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵelementStart(2, "span", 19);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "span", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.EmptyViewMarkerText);
+} }
+function MessageListComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 17);
+} }
 function MessageListComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-empty-state", 7);
+    i0.ɵɵconditionalCreate(0, MessageListComponent_Conditional_8_Conditional_0_Template, 5, 1, "div", 16)(1, MessageListComponent_Conditional_8_Conditional_1_Template, 1, 0, "mj-empty-state", 17);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.EmptyViewMarkerText ? 0 : ctx_r1.showEmptyFill ? 1 : -1);
 } }
 /**
  * Container component for displaying a list of messages
@@ -104,6 +124,42 @@ export class MessageListComponent extends BaseAngularComponent {
     get conversation() {
         return this.Conversation;
     }
+    /** Fork chips per normalized detail id, from the chat area's fork summaries. A new map is pushed into the items on screen. */
+    set ForkChipMap(value) {
+        this._forkChipMap = value ?? new Map();
+        this.applyForkChips();
+    }
+    get ForkChipMap() {
+        return this._forkChipMap ?? new Map();
+    }
+    _forkChipMap = new Map();
+    /** How a fork view draws its rows; null in Main. A new layout is pushed into the items on screen. */
+    set ForkLayout(value) {
+        this._forkLayout = value ?? null;
+        this.applyForkLayout();
+    }
+    get ForkLayout() {
+        return this._forkLayout ?? null;
+    }
+    _forkLayout = null;
+    /** True when the person may start forks; a new value is pushed into the items on screen. False hides the fork actions. */
+    set CanFork(value) {
+        this._canFork = value !== false;
+        this.applyCanFork();
+    }
+    get CanFork() {
+        return this._canFork !== false;
+    }
+    _canFork = true;
+    /** The latest turn that in-place Edit and Regenerate may change; null when there is none. A new value is pushed into the items on screen. */
+    set InPlaceTurn(value) {
+        this._inPlaceTurn = value ?? null;
+        this.applyInPlaceRoles();
+    }
+    get InPlaceTurn() {
+        return this._inPlaceTurn ?? null;
+    }
+    _inPlaceTurn = null;
     CurrentUser;
     /** @deprecated Use {@link CurrentUser}. */
     set currentUser(value) {
@@ -213,6 +269,23 @@ export class MessageListComponent extends BaseAngularComponent {
         return this._readOnly;
     }
     _readOnly = false;
+    /** Whether message items offer Stop on an in-progress agent reply. Default true. */
+    AllowStopRun = true;
+    /**
+     * How many agent replies are in flight in the open view; items offer their own Stop only above
+     * one. Changes mid-session as runs start and finish, so it is restamped onto rendered items.
+     */
+    set InFlightCount(value) {
+        if (value === this._inFlightCount) {
+            return;
+        }
+        this._inFlightCount = value;
+        this.restampAssistantIdentity();
+    }
+    get InFlightCount() {
+        return this._inFlightCount;
+    }
+    _inFlightCount = 0;
     // ── 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
@@ -446,15 +519,26 @@ export class MessageListComponent extends BaseAngularComponent {
      * initialise in order, and the other way round this captures undefined.
      */
     deleteMessage = this.DeleteMessage;
+    /** Forwarded from MessageItemComponent: the user asked for a new reply in place of an AI reply. */
+    RegenerateRequested = new EventEmitter();
+    /** @deprecated Use {@link RegenerateRequested}. Emits with it, for hosts that still bind the old name. */
     RetryMessage = new EventEmitter();
     /**
-     * @deprecated Use {@link RetryMessage}.
+     * @deprecated Use {@link RegenerateRequested}.
      *
      * 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;
+    /** Forwarded from MessageItemComponent: the user edited a message to save as a new fork. */
+    EditResendRequested = new EventEmitter();
+    /** A chip was clicked in one of the items: a fork to open, or the view and message of an original chip. */
+    ForkOpenRequested = new EventEmitter();
+    /** An item asked to fork the conversation at its message. */
+    ForkRequested = new EventEmitter();
+    /** Forwarded from MessageItemComponent: "Save and resend" saved a user message; the host reruns its turn. */
+    ResendInPlaceRequested = new EventEmitter();
     TestFeedbackMessage = new EventEmitter();
     /**
      * @deprecated Use {@link TestFeedbackMessage}.
@@ -473,24 +557,6 @@ export class MessageListComponent extends BaseAngularComponent {
      * 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}.
@@ -536,6 +602,13 @@ export class MessageListComponent extends BaseAngularComponent {
      * initialise in order, and the other way round this captures undefined.
      */
     diagnosticRequested = this.DiagnosticRequested; // emits messageId
+    /**
+     * Relays a message item's `BeforeStopClicked`: fired before an in-progress run is stopped,
+     * cancelable by setting `event.Cancel = true`.
+     */
+    BeforeStopClicked = new EventEmitter();
+    /** Relays a message item's uncanceled stop request: the host stops the run behind that AI reply. */
+    StopMessage = new EventEmitter();
     MessagePinToggled = new EventEmitter();
     /**
      * @deprecated Use {@link MessagePinToggled}.
@@ -812,6 +885,39 @@ export class MessageListComponent extends BaseAngularComponent {
      * (not just scroll to it) use this instead of a `[data-message-id]` query, which fails for
      * exactly the cases listed — see {@link scrollToTimelineEntry}.
      */
+    /**
+     * Refreshes one rendered message in place: the streaming path's alternative to replacing the
+     * whole `messages` array, which rebuilds the timeline and re-measures the mounted range on
+     * every delta. Marks the item as streaming so its stylesheet can lift the status-line cap.
+     *
+     * @returns false only when the message has no rendered entry at all, so the caller can fall
+     * back to the full path for that one update. A spacer or a session card standing in for the
+     * message is a no-op: the entity holds the text and a remount renders it.
+     */
+    RefreshRenderedMessage(message) {
+        const existing = this._renderedMessages.get(this.getMessageKey(message));
+        if (!existing) {
+            return false;
+        }
+        switch (existing.kind) {
+            case 'embedded':
+                existing.ref.context.$implicit = message;
+                existing.ref.context.message = message;
+                if (!existing.ref.destroyed) {
+                    existing.ref.detectChanges();
+                }
+                return true;
+            case 'component':
+                existing.ref.instance.message = message;
+                existing.ref.instance.IsStreaming = true;
+                if (!this.isViewDestroyed(existing.ref.changeDetectorRef)) {
+                    existing.ref.changeDetectorRef.detectChanges();
+                }
+                return true;
+            default:
+                return true;
+        }
+    }
     FindTimelineElement(messageId) {
         const detail = this.messages?.find(m => UUIDsEqual(m.ID, messageId));
         if (!detail) {
@@ -905,6 +1011,114 @@ export class MessageListComponent extends BaseAngularComponent {
             this.updateMessages(this.messages);
         }
     }
+    /** The fork marker shown on its own when the view has no rows (a draft fork with no earlier rows); null otherwise. */
+    get EmptyViewMarkerText() {
+        const layout = this.ForkLayout;
+        return layout && !layout.MarkerDetailID ? layout.MarkerText : null;
+    }
+    /** The chips placed under a message. */
+    chipsFor(detailId) {
+        return this.ForkChipMap.get(NormalizeUUID(detailId)) ?? EMPTY_FORK_CHIPS;
+    }
+    /** Pushes the current chips into every rendered message component. */
+    applyForkChips() {
+        for (const [, rendered] of this._renderedMessages ?? new Map()) {
+            if (rendered.kind === 'component') {
+                const instance = rendered.ref.instance;
+                instance.ForkChips = this.chipsFor(instance.message.ID);
+                rendered.ref.changeDetectorRef.markForCheck();
+            }
+        }
+    }
+    /** The rail of a row in the current layout. */
+    railFor(detailId) {
+        const layout = this.ForkLayout;
+        if (!layout) {
+            return null;
+        }
+        return layout.InheritedIDs.has(NormalizeUUID(detailId)) ? 'Inherited' : 'Own';
+    }
+    /** The fork marker under a row in the current layout. */
+    markerFor(detailId) {
+        const layout = this.ForkLayout;
+        return layout?.MarkerDetailID && UUIDsEqual(layout.MarkerDetailID, detailId) ? layout.MarkerText : null;
+    }
+    /** Pushes the current layout into every rendered message component. */
+    applyForkLayout() {
+        for (const [, rendered] of this._renderedMessages ?? new Map()) {
+            if (rendered.kind === 'component') {
+                const instance = rendered.ref.instance;
+                instance.ForkRail = this.railFor(instance.message.ID);
+                instance.ForkMarkerText = this.markerFor(instance.message.ID);
+                rendered.ref.changeDetectorRef.markForCheck();
+            }
+        }
+    }
+    /** The in-place role of a row in the current turn. */
+    inPlaceRoleFor(detailId) {
+        const turn = this.InPlaceTurn;
+        if (!turn) {
+            return null;
+        }
+        if (UUIDsEqual(turn.UserDetailID, detailId)) {
+            return 'User';
+        }
+        return turn.AnswerDetailID && UUIDsEqual(turn.AnswerDetailID, detailId) ? 'Answer' : null;
+    }
+    /** Pushes the in-place roles into every rendered message component. */
+    applyInPlaceRoles() {
+        for (const [, rendered] of this._renderedMessages ?? new Map()) {
+            if (rendered.kind === 'component') {
+                const instance = rendered.ref.instance;
+                instance.InPlaceRole = this.inPlaceRoleFor(instance.message.ID);
+                instance.PendingReplace = this.pendingReplaceFor(instance.message.ID);
+                rendered.ref.changeDetectorRef.markForCheck();
+            }
+        }
+    }
+    /** The message whose inline editor is open; null when none is. */
+    editingDetailId = null;
+    /** True when a message other than `detailId` has its inline editor open. */
+    editOpenElsewhere(detailId) {
+        return this.editingDetailId != null && !UUIDsEqual(this.editingDetailId, detailId);
+    }
+    /** True for the latest turn's answer while its user message is edited with "Save and resend". */
+    pendingReplaceFor(detailId) {
+        const turn = this.InPlaceTurn;
+        return !!turn?.AnswerDetailID && this.editingDetailId != null
+            && UUIDsEqual(this.editingDetailId, turn.UserDetailID) && UUIDsEqual(turn.AnswerDetailID, detailId);
+    }
+    /** A row's inline editor opened or closed: records it and pushes the edit state into every rendered row. */
+    onRowEditingChanged(detailId, open) {
+        if (open) {
+            this.editingDetailId = detailId;
+        }
+        else if (this.editingDetailId != null && UUIDsEqual(this.editingDetailId, detailId)) {
+            this.editingDetailId = null;
+        }
+        this.applyEditState();
+    }
+    /** Pushes the edit state (another row editing, answer pending replace) into every rendered message component. */
+    applyEditState() {
+        for (const [, rendered] of this._renderedMessages ?? new Map()) {
+            if (rendered.kind === 'component') {
+                const instance = rendered.ref.instance;
+                instance.EditOpenElsewhere = this.editOpenElsewhere(instance.message.ID);
+                instance.PendingReplace = this.pendingReplaceFor(instance.message.ID);
+                rendered.ref.changeDetectorRef.markForCheck();
+            }
+        }
+    }
+    /** Pushes {@link CanFork} into every rendered message component. */
+    applyCanFork() {
+        for (const [, rendered] of this._renderedMessages ?? new Map()) {
+            if (rendered.kind === 'component') {
+                const instance = rendered.ref.instance;
+                instance.CanFork = this.CanFork;
+                rendered.ref.changeDetectorRef.markForCheck();
+            }
+        }
+    }
     /**
      * Re-stamp the assistant-identity overrides onto every already-rendered message
      * item. Called from the identity setters (see the inputs above) — items are created
@@ -1198,12 +1412,19 @@ export class MessageListComponent extends BaseAngularComponent {
             const timeline = BuildConversationTimeline(messages);
             // Remove rendered items (messages AND session blocks) that no longer exist
             const currentKeys = new Set(timeline.map(item => this.getTimelineKey(item)));
+            const editingBefore = this.editingDetailId;
             this._renderedMessages.forEach((entry, key) => {
                 if (!currentKeys.has(key)) {
+                    if (entry.kind === 'component' && this.editingDetailId != null && UUIDsEqual(entry.ref.instance.message?.ID, this.editingDetailId)) {
+                        this.editingDetailId = null;
+                    }
                     entry.ref.destroy();
                     this._renderedMessages.delete(key);
                 }
             });
+            if (editingBefore !== this.editingDetailId) {
+                this.applyEditState();
+            }
             // Add or update timeline items in chronological order. `renderMessageItem`
             // internally branches on the slot template (messageRenderer) vs the
             // default MessageItemComponent; `renderSessionBlock` always creates a
@@ -1216,6 +1437,7 @@ export class MessageListComponent extends BaseAngularComponent {
             // components. The tail and any in-progress message are always kept.
             const range = this.computeMountedRange(timeline);
             const lastMessageKey = this.findLastMessageKey(timeline);
+            const lastUserKey = this.findLastUserMessageKey(timeline);
             for (let i = 0; i < timeline.length; i++) {
                 const item = timeline[i];
                 const mounted = (i >= range.start && i <= range.end)
@@ -1227,7 +1449,8 @@ export class MessageListComponent extends BaseAngularComponent {
                     this.renderSessionBlock(item.Group, i);
                 }
                 else {
-                    this.renderMessageItem(item.Detail, messages, this.getMessageKey(item.Detail) === lastMessageKey, i);
+                    const key = this.getMessageKey(item.Detail);
+                    this.renderMessageItem(item.Detail, messages, key === lastMessageKey, key === lastMessageKey || key === lastUserKey, i);
                 }
             }
             // Decide where the viewport should end up.
@@ -1521,6 +1744,16 @@ export class MessageListComponent extends BaseAngularComponent {
         }
         return null;
     }
+    /** The render key of the last User message item in the timeline (the latest turn's user message), or null when none. */
+    findLastUserMessageKey(timeline) {
+        for (let i = timeline.length - 1; i >= 0; i--) {
+            const item = timeline[i];
+            if (item.Kind === 'message' && item.Detail.Role === 'User') {
+                return this.getMessageKey(item.Detail);
+            }
+        }
+        return null;
+    }
     /**
      * Creates or updates the ONE timeline card a realtime session collapses to.
      * Click/Open on the card bubbles up via {@link realtimeSessionOpenRequested} so the
@@ -1559,7 +1792,7 @@ export class MessageListComponent extends BaseAngularComponent {
      * dynamic-component path. Both paths flow through the shared
      * `createRenderedEntry` / `updateMessageItemInstance` helpers.
      */
-    renderMessageItem(message, messages, isLastMessage, timelineIndex) {
+    renderMessageItem(message, messages, isLastMessage, isLatestTurn, timelineIndex) {
         const key = this.getMessageKey(message);
         // `index` is only used for the `isLastMessage` heuristic inside
         // updateMessageItemInstance — synthesize a value that produces the right
@@ -1577,7 +1810,7 @@ export class MessageListComponent extends BaseAngularComponent {
         }
         if (existing && existing.kind === 'component' && !useCustomRenderer) {
             // Update existing MessageItemComponent in place
-            this.updateMessageItemInstance(existing.ref, message, messages, index);
+            this.updateMessageItemInstance(existing.ref, message, messages, index, isLatestTurn);
             return;
         }
         if (existing) {
@@ -1586,17 +1819,22 @@ export class MessageListComponent extends BaseAngularComponent {
             existing.ref.destroy();
             this._renderedMessages.delete(key);
         }
-        this.createRenderedEntry(message, messages, index, key, useCustomRenderer, timelineIndex);
+        this.createRenderedEntry(message, messages, index, isLatestTurn, key, useCustomRenderer, timelineIndex);
     }
     /**
      * Updates an existing `MessageItemComponent` in place — used on the default
      * (non-custom-renderer) path when a message's status / artifacts / agent-run /
      * etc. changes mid-stream.
      */
-    updateMessageItemInstance(ref, message, messages, index) {
+    updateMessageItemInstance(ref, message, messages, index, isLatestTurn) {
         const instance = ref.instance;
         const previousMessage = instance.message;
         instance.message = message;
+        // Streaming ends with the message. It is deliberately NOT cleared on an in-progress full
+        // render (an artifact landing mid-stream): that would snap the status cap back on for a frame.
+        if (message.Status !== 'In-Progress') {
+            instance.IsStreaming = false;
+        }
         instance.allMessages = messages;
         instance.isProcessing = this.IsProcessing;
         instance.userAvatarMap = this.UserAvatarMap;
@@ -1606,6 +1844,11 @@ export class MessageListComponent extends BaseAngularComponent {
         instance.agentRun = this.AgentRunMap.get(message.ID) || null;
         instance.ratings = this.RatingsMap.get(message.ID);
         instance.attachments = this.AttachmentsMap.get(message.ID) || [];
+        instance.ForkChips = this.chipsFor(message.ID);
+        instance.ForkRail = this.railFor(message.ID);
+        instance.ForkMarkerText = this.markerFor(message.ID);
+        instance.InPlaceRole = this.inPlaceRoleFor(message.ID);
+        this.applyRowTurnState(instance, isLatestTurn);
         // 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.
@@ -1615,6 +1858,12 @@ export class MessageListComponent extends BaseAngularComponent {
             ref.changeDetectorRef.markForCheck();
         }
     }
+    /** Sets a row's latest-turn flag and its edit state. */
+    applyRowTurnState(instance, isLatestTurn) {
+        instance.IsLatestTurn = isLatestTurn;
+        instance.EditOpenElsewhere = this.editOpenElsewhere(instance.message.ID);
+        instance.PendingReplace = this.pendingReplaceFor(instance.message.ID);
+    }
     /**
      * Forward the host-level per-message feature gates onto a MessageItemComponent
      * instance. These are static host config (not per-message data), so the same
@@ -1629,6 +1878,9 @@ export class MessageListComponent extends BaseAngularComponent {
         instance.allowMessageEdit = this.AllowMessageEdit;
         instance.allowMessageDelete = this.AllowMessageDelete;
         instance.ReadOnly = this.ReadOnly;
+        instance.AllowStopRun = this.AllowStopRun;
+        instance.InFlightCount = this.InFlightCount;
+        instance.CanFork = this.CanFork;
         instance.assistantDisplayName = this.AssistantDisplayName;
         instance.assistantAvatarUrl = this.AssistantAvatarUrl;
     }
@@ -1638,7 +1890,7 @@ export class MessageListComponent extends BaseAngularComponent {
      * Stores the entry in `_renderedMessages` and stamps a back-reference on the
      * message entity.
      */
-    createRenderedEntry(message, messages, index, key, useCustomRenderer, timelineIndex) {
+    createRenderedEntry(message, messages, index, isLatestTurn, key, useCustomRenderer, timelineIndex) {
         if (useCustomRenderer && this.MessageRendererTemplate) {
             // The slot directive carries TemplateRef<unknown>; assert the contract here
             // (consumers' `let-message` bindings consume the message context shape below).
@@ -1663,9 +1915,24 @@ export class MessageListComponent extends BaseAngularComponent {
         instance.agentRun = this.AgentRunMap.get(message.ID) || null;
         instance.ratings = this.RatingsMap.get(message.ID);
         instance.attachments = this.AttachmentsMap.get(message.ID) || [];
+        instance.ForkChips = this.chipsFor(message.ID);
+        instance.ForkRail = this.railFor(message.ID);
+        instance.ForkMarkerText = this.markerFor(message.ID);
+        instance.InPlaceRole = this.inPlaceRoleFor(message.ID);
+        this.applyRowTurnState(instance, isLatestTurn);
+        instance.EditingChanged.subscribe((open) => this.onRowEditingChanged(instance.message.ID, open));
+        instance.EditResendRequested.subscribe((e) => this.EditResendRequested.emit(e));
+        instance.ForkOpenRequested.subscribe((e) => this.ForkOpenRequested.emit(e));
+        instance.ForkRequested.subscribe((m) => this.ForkRequested.emit(m));
+        instance.ResendInPlaceRequested.subscribe((m) => this.ResendInPlaceRequested.emit(m));
         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.RegenerateRequested.subscribe((msg) => {
+            this.RegenerateRequested.emit(msg);
+            this.RetryMessage.emit(msg);
+        });
+        instance.BeforeStopClicked.subscribe((e) => this.BeforeStopClicked.emit(e));
+        instance.StopRequested.subscribe((msg) => this.StopMessage.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));
@@ -1875,13 +2142,13 @@ export class MessageListComponent extends BaseAngularComponent {
             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", 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) {
+        } }, inputs: { messages: "messages", Conversation: "Conversation", conversation: "conversation", ForkChipMap: "ForkChipMap", ForkLayout: "ForkLayout", CanFork: "CanFork", InPlaceTurn: "InPlaceTurn", 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", AllowStopRun: "AllowStopRun", InFlightCount: "InFlightCount", 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", RegenerateRequested: "RegenerateRequested", RetryMessage: "RetryMessage", retryMessage: "retryMessage", EditResendRequested: "EditResendRequested", ForkOpenRequested: "ForkOpenRequested", ForkRequested: "ForkRequested", ResendInPlaceRequested: "ResendInPlaceRequested", TestFeedbackMessage: "TestFeedbackMessage", testFeedbackMessage: "testFeedbackMessage", ArtifactClicked: "ArtifactClicked", artifactClicked: "artifactClicked", MessageEdited: "MessageEdited", messageEdited: "messageEdited", OpenEntityRecord: "OpenEntityRecord", openEntityRecord: "openEntityRecord", SuggestedResponseSelected: "SuggestedResponseSelected", suggestedResponseSelected: "suggestedResponseSelected", AttachmentClicked: "AttachmentClicked", attachmentClicked: "attachmentClicked", DiagnosticRequested: "DiagnosticRequested", diagnosticRequested: "diagnosticRequested", BeforeStopClicked: "BeforeStopClicked", StopMessage: "StopMessage", 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"], [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"], ["role", "note", 1, "fork-marker"], ["Icon", "fa-solid fa-comments", "Title", "No messages yet. Start a conversation!", 1, "messages-empty-fill"], ["aria-hidden", "true", 1, "fa-solid", "fa-code-branch"], [1, "fork-marker-text"], ["aria-hidden", "true", 1, "fork-marker-line"]], 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);
             i0.ɵɵtemplate(4, MessageListComponent_ng_template_4_Template, 1, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementContainer(6, null, 2);
-            i0.ɵɵconditionalCreate(8, MessageListComponent_Conditional_8_Template, 1, 0, "mj-empty-state", 7);
+            i0.ɵɵconditionalCreate(8, MessageListComponent_Conditional_8_Template, 2, 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1889,18 +2156,26 @@ export class MessageListComponent extends BaseAngularComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.HasMoreAbove ? 3 : -1);
             i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.messages.length === 0 && ctx.showEmptyFill ? 8 : -1);
-        } }, dependencies: [i1.MJEmptyStateComponent, i2.LoadingComponent], styles: ["\n\n\n\n.message-list-container[_ngcontent-%COMP%] {\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\n.messages-empty-fill[_ngcontent-%COMP%] {\n  height: 100%;\n}\n\n\n.sticky-date-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  pointer-events: auto;\n  position: relative;\n}\n\n.sticky-date-button[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  box-shadow: var(--mj-shadow-md);\n}\n\n.sticky-date-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--mj-text-secondary);\n}\n\n\n.date-nav-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: block;\n}\n\n.date-nav-option[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.date-nav-option.jump-to[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: none;\n}\n\n\n\n\n.transcript-older-sentinel[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 0.8125rem;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.transcript-spacer[_ngcontent-%COMP%] {\n  width: 100%;\n  flex-shrink: 0;\n}\n\n\n\n\n\n\n\n\n\n.mj-list-host-scrolled[_nghost-%COMP%]   .message-list-container[_ngcontent-%COMP%] {\n  overflow: visible;\n}"] });
+            i0.ɵɵconditional(ctx.messages.length === 0 ? 8 : -1);
+        } }, dependencies: [i1.MJEmptyStateComponent, i2.LoadingComponent], styles: ["\n\n\n\n.message-list-container[_ngcontent-%COMP%] {\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\n.messages-empty-fill[_ngcontent-%COMP%] {\n  height: 100%;\n}\n\n\n.sticky-date-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  pointer-events: auto;\n  position: relative;\n}\n\n.sticky-date-button[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  box-shadow: var(--mj-shadow-md);\n}\n\n.sticky-date-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--mj-text-secondary);\n}\n\n\n.date-nav-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: block;\n}\n\n.date-nav-option[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.date-nav-option.jump-to[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: none;\n}\n\n\n\n\n.transcript-older-sentinel[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 0.8125rem;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.transcript-spacer[_ngcontent-%COMP%] {\n  width: 100%;\n  flex-shrink: 0;\n}\n\n\n\n\n\n\n\n\n\n.mj-list-host-scrolled[_nghost-%COMP%]   .message-list-container[_ngcontent-%COMP%] {\n  overflow: visible;\n}\n\n\n.fork-marker[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-4) var(--mj-space-6) var(--mj-space-2);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n}\n.fork-marker[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-info);\n}\n.fork-marker-line[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 1px;\n  background: var(--mj-border-default);\n}\n@media (max-width: 768px) {\n  .fork-marker[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-3) var(--mj-space-2);\n  }\n}\n@media (max-width: 480px) {\n  .fork-marker[_ngcontent-%COMP%] {\n    padding: var(--mj-space-2);\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessageListComponent, [{
         type: Component,
-        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"] }]
+        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) {\n    @if (EmptyViewMarkerText) {\n      <!-- A draft fork with no earlier rows: the fork marker, not the new-conversation empty state -->\n      <div class=\"fork-marker\" role=\"note\">\n        <i class=\"fa-solid fa-code-branch\" aria-hidden=\"true\"></i>\n        <span class=\"fork-marker-text\">{{ EmptyViewMarkerText }}</span>\n        <span class=\"fork-marker-line\" aria-hidden=\"true\"></span>\n      </div>\n    } @else if (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  }\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\n/* The fork marker of a view with no rows; the same look as the marker under a row (message-item) */\n.fork-marker {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-4) var(--mj-space-6) var(--mj-space-2);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n}\n.fork-marker i {\n  color: var(--mj-status-info);\n}\n.fork-marker-line {\n  flex: 1;\n  height: 1px;\n  background: var(--mj-border-default);\n}\n@media (max-width: 768px) {\n  .fork-marker {\n    padding: var(--mj-space-3) var(--mj-space-3) var(--mj-space-2);\n  }\n}\n@media (max-width: 480px) {\n  .fork-marker {\n    padding: var(--mj-space-2);\n  }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { messages: [{
             type: Input
         }], Conversation: [{
             type: Input
         }], conversation: [{
             type: Input
+        }], ForkChipMap: [{
+            type: Input
+        }], ForkLayout: [{
+            type: Input
+        }], CanFork: [{
+            type: Input
+        }], InPlaceTurn: [{
+            type: Input
         }], CurrentUser: [{
             type: Input
         }], currentUser: [{
@@ -1943,6 +2218,10 @@ export class MessageListComponent extends BaseAngularComponent {
             type: Input
         }], ReadOnly: [{
             type: Input
+        }], AllowStopRun: [{
+            type: Input
+        }], InFlightCount: [{
+            type: Input
         }], HasMoreAbove: [{
             type: Input
         }], IsLoadingOlder: [{
@@ -2000,25 +2279,27 @@ export class MessageListComponent extends BaseAngularComponent {
             type: Output
         }], deleteMessage: [{
             type: Output
+        }], RegenerateRequested: [{
+            type: Output
         }], RetryMessage: [{
             type: Output
         }], retryMessage: [{
             type: Output
-        }], TestFeedbackMessage: [{
+        }], EditResendRequested: [{
             type: Output
-        }], testFeedbackMessage: [{
+        }], ForkOpenRequested: [{
             type: Output
-        }], ArtifactClicked: [{
+        }], ForkRequested: [{
             type: Output
-        }], artifactClicked: [{
+        }], ResendInPlaceRequested: [{
             type: Output
-        }], ReplyInThread: [{
+        }], TestFeedbackMessage: [{
             type: Output
-        }], replyInThread: [{
+        }], testFeedbackMessage: [{
             type: Output
-        }], ViewThread: [{
+        }], ArtifactClicked: [{
             type: Output
-        }], viewThread: [{
+        }], artifactClicked: [{
             type: Output
         }], MessageEdited: [{
             type: Output
@@ -2040,6 +2321,10 @@ export class MessageListComponent extends BaseAngularComponent {
             type: Output
         }], diagnosticRequested: [{
             type: Output
+        }], BeforeStopClicked: [{
+            type: Output
+        }], StopMessage: [{
+            type: Output
         }], MessagePinToggled: [{
             type: Output
         }], messagePinToggled: [{
@@ -2079,5 +2364,5 @@ export class MessageListComponent extends BaseAngularComponent {
         }], messagesUpdate: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageListComponent, { className: "MessageListComponent", filePath: "src/lib/components/message/message-list.component.ts", lineNumber: 109 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MessageListComponent, { className: "MessageListComponent", filePath: "src/lib/components/message/message-list.component.ts", lineNumber: 111 }); })();
 //# sourceMappingURL=message-list.component.js.map