@memberjunction/ng-conversations 5.40.1 → 5.41.0

package/dist/lib/components/realtime/realtime-session-state.js

@@ -0,0 +1,244 @@
+import { Subject } from 'rxjs';
+/**
+ * Maps a raw delegation step id to a human-friendly phrase. Unknown steps fall back to
+ * the raw progress message (per product direction) so the UI never shows snake_case ids.
+ */
+export function FriendlyStepLabel(step, message) {
+    switch (step) {
+        case 'prompt_execution': return 'Thinking it through';
+        case 'action_execution': return 'Running actions';
+        case 'subagent_execution': return 'Working with another agent';
+        case 'decision_processing': return 'Deciding next steps';
+        default: return message || 'Working';
+    }
+}
+/** Formats an elapsed duration in ms as a compact human string ("8s", "1m 04s"). */
+export function FormatElapsed(ms) {
+    const totalSec = Math.max(0, Math.round(ms / 1000));
+    if (totalSec < 60) {
+        return `${totalSec}s`;
+    }
+    const m = Math.floor(totalSec / 60);
+    const s = totalSec % 60;
+    return `${m}m ${s.toString().padStart(2, '0')}s`;
+}
+/**
+ * SINGLE SOURCE of merged live-session state, owned by the overlay shell
+ * (`RealtimeSessionOverlayComponent`) and passed via `@Input()` to BOTH the session
+ * thread and the activity rail — so the per-CallID card bookkeeping and subscription
+ * logic exists exactly once.
+ *
+ * Merges FOUR reactive streams from {@link RealtimeSessionService}:
+ *  - `Captions$`            — growing user/assistant caption list → appended to {@link Items}.
+ *  - `DelegationProgress$`  — first event per `CallID` inserts a working card at the thread
+ *                             tail; later events REPLACE the card immutably (new object +
+ *                             new arrays) so change detection always fires.
+ *  - `DelegationResult$`    — flips the card to Done/Failed with the real result text.
+ *  - `DelegationNarration$` — the EPHEMERAL spoken progress note (latest only, never
+ *                             accumulated), cleared when no delegation is running anymore.
+ *
+ * Consumers subscribe to {@link Changed$} and `markForCheck()`; all exposed collections
+ * are replaced (never mutated) on change.
+ */
+export class RealtimeSessionState {
+    /** Display name used for new delegation cards (set by the overlay's AgentName input). */
+    AgentName = 'Sage';
+    /** The merged, chronological thread (captions + delegation cards), oldest first. */
+    Items = [];
+    /** All delegation cards of the session, NEWEST first — the activity rail's list. */
+    Cards = [];
+    /** Latest ephemeral narration text, or null when none should be shown. */
+    Narration = null;
+    /** CallID of the most recently started, still-running delegation (anchors the live note). */
+    ActiveCallId = null;
+    /** Emits after every state change so views can mark themselves for check. */
+    Changed$ = new Subject();
+    /** Number of captions already merged into {@link Items} (append-only bookkeeping). */
+    placedCaptionCount = 0;
+    /** Live card lookup by CallID (insertion order = start order). */
+    cardsByCallId = new Map();
+    subs = [];
+    /** True while at least one delegation is still running. */
+    get HasRunningDelegation() {
+        return this.ActiveCallId !== null;
+    }
+    /** Subscribes to the session streams. Call once from the owning overlay shell. */
+    Attach(voice) {
+        if (this.subs.length > 0) {
+            return; // already attached
+        }
+        this.subs.push(voice.Captions$.subscribe(c => this.onCaptions(c)), voice.DelegationProgress$.subscribe(p => this.onProgress(p)), voice.DelegationResult$.subscribe(r => this.onResult(r)), voice.DelegationNarration$.subscribe(n => this.onNarration(n)));
+    }
+    /** Unsubscribes from all session streams. Call from the owning shell's ngOnDestroy. */
+    Detach() {
+        for (const s of this.subs) {
+            s.unsubscribe();
+        }
+        this.subs = [];
+    }
+    /**
+     * SESSION REVIEW population path: replaces ALL merged state with a pre-built
+     * HISTORICAL thread (caption turns + done delegation cards, oldest first — see
+     * `BuildReviewThreadItems`). Resets the live-stream bookkeeping first, so a later
+     * live session starts from a clean merge baseline; delegation cards are indexed by
+     * CallID so the rail's {@link Cards} list and {@link ActiveCallId} derive normally.
+     */
+    LoadHistoricalItems(items) {
+        this.reset();
+        this.Items = [...items];
+        for (const item of items) {
+            if (item.Kind === 'delegation') {
+                this.cardsByCallId.set(item.Card.CallID, item.Card);
+            }
+        }
+        this.rebuildCards();
+        this.recomputeActive();
+        this.Changed$.next();
+    }
+    /** Clears all merged state and notifies subscribers (e.g. leaving session review). */
+    Clear() {
+        this.reset();
+        this.Changed$.next();
+    }
+    /**
+     * REVIEW→LIVE continuation path: KEEPS the historical thread (and its delegation cards
+     * in the rail) and appends a "Resumed live session" {@link RealtimeThreadDividerItem},
+     * then resets only the LIVE-merge bookkeeping so the new session's captions and cards
+     * append cleanly AFTER the divider:
+     *  - `placedCaptionCount` → 0 (the fresh session's caption stream starts empty, so the
+     *    start-of-session `[]` emission is a no-op rather than a reset);
+     *  - the ephemeral narration is dropped (nothing is running yet);
+     *  - historical cards stay indexed by CallID — new live CallIDs are unique, so live
+     *    cards insert alongside them and `ActiveCallId` recomputes normally.
+     */
+    StartLiveContinuation(at = new Date()) {
+        const divider = {
+            Kind: 'divider',
+            Label: 'Resumed live session',
+            At: at,
+            Icon: 'fa-solid fa-phone'
+        };
+        this.Items = [...this.Items, divider];
+        this.Narration = null;
+        this.placedCaptionCount = 0;
+        this.recomputeActive();
+        this.Changed$.next();
+    }
+    /** Appends any newly-arrived captions, keeping order relative to delegation cards. */
+    onCaptions(captions) {
+        if (captions.length <= this.placedCaptionCount) {
+            // Captions are cleared on a fresh session — reset all merge state.
+            if (captions.length < this.placedCaptionCount) {
+                this.reset();
+                this.Changed$.next();
+            }
+            return;
+        }
+        const appended = [];
+        for (let i = this.placedCaptionCount; i < captions.length; i++) {
+            appended.push({ Kind: 'caption', Role: captions[i].Role, Text: captions[i].Text });
+        }
+        this.placedCaptionCount = captions.length;
+        this.Items = [...this.Items, ...appended];
+        this.Changed$.next();
+    }
+    /** Inserts a new working card, or immutably replaces the existing one for this CallID. */
+    onProgress(progress) {
+        const existing = this.cardsByCallId.get(progress.CallID);
+        if (existing) {
+            this.replaceCard({
+                ...existing,
+                LatestStep: progress.Step,
+                LatestMessage: progress.Message,
+                Percentage: progress.Percentage
+            });
+        }
+        else {
+            this.insertCard(progress);
+        }
+        this.Changed$.next();
+    }
+    /** Creates a working card for a first-seen CallID and appends it to the thread tail. */
+    insertCard(progress) {
+        const card = {
+            CallID: progress.CallID,
+            AgentName: this.AgentName,
+            LatestStep: progress.Step,
+            LatestMessage: progress.Message,
+            Percentage: progress.Percentage,
+            Done: false,
+            Success: false,
+            RunRef: this.shortRunRef(progress.CallID),
+            StartedAt: Date.now()
+        };
+        this.cardsByCallId.set(progress.CallID, card);
+        this.Items = [...this.Items, { Kind: 'delegation', Card: card }];
+        this.rebuildCards();
+        this.recomputeActive();
+    }
+    /** Flips the card for a finished delegation to Done/Failed with its real result. */
+    onResult(result) {
+        const existing = this.cardsByCallId.get(result.CallID);
+        if (!existing) {
+            return; // non-delegation tool result (no card was ever created) — ignore
+        }
+        this.replaceCard({
+            ...existing,
+            Done: true,
+            Success: result.Success,
+            Result: result.Output,
+            RunID: result.RunID ?? existing.RunID,
+            Artifacts: result.Artifacts ?? existing.Artifacts,
+            FinishedAt: Date.now()
+        });
+        if (!this.HasRunningDelegation) {
+            // All delegations finished — the live narration note fades away.
+            this.Narration = null;
+        }
+        this.Changed$.next();
+    }
+    /** Latest narration REPLACES the previous one (never accumulated). */
+    onNarration(narration) {
+        this.Narration = narration.Text;
+        this.Changed$.next();
+    }
+    /**
+     * Immutable replacement of a card: new card object, new thread-item wrapper, new
+     * Items array, rebuilt Cards array — so every binding sees a fresh reference.
+     */
+    replaceCard(card) {
+        this.cardsByCallId.set(card.CallID, card);
+        const idx = this.Items.findIndex(i => i.Kind === 'delegation' && i.Card.CallID === card.CallID);
+        if (idx >= 0) {
+            const next = [...this.Items];
+            next[idx] = { Kind: 'delegation', Card: card };
+            this.Items = next;
+        }
+        this.rebuildCards();
+        this.recomputeActive();
+    }
+    /** Rebuilds the rail's newest-first card list from the (start-ordered) map. */
+    rebuildCards() {
+        this.Cards = Array.from(this.cardsByCallId.values()).reverse();
+    }
+    /** Recomputes which still-running delegation anchors the live narration note. */
+    recomputeActive() {
+        const running = this.Cards.find(c => !c.Done);
+        this.ActiveCallId = running ? running.CallID : null;
+    }
+    /** Derives a short, stable run reference (e.g. "#a3f1") from the call id. */
+    shortRunRef(callId) {
+        const compact = callId.replace(/[^a-z0-9]/gi, '');
+        return compact.length >= 4 ? `#${compact.slice(-4).toLowerCase()}` : `#${compact.toLowerCase()}`;
+    }
+    /** Clears all merged state (fresh session). */
+    reset() {
+        this.Items = [];
+        this.Cards = [];
+        this.Narration = null;
+        this.ActiveCallId = null;
+        this.placedCaptionCount = 0;
+        this.cardsByCallId.clear();
+    }
+}
+//# sourceMappingURL=realtime-session-state.js.map

package/dist/lib/components/realtime/realtime-session-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-session-state.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-session-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,OAAO,EAAgB,MAAM,MAAM,CAAC;AAwGzD;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAY,EAAE,OAAe;IAC7D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,kBAAkB,CAAC,CAAC,OAAO,qBAAqB,CAAC;QACtD,KAAK,kBAAkB,CAAC,CAAC,OAAO,iBAAiB,CAAC;QAClD,KAAK,oBAAoB,CAAC,CAAC,OAAO,4BAA4B,CAAC;QAC/D,KAAK,qBAAqB,CAAC,CAAC,OAAO,qBAAqB,CAAC;QACzD,OAAO,CAAC,CAAC,OAAO,OAAO,IAAI,SAAS,CAAC;IACvC,CAAC;AACH,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,aAAa,CAAC,EAAU;IACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IACpD,IAAI,QAAQ,GAAG,EAAE,EAAE,CAAC;QAClB,OAAO,GAAG,QAAQ,GAAG,CAAC;IACxB,CAAC;IACD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC;IACpC,MAAM,CAAC,GAAG,QAAQ,GAAG,EAAE,CAAC;IACxB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AACnD,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,oBAAoB;IAC/B,yFAAyF;IAClF,SAAS,GAAG,MAAM,CAAC;IAE1B,oFAAoF;IAC7E,KAAK,GAAyB,EAAE,CAAC;IAExC,oFAAoF;IAC7E,KAAK,GAA+B,EAAE,CAAC;IAE9C,0EAA0E;IACnE,SAAS,GAAkB,IAAI,CAAC;IAEvC,6FAA6F;IACtF,YAAY,GAAkB,IAAI,CAAC;IAE1C,6EAA6E;IAC7D,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAE/C,sFAAsF;IAC9E,kBAAkB,GAAG,CAAC,CAAC;IAC/B,kEAAkE;IAC1D,aAAa,GAAG,IAAI,GAAG,EAAoC,CAAC;IAC5D,IAAI,GAAmB,EAAE,CAAC;IAElC,2DAA2D;IAC3D,IAAW,oBAAoB;QAC7B,OAAO,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACpC,CAAC;IAED,kFAAkF;IAC3E,MAAM,CAAC,KAA6B;QACzC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,CAAC,mBAAmB;QAC7B,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,IAAI,CACZ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAClD,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAC5D,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACxD,KAAK,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC/D,CAAC;IACJ,CAAC;IAED,uFAAuF;IAChF,MAAM;QACX,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC1B,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC;QACD,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED;;;;;;OAMG;IACI,mBAAmB,CAAC,KAA2B;QACpD,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QACxB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;gBAC/B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,sFAAsF;IAC/E,KAAK;QACV,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED;;;;;;;;;;OAUG;IACI,qBAAqB,CAAC,KAAW,IAAI,IAAI,EAAE;QAChD,MAAM,OAAO,GAA8B;YACzC,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,sBAAsB;YAC7B,EAAE,EAAE,EAAE;YACN,IAAI,EAAE,mBAAmB;SAC1B,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,sFAAsF;IAC9E,UAAU,CAAC,QAAwB;QACzC,IAAI,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC/C,mEAAmE;YACnE,IAAI,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC9C,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACvB,CAAC;YACD,OAAO;QACT,CAAC;QACD,MAAM,QAAQ,GAAyB,EAAE,CAAC;QAC1C,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACrF,CAAC;QACD,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,0FAA0F;IAClF,UAAU,CAAC,QAAiC;QAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACzD,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC;gBACf,GAAG,QAAQ;gBACX,UAAU,EAAE,QAAQ,CAAC,IAAI;gBACzB,aAAa,EAAE,QAAQ,CAAC,OAAO;gBAC/B,UAAU,EAAE,QAAQ,CAAC,UAAU;aAChC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,wFAAwF;IAChF,UAAU,CAAC,QAAiC;QAClD,MAAM,IAAI,GAA6B;YACrC,MAAM,EAAE,QAAQ,CAAC,MAAM;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,QAAQ,CAAC,IAAI;YACzB,aAAa,EAAE,QAAQ,CAAC,OAAO;YAC/B,UAAU,EAAE,QAAQ,CAAC,UAAU;YAC/B,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC;YACzC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACjE,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,oFAAoF;IAC5E,QAAQ,CAAC,MAA6B;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,iEAAiE;QAC3E,CAAC;QACD,IAAI,CAAC,WAAW,CAAC;YACf,GAAG,QAAQ;YACX,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK;YACrC,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,QAAQ,CAAC,SAAS;YACjD,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;SACvB,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC/B,iEAAiE;YACjE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED,sEAAsE;IAC9D,WAAW,CAAC,SAAmC;QACrD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAED;;;OAGG;IACK,WAAW,CAAC,IAA8B;QAChD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;QAChG,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACb,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7B,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,+EAA+E;IACvE,YAAY;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;IACjE,CAAC;IAED,iFAAiF;IACzE,eAAe;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;IAED,6EAA6E;IACrE,WAAW,CAAC,MAAc;QAChC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAClD,OAAO,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IACnG,CAAC;IAED,+CAA+C;IACvC,KAAK;QACX,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import { Observable, Subject, Subscription } from 'rxjs';\nimport {\n  VoiceCaption, VoiceDelegationProgress, VoiceDelegationResult, VoiceDelegationNarration\n} from '../../services/realtime-session.service';\nimport { ParsedDelegationArtifact } from '../../services/delegation-result-parser';\n\n/**\n * The four reactive session streams {@link RealtimeSessionState} merges — structurally\n * satisfied by `RealtimeSessionService`. Narrowed to an interface so the state (and its unit\n * tests) depend only on the streams, not on the full service / GraphQL import chain.\n */\nexport interface RealtimeSessionStreams {\n  /** Growing user/assistant caption list. */\n  Captions$: Observable<VoiceCaption[]>;\n  /** Progress updates from delegated agent runs. */\n  DelegationProgress$: Observable<VoiceDelegationProgress>;\n  /** Terminal delegation results. */\n  DelegationResult$: Observable<VoiceDelegationResult>;\n  /** Ephemeral spoken progress narrations. */\n  DelegationNarration$: Observable<VoiceDelegationNarration>;\n}\n\n/**\n * The view-model for one delegated tool/agent call in the live session. Built by\n * {@link RealtimeSessionState} from the `DelegationProgress$` / `DelegationResult$`\n * streams (correlated by `CallID`) and rendered both inline in the session thread\n * and as a compact card in the activity rail.\n *\n * Card objects are treated as IMMUTABLE — every progress/result event REPLACES the\n * card object (and the arrays containing it) so Angular bindings always see fresh\n * references and in-place updates reliably re-render.\n */\nexport interface RealtimeDelegationCardVM {\n  /** The `invoke-target-agent` call this card represents. */\n  CallID: string;\n  /** Display name of the delegated agent (e.g. \"Sage\"). */\n  AgentName: string;\n  /** Latest human-readable progress message from the stream. */\n  LatestMessage: string;\n  /** The delegation phase (`prompt_execution` | `action_execution` | …). */\n  LatestStep: string;\n  /** Optional completion percentage (0–100) when the server supplies it. */\n  Percentage?: number;\n  /** `true` once the delegation reached a terminal result. */\n  Done: boolean;\n  /** Whether the delegated work succeeded (meaningful once {@link Done} is true). */\n  Success: boolean;\n  /** Short run identifier (e.g. \"#a3f1\") if known; shown in expanded provenance detail. */\n  RunRef?: string;\n  /**\n   * ID of the delegated agent run (`MJ: AI Agent Runs`) once the result reports it.\n   * Powers the gear-gated \"Open run\" developer link on the card / rail entry.\n   */\n  RunID?: string;\n  /** The real result text once the delegation completes. */\n  Result?: string | null;\n  /**\n   * Artifacts the delegated run produced (set with the terminal result). Powers the\n   * \"View\" affordance on done cards / rail entries and the surface panel's artifact tabs.\n   */\n  Artifacts?: ParsedDelegationArtifact[];\n  /** Epoch ms when the first progress event for this call arrived. */\n  StartedAt: number;\n  /** Epoch ms when the terminal result arrived. */\n  FinishedAt?: number;\n}\n\n/** A caption turn (user or assistant) in the unified thread. */\nexport interface RealtimeThreadCaptionItem {\n  Kind: 'caption';\n  Role: 'User' | 'Assistant';\n  Text: string;\n}\n\n/** A delegation card in the unified thread (working → done chip). */\nexport interface RealtimeThreadDelegationItem {\n  Kind: 'delegation';\n  Card: RealtimeDelegationCardVM;\n}\n\n/**\n * A SESSION-BOUNDARY divider in the unified thread — a subtle, token-styled rule marking\n * where one session leg ends and another begins. Two producers:\n *  - review→live continuation ({@link RealtimeSessionState.StartLiveContinuation}):\n *    \"Resumed live session · <time>\" before the new live items;\n *  - multi-leg session review (`BuildReviewThreadItems` over a `lastSessionId` chain):\n *    \"Session leg · started <time>\" between legs, carrying the PREVIOUS leg's CloseReason\n *    as a small chip so the reader sees why that leg ended.\n */\nexport interface RealtimeThreadDividerItem {\n  Kind: 'divider';\n  /** The divider's label (e.g. \"Resumed live session\", \"Session leg\"). */\n  Label: string;\n  /** Timestamp rendered after the label (\"· <time>\"), or null when unknown. */\n  At: Date | null;\n  /** Font Awesome icon class rendered before the label (e.g. `fa-solid fa-phone`). */\n  Icon: string;\n  /** Why the PRECEDING leg closed (review chains only) — rendered as a small chip. */\n  CloseReason?: string | null;\n}\n\n/** One entry in the chronological thread: a caption bubble, a delegation card, or a leg divider. */\nexport type RealtimeThreadItem = RealtimeThreadCaptionItem | RealtimeThreadDelegationItem | RealtimeThreadDividerItem;\n\n/**\n * Maps a raw delegation step id to a human-friendly phrase. Unknown steps fall back to\n * the raw progress message (per product direction) so the UI never shows snake_case ids.\n */\nexport function FriendlyStepLabel(step: string, message: string): string {\n  switch (step) {\n    case 'prompt_execution': return 'Thinking it through';\n    case 'action_execution': return 'Running actions';\n    case 'subagent_execution': return 'Working with another agent';\n    case 'decision_processing': return 'Deciding next steps';\n    default: return message || 'Working';\n  }\n}\n\n/** Formats an elapsed duration in ms as a compact human string (\"8s\", \"1m 04s\"). */\nexport function FormatElapsed(ms: number): string {\n  const totalSec = Math.max(0, Math.round(ms / 1000));\n  if (totalSec < 60) {\n    return `${totalSec}s`;\n  }\n  const m = Math.floor(totalSec / 60);\n  const s = totalSec % 60;\n  return `${m}m ${s.toString().padStart(2, '0')}s`;\n}\n\n/**\n * SINGLE SOURCE of merged live-session state, owned by the overlay shell\n * (`RealtimeSessionOverlayComponent`) and passed via `@Input()` to BOTH the session\n * thread and the activity rail — so the per-CallID card bookkeeping and subscription\n * logic exists exactly once.\n *\n * Merges FOUR reactive streams from {@link RealtimeSessionService}:\n *  - `Captions$`            — growing user/assistant caption list → appended to {@link Items}.\n *  - `DelegationProgress$`  — first event per `CallID` inserts a working card at the thread\n *                             tail; later events REPLACE the card immutably (new object +\n *                             new arrays) so change detection always fires.\n *  - `DelegationResult$`    — flips the card to Done/Failed with the real result text.\n *  - `DelegationNarration$` — the EPHEMERAL spoken progress note (latest only, never\n *                             accumulated), cleared when no delegation is running anymore.\n *\n * Consumers subscribe to {@link Changed$} and `markForCheck()`; all exposed collections\n * are replaced (never mutated) on change.\n */\nexport class RealtimeSessionState {\n  /** Display name used for new delegation cards (set by the overlay's AgentName input). */\n  public AgentName = 'Sage';\n\n  /** The merged, chronological thread (captions + delegation cards), oldest first. */\n  public Items: RealtimeThreadItem[] = [];\n\n  /** All delegation cards of the session, NEWEST first — the activity rail's list. */\n  public Cards: RealtimeDelegationCardVM[] = [];\n\n  /** Latest ephemeral narration text, or null when none should be shown. */\n  public Narration: string | null = null;\n\n  /** CallID of the most recently started, still-running delegation (anchors the live note). */\n  public ActiveCallId: string | null = null;\n\n  /** Emits after every state change so views can mark themselves for check. */\n  public readonly Changed$ = new Subject<void>();\n\n  /** Number of captions already merged into {@link Items} (append-only bookkeeping). */\n  private placedCaptionCount = 0;\n  /** Live card lookup by CallID (insertion order = start order). */\n  private cardsByCallId = new Map<string, RealtimeDelegationCardVM>();\n  private subs: Subscription[] = [];\n\n  /** True while at least one delegation is still running. */\n  public get HasRunningDelegation(): boolean {\n    return this.ActiveCallId !== null;\n  }\n\n  /** Subscribes to the session streams. Call once from the owning overlay shell. */\n  public Attach(voice: RealtimeSessionStreams): void {\n    if (this.subs.length > 0) {\n      return; // already attached\n    }\n    this.subs.push(\n      voice.Captions$.subscribe(c => this.onCaptions(c)),\n      voice.DelegationProgress$.subscribe(p => this.onProgress(p)),\n      voice.DelegationResult$.subscribe(r => this.onResult(r)),\n      voice.DelegationNarration$.subscribe(n => this.onNarration(n))\n    );\n  }\n\n  /** Unsubscribes from all session streams. Call from the owning shell's ngOnDestroy. */\n  public Detach(): void {\n    for (const s of this.subs) {\n      s.unsubscribe();\n    }\n    this.subs = [];\n  }\n\n  /**\n   * SESSION REVIEW population path: replaces ALL merged state with a pre-built\n   * HISTORICAL thread (caption turns + done delegation cards, oldest first — see\n   * `BuildReviewThreadItems`). Resets the live-stream bookkeeping first, so a later\n   * live session starts from a clean merge baseline; delegation cards are indexed by\n   * CallID so the rail's {@link Cards} list and {@link ActiveCallId} derive normally.\n   */\n  public LoadHistoricalItems(items: RealtimeThreadItem[]): void {\n    this.reset();\n    this.Items = [...items];\n    for (const item of items) {\n      if (item.Kind === 'delegation') {\n        this.cardsByCallId.set(item.Card.CallID, item.Card);\n      }\n    }\n    this.rebuildCards();\n    this.recomputeActive();\n    this.Changed$.next();\n  }\n\n  /** Clears all merged state and notifies subscribers (e.g. leaving session review). */\n  public Clear(): void {\n    this.reset();\n    this.Changed$.next();\n  }\n\n  /**\n   * REVIEW→LIVE continuation path: KEEPS the historical thread (and its delegation cards\n   * in the rail) and appends a \"Resumed live session\" {@link RealtimeThreadDividerItem},\n   * then resets only the LIVE-merge bookkeeping so the new session's captions and cards\n   * append cleanly AFTER the divider:\n   *  - `placedCaptionCount` → 0 (the fresh session's caption stream starts empty, so the\n   *    start-of-session `[]` emission is a no-op rather than a reset);\n   *  - the ephemeral narration is dropped (nothing is running yet);\n   *  - historical cards stay indexed by CallID — new live CallIDs are unique, so live\n   *    cards insert alongside them and `ActiveCallId` recomputes normally.\n   */\n  public StartLiveContinuation(at: Date = new Date()): void {\n    const divider: RealtimeThreadDividerItem = {\n      Kind: 'divider',\n      Label: 'Resumed live session',\n      At: at,\n      Icon: 'fa-solid fa-phone'\n    };\n    this.Items = [...this.Items, divider];\n    this.Narration = null;\n    this.placedCaptionCount = 0;\n    this.recomputeActive();\n    this.Changed$.next();\n  }\n\n  /** Appends any newly-arrived captions, keeping order relative to delegation cards. */\n  private onCaptions(captions: VoiceCaption[]): void {\n    if (captions.length <= this.placedCaptionCount) {\n      // Captions are cleared on a fresh session — reset all merge state.\n      if (captions.length < this.placedCaptionCount) {\n        this.reset();\n        this.Changed$.next();\n      }\n      return;\n    }\n    const appended: RealtimeThreadItem[] = [];\n    for (let i = this.placedCaptionCount; i < captions.length; i++) {\n      appended.push({ Kind: 'caption', Role: captions[i].Role, Text: captions[i].Text });\n    }\n    this.placedCaptionCount = captions.length;\n    this.Items = [...this.Items, ...appended];\n    this.Changed$.next();\n  }\n\n  /** Inserts a new working card, or immutably replaces the existing one for this CallID. */\n  private onProgress(progress: VoiceDelegationProgress): void {\n    const existing = this.cardsByCallId.get(progress.CallID);\n    if (existing) {\n      this.replaceCard({\n        ...existing,\n        LatestStep: progress.Step,\n        LatestMessage: progress.Message,\n        Percentage: progress.Percentage\n      });\n    } else {\n      this.insertCard(progress);\n    }\n    this.Changed$.next();\n  }\n\n  /** Creates a working card for a first-seen CallID and appends it to the thread tail. */\n  private insertCard(progress: VoiceDelegationProgress): void {\n    const card: RealtimeDelegationCardVM = {\n      CallID: progress.CallID,\n      AgentName: this.AgentName,\n      LatestStep: progress.Step,\n      LatestMessage: progress.Message,\n      Percentage: progress.Percentage,\n      Done: false,\n      Success: false,\n      RunRef: this.shortRunRef(progress.CallID),\n      StartedAt: Date.now()\n    };\n    this.cardsByCallId.set(progress.CallID, card);\n    this.Items = [...this.Items, { Kind: 'delegation', Card: card }];\n    this.rebuildCards();\n    this.recomputeActive();\n  }\n\n  /** Flips the card for a finished delegation to Done/Failed with its real result. */\n  private onResult(result: VoiceDelegationResult): void {\n    const existing = this.cardsByCallId.get(result.CallID);\n    if (!existing) {\n      return; // non-delegation tool result (no card was ever created) — ignore\n    }\n    this.replaceCard({\n      ...existing,\n      Done: true,\n      Success: result.Success,\n      Result: result.Output,\n      RunID: result.RunID ?? existing.RunID,\n      Artifacts: result.Artifacts ?? existing.Artifacts,\n      FinishedAt: Date.now()\n    });\n    if (!this.HasRunningDelegation) {\n      // All delegations finished — the live narration note fades away.\n      this.Narration = null;\n    }\n    this.Changed$.next();\n  }\n\n  /** Latest narration REPLACES the previous one (never accumulated). */\n  private onNarration(narration: VoiceDelegationNarration): void {\n    this.Narration = narration.Text;\n    this.Changed$.next();\n  }\n\n  /**\n   * Immutable replacement of a card: new card object, new thread-item wrapper, new\n   * Items array, rebuilt Cards array — so every binding sees a fresh reference.\n   */\n  private replaceCard(card: RealtimeDelegationCardVM): void {\n    this.cardsByCallId.set(card.CallID, card);\n    const idx = this.Items.findIndex(i => i.Kind === 'delegation' && i.Card.CallID === card.CallID);\n    if (idx >= 0) {\n      const next = [...this.Items];\n      next[idx] = { Kind: 'delegation', Card: card };\n      this.Items = next;\n    }\n    this.rebuildCards();\n    this.recomputeActive();\n  }\n\n  /** Rebuilds the rail's newest-first card list from the (start-ordered) map. */\n  private rebuildCards(): void {\n    this.Cards = Array.from(this.cardsByCallId.values()).reverse();\n  }\n\n  /** Recomputes which still-running delegation anchors the live narration note. */\n  private recomputeActive(): void {\n    const running = this.Cards.find(c => !c.Done);\n    this.ActiveCallId = running ? running.CallID : null;\n  }\n\n  /** Derives a short, stable run reference (e.g. \"#a3f1\") from the call id. */\n  private shortRunRef(callId: string): string {\n    const compact = callId.replace(/[^a-z0-9]/gi, '');\n    return compact.length >= 4 ? `#${compact.slice(-4).toLowerCase()}` : `#${compact.toLowerCase()}`;\n  }\n\n  /** Clears all merged state (fresh session). */\n  private reset(): void {\n    this.Items = [];\n    this.Cards = [];\n    this.Narration = null;\n    this.ActiveCallId = null;\n    this.placedCaptionCount = 0;\n    this.cardsByCallId.clear();\n  }\n}\n"]}

package/dist/lib/components/realtime/realtime-session-thread.component.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter, AfterViewChecked, OnInit, OnDestroy } from '@angular/core';
+import { RealtimeSessionState, RealtimeThreadItem } from './realtime-session-state';
+import { ParsedDelegationArtifact } from '../../services/delegation-result-parser';
+import * as i0 from "@angular/core";
+/**
+ * The unified, chronological live thread for the call overlay: caption bubbles
+ * interleaved with delegation cards exactly where they happened.
+ *
+ * PURELY PRESENTATIONAL over {@link RealtimeSessionState} — the overlay shell owns the
+ * state object (which merges the service streams once) and passes it here AND to the
+ * activity rail, so there is exactly one copy of the per-CallID merge logic.
+ *
+ * Also renders the EPHEMERAL narration "live note": indented, muted, italic text under
+ * the ACTIVE working card (latest narration only — replaced, never accumulated).
+ */
+export declare class RealtimeSessionThreadComponent implements OnInit, AfterViewChecked, OnDestroy {
+    private scrollAnchor?;
+    /** Display name of the agent (caption avatar / meta line). */
+    AgentName: string;
+    /**
+     * Display name of the signed-in user for their turns — consistent with the main
+     * chat's sender names, and ready for multi-user sessions where "You" stops meaning
+     * anything. Hosts bind the current user's name; the default keeps old hosts working.
+     */
+    UserName: string;
+    /** Shared live-session state, owned by the overlay shell. */
+    State: RealtimeSessionState;
+    /** Whether to render caption bubbles (toggled by the controls' captions button). */
+    ShowCaptions: boolean;
+    /** Whether developer affordances on delegation cards are revealed (gear-gated). */
+    DevMode: boolean;
+    /** Re-emitted from a delegation card's dev "Open run" link (the delegated run's ID). */
+    OpenRunRequested: EventEmitter<string>;
+    /** Re-emitted from a delegation card's "View" artifact chip (focuses the artifact's surface tab). */
+    OpenArtifactRequested: EventEmitter<ParsedDelegationArtifact>;
+    /** Re-emitted from a WORKING delegation card's ✕ cancel affordance (the call's ID). */
+    CancelRequested: EventEmitter<string>;
+    /** Item count at the last change notification, to auto-scroll only when the list grows. */
+    private lastItemCount;
+    /** Drives auto-scroll: set whenever the list grows. */
+    private pendingScroll;
+    private changedSub?;
+    private cdr;
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    /** track fn for the @for over thread items. */
+    TrackItem(index: number, item: RealtimeThreadItem): string;
+    /** True when the live narration note should render under THIS delegation item. */
+    ShowsLiveNote(item: RealtimeThreadItem): boolean;
+    /** Marks for check on every state change; auto-scrolls when the thread grew. */
+    private onStateChanged;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RealtimeSessionThreadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RealtimeSessionThreadComponent, "mj-realtime-session-thread", never, { "AgentName": { "alias": "AgentName"; "required": false; }; "UserName": { "alias": "UserName"; "required": false; }; "State": { "alias": "State"; "required": true; }; "ShowCaptions": { "alias": "ShowCaptions"; "required": false; }; "DevMode": { "alias": "DevMode"; "required": false; }; }, { "OpenRunRequested": "OpenRunRequested"; "OpenArtifactRequested": "OpenArtifactRequested"; "CancelRequested": "CancelRequested"; }, never, never, true, never>;
+}
+//# sourceMappingURL=realtime-session-thread.component.d.ts.map

package/dist/lib/components/realtime/realtime-session-thread.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"realtime-session-thread.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-session-thread.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACM,YAAY,EAAwC,gBAAgB,EAAE,MAAM,EAAE,SAAS,EAEnG,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;;AAEnF;;;;;;;;;;GAUG;AACH,qBAOa,8BAA+B,YAAW,MAAM,EAAE,gBAAgB,EAAE,SAAS;IAC7D,OAAO,CAAC,YAAY,CAAC,CAA0B;IAE1E,8DAA8D;IACrD,SAAS,SAAU;IAE5B;;;;OAIG;IACM,QAAQ,SAAS;IAE1B,6DAA6D;IAClC,KAAK,EAAG,oBAAoB,CAAC;IAExD,oFAAoF;IAC3E,YAAY,UAAQ;IAE7B,mFAAmF;IAC1E,OAAO,UAAS;IAEzB,wFAAwF;IAC9E,gBAAgB,uBAA8B;IAExD,qGAAqG;IAC3F,qBAAqB,yCAAgD;IAE/E,uFAAuF;IAC7E,eAAe,uBAA8B;IAEvD,2FAA2F;IAC3F,OAAO,CAAC,aAAa,CAAK;IAC1B,uDAAuD;IACvD,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,UAAU,CAAC,CAAe;IAClC,OAAO,CAAC,GAAG,CAA6B;IAExC,QAAQ,IAAI,IAAI;IAKhB,kBAAkB,IAAI,IAAI;IAO1B,WAAW,IAAI,IAAI;IAInB,+CAA+C;IACxC,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,MAAM;IAQjE,kFAAkF;IAC3E,aAAa,CAAC,IAAI,EAAE,kBAAkB,GAAG,OAAO;IAOvD,gFAAgF;IAChF,OAAO,CAAC,cAAc;yCAzEX,8BAA8B;2CAA9B,8BAA8B;CAgF1C"}

package/dist/lib/components/realtime/realtime-session-thread.component.js

@@ -0,0 +1,246 @@
+import { Component, EventEmitter, Input, Output, ViewChild, ChangeDetectorRef, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RealtimeDelegationCardComponent } from './realtime-delegation-card.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _c0 = ["scrollAnchor"];
+function RealtimeSessionThreadComponent_For_2_Case_0_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.UserName);
+} }
+function RealtimeSessionThreadComponent_For_2_Case_0_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵelementStart(1, "span", 12);
+    i0.ɵɵtext(2, "\u00B7 voice");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.AgentName, " ");
+} }
+function RealtimeSessionThreadComponent_For_2_Case_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 8)(4, "div", 9);
+    i0.ɵɵconditionalCreate(5, RealtimeSessionThreadComponent_For_2_Case_0_Conditional_0_Conditional_5_Template, 2, 1, "span", 10)(6, RealtimeSessionThreadComponent_For_2_Case_0_Conditional_0_Conditional_6_Template, 3, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 11);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("turn--user", item_r2.Role === "User")("turn--agent", item_r2.Role === "Assistant");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate((item_r2.Role === "User" ? ctx_r0.UserName : ctx_r0.AgentName).charAt(0).toUpperCase());
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(item_r2.Role === "User" ? 5 : 6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r2.Text);
+} }
+function RealtimeSessionThreadComponent_For_2_Case_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, RealtimeSessionThreadComponent_For_2_Case_0_Conditional_0_Template, 9, 7, "div", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.ShowCaptions ? 0 : -1);
+} }
+function RealtimeSessionThreadComponent_For_2_Case_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\u00B7 ", i0.ɵɵpipeBind2(2, 1, item_r2.At, "MMM d, h:mm a"));
+} }
+function RealtimeSessionThreadComponent_For_2_Case_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r2.CloseReason);
+} }
+function RealtimeSessionThreadComponent_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "span", 13);
+    i0.ɵɵelementStart(2, "span", 14);
+    i0.ɵɵelement(3, "i", 15);
+    i0.ɵɵtext(4);
+    i0.ɵɵconditionalCreate(5, RealtimeSessionThreadComponent_For_2_Case_1_Conditional_5_Template, 3, 4, "span", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, RealtimeSessionThreadComponent_For_2_Case_1_Conditional_6_Template, 2, 1, "span", 17);
+    i0.ɵɵelement(7, "span", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(item_r2.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r2.Label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r2.At ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r2.CloseReason ? 6 : -1);
+} }
+function RealtimeSessionThreadComponent_For_2_Case_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.State.Narration, " ");
+} }
+function RealtimeSessionThreadComponent_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "mj-realtime-delegation-card", 18);
+    i0.ɵɵlistener("OpenRunRequested", function RealtimeSessionThreadComponent_For_2_Case_2_Template_mj_realtime_delegation_card_OpenRunRequested_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenRunRequested.emit($event)); })("OpenArtifactRequested", function RealtimeSessionThreadComponent_For_2_Case_2_Template_mj_realtime_delegation_card_OpenArtifactRequested_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenArtifactRequested.emit($event)); })("CancelRequested", function RealtimeSessionThreadComponent_For_2_Case_2_Template_mj_realtime_delegation_card_CancelRequested_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CancelRequested.emit($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(2, RealtimeSessionThreadComponent_For_2_Case_2_Conditional_2_Template, 3, 1, "div", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Card", item_r2.Card)("DevMode", ctx_r0.DevMode);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ShowsLiveNote(item_r2) ? 2 : -1);
+} }
+function RealtimeSessionThreadComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, RealtimeSessionThreadComponent_For_2_Case_0_Template, 1, 1)(1, RealtimeSessionThreadComponent_For_2_Case_1_Template, 8, 5, "div", 3)(2, RealtimeSessionThreadComponent_For_2_Case_2_Template, 3, 3, "div", 4);
+} if (rf & 2) {
+    let tmp_11_0;
+    const item_r2 = ctx.$implicit;
+    i0.ɵɵconditional((tmp_11_0 = item_r2.Kind) === "caption" ? 0 : tmp_11_0 === "divider" ? 1 : tmp_11_0 === "delegation" ? 2 : -1);
+} }
+function RealtimeSessionThreadComponent_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1, "The live transcript and any delegated work will appear here.");
+    i0.ɵɵelementEnd();
+} }
+/**
+ * The unified, chronological live thread for the call overlay: caption bubbles
+ * interleaved with delegation cards exactly where they happened.
+ *
+ * PURELY PRESENTATIONAL over {@link RealtimeSessionState} — the overlay shell owns the
+ * state object (which merges the service streams once) and passes it here AND to the
+ * activity rail, so there is exactly one copy of the per-CallID merge logic.
+ *
+ * Also renders the EPHEMERAL narration "live note": indented, muted, italic text under
+ * the ACTIVE working card (latest narration only — replaced, never accumulated).
+ */
+export class RealtimeSessionThreadComponent {
+    scrollAnchor;
+    /** Display name of the agent (caption avatar / meta line). */
+    AgentName = 'Sage';
+    /**
+     * Display name of the signed-in user for their turns — consistent with the main
+     * chat's sender names, and ready for multi-user sessions where "You" stops meaning
+     * anything. Hosts bind the current user's name; the default keeps old hosts working.
+     */
+    UserName = 'You';
+    /** Shared live-session state, owned by the overlay shell. */
+    State;
+    /** Whether to render caption bubbles (toggled by the controls' captions button). */
+    ShowCaptions = true;
+    /** Whether developer affordances on delegation cards are revealed (gear-gated). */
+    DevMode = false;
+    /** Re-emitted from a delegation card's dev "Open run" link (the delegated run's ID). */
+    OpenRunRequested = new EventEmitter();
+    /** Re-emitted from a delegation card's "View" artifact chip (focuses the artifact's surface tab). */
+    OpenArtifactRequested = new EventEmitter();
+    /** Re-emitted from a WORKING delegation card's ✕ cancel affordance (the call's ID). */
+    CancelRequested = new EventEmitter();
+    /** Item count at the last change notification, to auto-scroll only when the list grows. */
+    lastItemCount = 0;
+    /** Drives auto-scroll: set whenever the list grows. */
+    pendingScroll = false;
+    changedSub;
+    cdr = inject(ChangeDetectorRef);
+    ngOnInit() {
+        this.changedSub = this.State.Changed$.subscribe(() => this.onStateChanged());
+        this.lastItemCount = this.State.Items.length;
+    }
+    ngAfterViewChecked() {
+        if (this.pendingScroll) {
+            this.pendingScroll = false;
+            this.scrollAnchor?.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'end' });
+        }
+    }
+    ngOnDestroy() {
+        this.changedSub?.unsubscribe();
+    }
+    /** track fn for the @for over thread items. */
+    TrackItem(index, item) {
+        switch (item.Kind) {
+            case 'delegation': return `d:${item.Card.CallID}`;
+            case 'divider': return `s:${index}`;
+            default: return `c:${index}`;
+        }
+    }
+    /** True when the live narration note should render under THIS delegation item. */
+    ShowsLiveNote(item) {
+        return item.Kind === 'delegation'
+            && !item.Card.Done
+            && this.State.Narration !== null
+            && item.Card.CallID === this.State.ActiveCallId;
+    }
+    /** Marks for check on every state change; auto-scrolls when the thread grew. */
+    onStateChanged() {
+        if (this.State.Items.length > this.lastItemCount) {
+            this.pendingScroll = true;
+        }
+        this.lastItemCount = this.State.Items.length;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = function RealtimeSessionThreadComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RealtimeSessionThreadComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RealtimeSessionThreadComponent, selectors: [["mj-realtime-session-thread"]], viewQuery: function RealtimeSessionThreadComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scrollAnchor = _t.first);
+        } }, inputs: { AgentName: "AgentName", UserName: "UserName", State: "State", ShowCaptions: "ShowCaptions", DevMode: "DevMode" }, outputs: { OpenRunRequested: "OpenRunRequested", OpenArtifactRequested: "OpenArtifactRequested", CancelRequested: "CancelRequested" }, decls: 6, vars: 1, consts: [["scrollAnchor", ""], [1, "thread"], [1, "thread-empty"], ["role", "separator", 1, "thread-divider"], [1, "delegation-block"], [1, "turn", 3, "turn--user", "turn--agent"], [1, "turn"], [1, "turn-avatar"], [1, "turn-body"], [1, "turn-meta"], [1, "typed-tag"], [1, "bubble"], [1, "muted"], ["aria-hidden", "true", 1, "thread-divider__line"], [1, "thread-divider__label"], ["aria-hidden", "true"], [1, "thread-divider__time"], ["title", "Why the previous session leg ended", 1, "thread-divider__chip"], [3, "OpenRunRequested", "OpenArtifactRequested", "CancelRequested", "Card", "DevMode"], ["role", "status", "aria-live", "polite", 1, "live-note"], ["aria-hidden", "true", 1, "fa-solid", "fa-comment-dots"]], template: function RealtimeSessionThreadComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵrepeaterCreate(1, RealtimeSessionThreadComponent_For_2_Template, 3, 1, null, null, ctx.TrackItem, true, RealtimeSessionThreadComponent_ForEmpty_3_Template, 2, 0, "div", 2);
+            i0.ɵɵelement(4, "div", null, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.State.Items);
+        } }, dependencies: [CommonModule, RealtimeDelegationCardComponent, i1.DatePipe], styles: ["[_nghost-%COMP%] {\n  display: block;\n}\n\n.thread[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.thread-empty[_ngcontent-%COMP%] {\n  text-align: center;\n  font-size: 12.5px;\n  color: var(--mj-text-disabled);\n  padding: 24px 0;\n}\n\n\n\n.turn[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  max-width: 100%;\n}\n.turn--user[_ngcontent-%COMP%] {\n  flex-direction: row-reverse;\n}\n.turn-body[_ngcontent-%COMP%] {\n  min-width: 0;\n}\n.turn-avatar[_ngcontent-%COMP%] {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  font-size: 11px;\n  font-weight: 700;\n  margin-top: 2px;\n}\n.turn--agent[_ngcontent-%COMP%]   .turn-avatar[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, var(--mj-brand-primary), var(--mj-brand-accent, var(--mj-brand-primary)));\n  color: var(--mj-text-inverse, #fff);\n}\n.turn--user[_ngcontent-%COMP%]   .turn-avatar[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n  border: 1px solid var(--mj-border-strong);\n}\n.bubble[_ngcontent-%COMP%] {\n  padding: 8px 12px;\n  border-radius: 12px;\n  max-width: 560px;\n  font-size: 13.5px;\n  line-height: 1.5;\n  position: relative;\n}\n.turn--agent[_ngcontent-%COMP%]   .bubble[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-top-left-radius: 4px;\n  color: var(--mj-text-primary);\n}\n.turn--user[_ngcontent-%COMP%]   .bubble[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #fff);\n  border-top-right-radius: 4px;\n}\n.turn-meta[_ngcontent-%COMP%] {\n  font-size: 10.5px;\n  color: var(--mj-text-muted);\n  margin-bottom: 3px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n}\n.turn--user[_ngcontent-%COMP%]   .turn-meta[_ngcontent-%COMP%] {\n  justify-content: flex-end;\n}\n.muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n.typed-tag[_ngcontent-%COMP%] {\n  font-size: 9.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-muted);\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  padding: 1px 5px;\n}\n\n\n\n.delegation-block[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.live-note[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  margin-left: 22px;\n  max-width: 520px;\n  font-size: 12px;\n  font-style: italic;\n  color: var(--mj-text-muted);\n  animation: _ngcontent-%COMP%_live-note-in 220ms ease;\n}\n.live-note[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  margin-top: 3px;\n  flex-shrink: 0;\n}\n@keyframes _ngcontent-%COMP%_live-note-in {\n  from { opacity: 0; transform: translateY(2px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\n\n.thread-divider[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 10px 0 6px;\n  user-select: none;\n}\n.thread-divider__line[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 1px;\n  background: var(--mj-border-subtle);\n}\n.thread-divider__label[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n.thread-divider__label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n.thread-divider__time[_ngcontent-%COMP%] {\n  font-weight: 400;\n}\n.thread-divider__chip[_ngcontent-%COMP%] {\n  font-size: 9.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-muted);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 999px;\n  padding: 1px 7px;\n  background: var(--mj-bg-surface-card);\n  white-space: nowrap;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RealtimeSessionThreadComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-realtime-session-thread', imports: [CommonModule, RealtimeDelegationCardComponent], template: "<div class=\"thread\">\n  @for (item of State.Items; track TrackItem($index, item)) {\n    @switch (item.Kind) {\n      @case ('caption') {\n        @if (ShowCaptions) {\n          <div class=\"turn\" [class.turn--user]=\"item.Role === 'User'\" [class.turn--agent]=\"item.Role === 'Assistant'\">\n            <div class=\"turn-avatar\">{{ (item.Role === 'User' ? UserName : AgentName).charAt(0).toUpperCase() }}</div>\n            <div class=\"turn-body\">\n              <div class=\"turn-meta\">\n                @if (item.Role === 'User') {\n                  <span class=\"typed-tag\">{{ UserName }}</span>\n                } @else {\n                  {{ AgentName }} <span class=\"muted\">\u00B7 voice</span>\n                }\n              </div>\n              <div class=\"bubble\">{{ item.Text }}</div>\n            </div>\n          </div>\n        }\n      }\n      @case ('divider') {\n        <!-- Session-leg boundary: subtle rule marking a resume / chained leg -->\n        <div class=\"thread-divider\" role=\"separator\">\n          <span class=\"thread-divider__line\" aria-hidden=\"true\"></span>\n          <span class=\"thread-divider__label\">\n            <i [class]=\"item.Icon\" aria-hidden=\"true\"></i>\n            {{ item.Label }}\n            @if (item.At) {\n              <span class=\"thread-divider__time\">\u00B7 {{ item.At | date:'MMM d, h:mm a' }}</span>\n            }\n          </span>\n          @if (item.CloseReason) {\n            <span class=\"thread-divider__chip\" title=\"Why the previous session leg ended\">{{ item.CloseReason }}</span>\n          }\n          <span class=\"thread-divider__line\" aria-hidden=\"true\"></span>\n        </div>\n      }\n      @case ('delegation') {\n        <div class=\"delegation-block\">\n          <mj-realtime-delegation-card\n            [Card]=\"item.Card\"\n            [DevMode]=\"DevMode\"\n            (OpenRunRequested)=\"OpenRunRequested.emit($event)\"\n            (OpenArtifactRequested)=\"OpenArtifactRequested.emit($event)\"\n            (CancelRequested)=\"CancelRequested.emit($event)\">\n          </mj-realtime-delegation-card>\n          @if (ShowsLiveNote(item)) {\n            <!-- Ephemeral narration: latest only, never persisted, fades with completion -->\n            <div class=\"live-note\" role=\"status\" aria-live=\"polite\">\n              <i class=\"fa-solid fa-comment-dots\" aria-hidden=\"true\"></i>\n              {{ State.Narration }}\n            </div>\n          }\n        </div>\n      }\n    }\n  } @empty {\n    <div class=\"thread-empty\">The live transcript and any delegated work will appear here.</div>\n  }\n  <div #scrollAnchor></div>\n</div>\n", styles: [":host {\n  display: block;\n}\n\n.thread {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.thread-empty {\n  text-align: center;\n  font-size: 12.5px;\n  color: var(--mj-text-disabled);\n  padding: 24px 0;\n}\n\n/* ---------- Transcript bubbles ---------- */\n.turn {\n  display: flex;\n  gap: 10px;\n  max-width: 100%;\n}\n.turn--user {\n  flex-direction: row-reverse;\n}\n.turn-body {\n  min-width: 0;\n}\n.turn-avatar {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  font-size: 11px;\n  font-weight: 700;\n  margin-top: 2px;\n}\n.turn--agent .turn-avatar {\n  background: linear-gradient(135deg, var(--mj-brand-primary), var(--mj-brand-accent, var(--mj-brand-primary)));\n  color: var(--mj-text-inverse, #fff);\n}\n.turn--user .turn-avatar {\n  background: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-secondary);\n  border: 1px solid var(--mj-border-strong);\n}\n.bubble {\n  padding: 8px 12px;\n  border-radius: 12px;\n  max-width: 560px;\n  font-size: 13.5px;\n  line-height: 1.5;\n  position: relative;\n}\n.turn--agent .bubble {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-top-left-radius: 4px;\n  color: var(--mj-text-primary);\n}\n.turn--user .bubble {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #fff);\n  border-top-right-radius: 4px;\n}\n.turn-meta {\n  font-size: 10.5px;\n  color: var(--mj-text-muted);\n  margin-bottom: 3px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n}\n.turn--user .turn-meta {\n  justify-content: flex-end;\n}\n.muted {\n  color: var(--mj-text-muted);\n}\n.typed-tag {\n  font-size: 9.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-muted);\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  padding: 1px 5px;\n}\n\n/* ---------- Delegation block + ephemeral live note ---------- */\n.delegation-block {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.live-note {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  margin-left: 22px;\n  max-width: 520px;\n  font-size: 12px;\n  font-style: italic;\n  color: var(--mj-text-muted);\n  animation: live-note-in 220ms ease;\n}\n.live-note i {\n  font-size: 10px;\n  margin-top: 3px;\n  flex-shrink: 0;\n}\n@keyframes live-note-in {\n  from { opacity: 0; transform: translateY(2px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n/* ---------- Session-leg divider (resume / chained-leg boundary) ---------- */\n.thread-divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 10px 0 6px;\n  user-select: none;\n}\n.thread-divider__line {\n  flex: 1;\n  height: 1px;\n  background: var(--mj-border-subtle);\n}\n.thread-divider__label {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n.thread-divider__label i {\n  font-size: 10px;\n}\n.thread-divider__time {\n  font-weight: 400;\n}\n.thread-divider__chip {\n  font-size: 9.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-muted);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 999px;\n  padding: 1px 7px;\n  background: var(--mj-bg-surface-card);\n  white-space: nowrap;\n}\n"] }]
+    }], null, { scrollAnchor: [{
+            type: ViewChild,
+            args: ['scrollAnchor']
+        }], AgentName: [{
+            type: Input
+        }], UserName: [{
+            type: Input
+        }], State: [{
+            type: Input,
+            args: [{ required: true }]
+        }], ShowCaptions: [{
+            type: Input
+        }], DevMode: [{
+            type: Input
+        }], OpenRunRequested: [{
+            type: Output
+        }], OpenArtifactRequested: [{
+            type: Output
+        }], CancelRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RealtimeSessionThreadComponent, { className: "RealtimeSessionThreadComponent", filePath: "src/lib/components/realtime/realtime-session-thread.component.ts", lineNumber: 29 }); })();
+//# sourceMappingURL=realtime-session-thread.component.js.map